botframework-webchat-fluent-theme 4.17.1 → 4.18.1-hotfix.20260127.b53acdf
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/botframework-webchat-fluent-theme.css.map +1 -1
- package/dist/botframework-webchat-fluent-theme.d.mts +23 -5
- package/dist/botframework-webchat-fluent-theme.d.ts +23 -5
- package/dist/botframework-webchat-fluent-theme.development.css.map +1 -1
- package/dist/botframework-webchat-fluent-theme.development.js +11 -1
- package/dist/botframework-webchat-fluent-theme.development.js.map +1 -1
- package/dist/botframework-webchat-fluent-theme.js +1 -1
- package/dist/botframework-webchat-fluent-theme.js.map +1 -1
- package/dist/botframework-webchat-fluent-theme.mjs +1 -1
- package/dist/botframework-webchat-fluent-theme.mjs.map +1 -1
- package/dist/botframework-webchat-fluent-theme.production.min.css.map +1 -1
- package/dist/botframework-webchat-fluent-theme.production.min.js +11 -1
- package/dist/botframework-webchat-fluent-theme.production.min.js.map +1 -1
- package/package.json +27 -26
- package/src/bundle.ts +2 -0
- package/src/components/activity/ActivityDecorator.module.css +432 -0
- package/src/components/activity/ActivityDecorator.tsx +26 -0
- package/src/components/activity/ActivityLoader.module.css +10 -0
- package/src/components/activity/ActivityLoader.tsx +21 -0
- package/src/components/activity/CopilotMessageHeader.module.css +38 -0
- package/src/components/activity/CopilotMessageHeader.tsx +49 -0
- package/src/components/activity/index.ts +2 -0
- package/src/components/activity/private/isAIGeneratedActivity.ts +5 -0
- package/src/components/activity/private/useActivityAuthor.ts +16 -0
- package/src/components/activity/private/useActivityStyleOptions.ts +19 -0
- package/src/components/assets/AssetComposer.tsx +37 -0
- package/src/components/assets/AssetName.ts +1 -0
- package/src/components/assets/SlidingDots.tsx +61 -0
- package/src/components/assets/private/Context.ts +24 -0
- package/src/components/assets/private/useAssetURL.ts +12 -0
- package/src/components/assets/private/useContext.ts +8 -0
- package/src/components/dropZone/DropZone.module.css +3 -4
- package/src/components/dropZone/DropZone.tsx +41 -6
- package/src/components/linerActivity/index.ts +2 -0
- package/src/components/linerActivity/private/LinerActivity.tsx +20 -0
- package/src/components/linerActivity/private/LinerMessageActivity.module.css +28 -0
- package/src/components/linerActivity/private/isLinerMessageActivity.ts +7 -0
- package/src/components/preChatActivity/PreChatMessageActivity.module.css +56 -0
- package/src/components/preChatActivity/PreChatMessageActivity.tsx +60 -0
- package/src/components/preChatActivity/StarterPromptsCardAction.module.css +126 -0
- package/src/components/preChatActivity/StarterPromptsCardAction.tsx +75 -0
- package/src/components/preChatActivity/StarterPromptsToolbar.module.css +18 -0
- package/src/components/preChatActivity/StarterPromptsToolbar.tsx +47 -0
- package/src/components/preChatActivity/index.tsx +2 -0
- package/src/components/preChatActivity/isPreChatMessageActivity.ts +7 -0
- package/src/components/sendBox/Attachments.module.css +1 -1
- package/src/components/sendBox/Attachments.tsx +5 -4
- package/src/components/sendBox/ErrorMessage.tsx +15 -4
- package/src/components/sendBox/SendBox.module.css +21 -6
- package/src/components/sendBox/SendBox.tsx +95 -56
- package/src/components/sendBox/TextArea.module.css +27 -8
- package/src/components/sendBox/TextArea.tsx +60 -31
- package/src/components/sendBox/Toolbar.module.css +15 -7
- package/src/components/sendBox/Toolbar.tsx +17 -7
- package/src/components/sendBox/index.tsx +1 -1
- package/src/components/sendBox/private/useSubmitError.ts +17 -4
- package/src/components/sendBox/private/useTranscriptNavigation.ts +53 -0
- package/src/components/suggestedActions/AccessibleButton.tsx +15 -13
- package/src/components/suggestedActions/SuggestedAction.module.css +14 -13
- package/src/components/suggestedActions/SuggestedAction.tsx +7 -4
- package/src/components/suggestedActions/SuggestedActions.module.css +2 -3
- package/src/components/suggestedActions/SuggestedActions.tsx +49 -46
- package/src/components/telephoneKeypad/private/Button.module.css +2 -3
- package/src/components/telephoneKeypad/private/Button.tsx +1 -5
- package/src/components/telephoneKeypad/private/TelephoneKeypad.module.css +0 -1
- package/src/components/telephoneKeypad/private/TelephoneKeypad.tsx +4 -8
- package/src/components/telephoneKeypad/types.ts +1 -1
- package/src/components/theme/Theme.module.css +665 -15
- package/src/components/theme/Theme.tsx +4 -3
- package/src/components/typingIndicator/SlidingDotsTypingIndicator.module.css +12 -0
- package/src/components/typingIndicator/SlidingDotsTypingIndicator.tsx +19 -0
- package/src/env.d.ts +1 -7
- package/src/external.umd/botframework-webchat-api/decorator.ts +1 -0
- package/src/external.umd/botframework-webchat-component/decorator.ts +1 -0
- package/src/external.umd/botframework-webchat-component/index.ts +5 -0
- package/src/external.umd/botframework-webchat-component/internal.ts +1 -0
- package/src/icons/AddDocumentIcon.tsx +8 -16
- package/src/icons/AttachmentIcon.tsx +8 -16
- package/src/icons/InfoSmallIcon.tsx +7 -15
- package/src/icons/SendIcon.tsx +7 -15
- package/src/icons/TelephoneKeypadIcon.tsx +7 -15
- package/src/index.ts +2 -4
- package/src/private/FluentThemeProvider.tsx +91 -10
- package/src/private/VariantComposer.ts +29 -0
- package/src/private/createComposer.tsx +16 -0
- package/src/private/useVariants.ts +7 -0
- package/src/styles/createStyles.ts +5 -0
- package/src/styles/index.ts +3 -2
- package/src/styles/useStyles.ts +2 -19
- package/src/styles/useVariantClassName.ts +16 -0
- package/src/testIds.ts +3 -0
- package/src/tsconfig.json +12 -10
- package/src/types/PropsOf.ts +2 -5
- package/src/external.umd/botframework-webchat-component.ts +0 -4
- package/src/styles/injectStyle.ts +0 -9
- /package/src/external.umd/{botframework-webchat-api.ts → botframework-webchat-api/index.ts} +0 -0
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{injectMetaTag as Ur}from"inject-meta-tag";import{Components as Dr}from"botframework-webchat-component";import be,{memo as Pr}from"react";import dt,{memo as it,useMemo as ct,useState as ut}from"react";import{createContext as lt}from"react";var he=lt(new Proxy({},{get(){throw new Error("botframework-webchat: This hook can only used under its corresponding <Provider>.")}}));he.displayName="TelephoneKeypad.Context";var D=he;var mt=it(({children:e})=>{let[t,o]=ut(!1),r=ct(()=>Object.freeze({setShown:o,shown:t}),[o,t]);return dt.createElement(D.Provider,{value:r},e)}),j=mt;import zt,{memo as Ot}from"react";import{Components as It}from"botframework-webchat-component";import Dt from"classnames";import f,{memo as Be,useCallback as v,useEffect as Pt,useRef as Rt}from"react";import{useRefFrom as _e}from"use-ref-from";import W,{forwardRef as gt,memo as xt,useCallback as yt}from"react";import{useRefFrom as vt}from"use-ref-from";var ge={"telephone-keypad__button":"r","telephone-keypad__button__ruby":"e","telephone-keypad__button__text":"o","telephone-keypad--horizontal":"l"};var bt=".webchat-fluent .r{-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 .r:hover{background-color:var(--webchat-colorGray30)}.webchat-fluent .e{color:var(--webchat-colorGray190);font-size:10px}.webchat-fluent .o{font-size:24px;margin-top:8px}.webchat-fluent .l .r{height:32px;justify-content:center;margin:8px 4px;width:32px}.webchat-fluent .l .e{display:none}.webchat-fluent .l .o{font-size:20px;margin-top:0}.webchat-fluent .c{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 .n{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 .d{align-items:center;color:var(--webchat-colorNeutralForeground4);display:flex;font-size:12px;gap:6px;margin-block-end:6px}.webchat-fluent .i{color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .i:target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .i:hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .i:active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .i:focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent.a{display:contents;--webchat-colorNeutralForeground1: var(--colorNeutralForeground1, #242424);--webchat-colorNeutralForeground2: var(--colorNeutralForeground2, #424242);--webchat-colorNeutralForeground4: var(--colorNeutralForeground4, #707070);--webchat-colorNeutralForeground2BrandHover: var(--colorNeutralForeground2BrandHover, #02729c);--webchat-colorNeutralForeground2BrandPressed: var(--colorNeutralForeground2BrandPressed, #01678c);--webchat-colorNeutralForeground2BrandSelected: var(--colorNeutralForeground2BrandSelected, #067191);--webchat-colorNeutralForegroundDisabled: var(--colorNeutralForegroundDisabled, #bdbdbd);--webchat-colorNeutralBackground1: var(--colorNeutralBackground1, #ffffff);--webchat-colorNeutralBackground4: var(--colorNeutralBackground4, #f0f0f0);--webchat-colorNeutralBackground5: var(--colorNeutralBackground5, #ebebeb);--webchat-colorNeutralStroke1: var(--colorNeutralStroke1, #d1d1d1);--webchat-colorNeutralStroke2: var(--colorNeutralStroke2, #e0e0e0);--webchat-colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected, #bdbdbd);--webchat-colorStrokeFocus2: var(--colorStrokeFocus2, #000000);--webchat-colorBrandStroke2: var(--colorBrandStroke2, #9edcf7);--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-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-borderRadiusSmall: var(--borderRadiusSmall, 2px);--webchat-borderRadiusLarge: var(--borderRadiusLarge, 6px);--webchat-borderRadiusXLarge: var(--borderRadiusXLarge, 8px);--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-spacingHorizontalMNudge: var(--spacingHorizontalMNudge, 10px);--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-fontWeightSemibold: var(--fontWeightSemibold, 600);--webchat-strokeWidthThicker: var(--strokeWidthThicker, 3px);--webchat-durationUltraFast: var(--durationUltraFast, 0);--webchat-durationNormal: var(--durationNormal, .2s);--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 .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 .u{background-color:#e00;color:#fff}.webchat-fluent .h{height:36px;pointer-events:none;width:36px}.webchat-fluent .s{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 .s:not([aria-disabled=true]):hover{background-color:var(--webchat-colorBrandBackground2Hover);color:var(--webchat-colorBrandForeground2Hover)}}.webchat-fluent .s:not([aria-disabled=true]):active{background-color:var(--webchat-colorBrandBackground2Pressed);color:var(--webchat-colorBrandForeground2Pressed)}.webchat-fluent .s[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .g{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.w{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.webchat-fluent .p.v{flex-direction:column}.webchat-fluent .f{display:flex;gap:4px;margin-inline-start:auto}.webchat-fluent .x{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 .x>svg{font-size:20px;pointer-events:none}.webchat-fluent .x.k{color:var(--webchat-colorNeutralForeground2BrandSelected)}@media (hover: hover){.webchat-fluent .x:not([aria-disabled=true]):hover{color:var(--webchat-colorNeutralForeground2BrandHover)}}.webchat-fluent .x:not([aria-disabled=true]):active{color:var(--webchat-colorNeutralForeground2BrandPressed)}.webchat-fluent .x[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .m{align-self:center;border-inline-end:1px solid var(--webchat-colorNeutralStroke2);height:28px}.webchat-fluent .m:is(:first-child,:last-child,:only-child){display:none}.webchat-fluent .B{display:grid}.webchat-fluent .F{font-size:0;height:0;opacity:0;width:1px}.webchat-fluent .y{border-radius:var(--webchat-borderRadiusLarge);border:1px solid var(--webchat-colorNeutralStroke1);cursor:default;padding:6px 8px;width:fit-content}.webchat-fluent .N{color:transparent;font-size:0;height:0;left:0;position:absolute;top:0;width:0}.webchat-fluent .S{display:grid;grid-template-areas:\"main\";max-height:200px;overflow:hidden}.webchat-fluent .z{height:0;visibility:collapse}.webchat-fluent .L{border:none;font:inherit;grid-area:main;outline:inherit;overflow-wrap:anywhere;resize:inherit;scrollbar-gutter:stable}.webchat-fluent .H{overflow:hidden;visibility:hidden;white-space:pre-wrap}.webchat-fluent .W{background-color:inherit;color:currentColor;height:100%;padding:0}.webchat-fluent .P{scrollbar-color:unset;scrollbar-width:unset;-moz-scrollbar-color:var(--webchat-colorNeutralBackground5) var(--webchat-colorNeutralForeground2);-moz-scrollbar-width:thin}.webchat-fluent .P::-webkit-scrollbar{width:8px}.webchat-fluent .P::-webkit-scrollbar-track{background-color:var(--webchat-colorNeutralBackground5);border-radius:16px}.webchat-fluent .P::-webkit-scrollbar-thumb{background-color:var(--webchat-colorNeutralForeground2);border-radius:16px}.webchat-fluent .P::-webkit-scrollbar-corner{background-color:var(--webchat-colorNeutralBackground5)}.webchat-fluent .R{color:var(--webchat-colorNeutralForeground1);font-family:var(--webchat-fontFamilyBase);padding:0 10px 10px;text-rendering:optimizeLegibility;--webchat-sendbox-attachment-area-active: ;--webchat-sendbox-border-radius: var(--webchat-borderRadiusLarge)}.webchat-fluent .G{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 .G:has(.t){--webchat-sendbox-attachment-area-active: \"attachment\" }.webchat-fluent .G:focus-within{border-color:var(--webchat-colorNeutralStroke1Selected)}.webchat-fluent .G: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 .G: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 .G>.D{grid-area:text-area}.webchat-fluent .G>.t{grid-area:attachment}.webchat-fluent .G>.M{grid-area:controls}.webchat-fluent .G>.U{grid-area:telephone-keypad}.webchat-fluent .C{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}.webchat-fluent .j{align-items:center;display:flex;padding-inline-start:4px}.webchat-fluent .T{color:var(--webchat-colorNeutralForeground4);cursor:default;font-family:var(--webchat-fontFamilyNumeric);font-size:10px;line-height:14px;margin-inline-end:4px}.webchat-fluent .I{color:var(--webchat-colorStatusDangerForeground1)}\n/*! For license information please see botframework-webchat-fluent-theme.css.LEGAL.txt */\n";function P(){if(globalThis.document){let e=document.createElement("style");e.append(document.createTextNode(bt)),document.head.appendChild(e)}}import{useMemo as ft}from"react";function ht(e){return ft(()=>Object.freeze(Object.fromEntries(Object.entries(e).map(([t,o])=>[t,`${t} ${o}`]))),[e])}var i=ht;var xe=xt(gt(({button:e,"data-testid":t,onClick:o,ruby:r},a)=>{let d=i(ge),c=vt(o),n=yt(()=>c.current?.(),[c]);return W.createElement("button",{className:d["telephone-keypad__button"],"data-testid":t,onClick:n,ref:a,type:"button"},W.createElement("span",{className:d["telephone-keypad__button__text"]},e==="star"?"\u2217":e==="pound"?"#":e),!!r&&W.createElement("ruby",{className:d["telephone-keypad__button__ruby"]},r))}));xe.displayName="TelephoneKeypad.Button";var y=xe;var wt={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=wt;import{useContext as Tt,useMemo as kt}from"react";function k(){let{setShown:e,shown:t}=Tt(D);return kt(()=>Object.freeze([t,e]),[t,e])}var X={"telephone-keypad":"c","telephone-keypad__box":"n","telephone-keypad__info-message":"d","telephone-keypad__info-message-link":"i"};import ye,{memo as Bt}from"react";function Nt(e){return ye.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},ye.createElement("path",{d:"M6 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 G=Bt(Nt);import ve,{memo as St}from"react";function Et(e){return ve.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},ve.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 $=St(Et);import we,{memo as Ct}from"react";function Ft(e){return we.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 16 16",width:"1em",xmlns:"http://www.w3.org/2000/svg"},we.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 V=Ct(Ft);import Te,{memo as At}from"react";function Mt(e){return Te.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.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 Y=At(Mt);import ke,{memo as Ht}from"react";function Lt(e){return ke.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},ke.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 q=Ht(Lt);var{LocalizedString:Kt}=It,Ne=Be(({children:e,isHorizontal:t})=>{let o=i(X);return t?null:f.createElement("div",{className:o["telephone-keypad__box"]},e)});Ne.displayName="TelephoneKeypad:Orientation";var Se=Be(({autoFocus:e,className:t,onButtonClick:o,isHorizontal:r})=>{let a=_e(e),d=i(X),c=Rt(null),n=_e(o),[,u]=k(),b=v(()=>n.current?.("1"),[n]),s=v(()=>n.current?.("2"),[n]),l=v(()=>n.current?.("3"),[n]),p=v(()=>n.current?.("4"),[n]),g=v(()=>n.current?.("5"),[n]),N=v(()=>n.current?.("6"),[n]),_=v(()=>n.current?.("7"),[n]),B=v(()=>n.current?.("8"),[n]),w=v(()=>n.current?.("9"),[n]),T=v(()=>n.current?.("0"),[n]),S=v(()=>n.current?.("star"),[n]),C=v(()=>n.current?.("pound"),[n]),O=v(U=>{U.key==="Escape"&&u(!1)},[u]);return Pt(()=>{a.current&&c.current?.focus()},[a,c]),f.createElement("div",{className:Dt(d["telephone-keypad"],t),onKeyDown:O},f.createElement(Ne,{isHorizontal:r},f.createElement(y,{button:"1","data-testid":m.sendBoxTelephoneKeypadButton1,onClick:b,ref:c}),f.createElement(y,{button:"2","data-testid":m.sendBoxTelephoneKeypadButton2,onClick:s,ruby:"ABC"}),f.createElement(y,{button:"3","data-testid":m.sendBoxTelephoneKeypadButton3,onClick:l,ruby:"DEF"}),f.createElement(y,{button:"4","data-testid":m.sendBoxTelephoneKeypadButton4,onClick:p,ruby:"GHI"}),f.createElement(y,{button:"5","data-testid":m.sendBoxTelephoneKeypadButton5,onClick:g,ruby:"JKL"}),f.createElement(y,{button:"6","data-testid":m.sendBoxTelephoneKeypadButton6,onClick:N,ruby:"MNO"}),f.createElement(y,{button:"7","data-testid":m.sendBoxTelephoneKeypadButton7,onClick:_,ruby:"PQRS"}),f.createElement(y,{button:"8","data-testid":m.sendBoxTelephoneKeypadButton8,onClick:B,ruby:"TUV"}),f.createElement(y,{button:"9","data-testid":m.sendBoxTelephoneKeypadButton9,onClick:w,ruby:"WXYZ"}),f.createElement(y,{button:"star","data-testid":m.sendBoxTelephoneKeypadButtonStar,onClick:S}),f.createElement(y,{button:"0","data-testid":m.sendBoxTelephoneKeypadButton0,onClick:T,ruby:"+"}),f.createElement(y,{button:"pound","data-testid":m.sendBoxTelephoneKeypadButtonPound,onClick:C})),f.createElement("div",{className:d["telephone-keypad__info-message"]},f.createElement(V,null),f.createElement(Kt,{linkClassName:d["telephone-keypad__info-message-link"],stringIds:"TELEPHONE_KEYPAD_INPUT_MESSAGE"})))});Se.displayName="TelephoneKeypad";var Ee=Se;var Ce=Ot(e=>k()[0]?zt.createElement(Ee,{...e}):null);Ce.displayName="TelephoneKeypad.Surrogate";var J=Ce;import Zt from"react";import jt from"classnames";var Fe={theme:"a"};var Wt="webchat-fluent";function R(e){let t=i(Fe);return Zt.createElement("div",{className:jt(Wt,t.theme)},e.children)}import{hooks as _r}from"botframework-webchat-component";import L from"classnames";import h,{memo as Br,useCallback as A,useRef as Nr,useState as Sr}from"react";import{useRefFrom as rt}from"use-ref-from";import{hooks as Gt}from"botframework-webchat-component";import $t from"classnames";import Me,{memo as Vt,useCallback as Yt,useEffect as qt,useRef as Jt,useState as Qt}from"react";import{useRefFrom as eo}from"use-ref-from";var Ae={"sendbox__attachment-drop-zone":"b","sendbox__attachment-drop-zone--droppable":"u","sendbox__attachment-drop-zone-icon":"h"};var{useLocalizer:to}=Gt,oo=e=>{e.preventDefault()},He=e=>!!e.dataTransfer?.types?.some(t=>t.toLowerCase()==="files");function ro(e,t){let o=e.parentNode;for(;o;){if(o===t)return!0;o=o.parentNode}return!1}var Le=e=>{let[t,o]=Qt(!1),r=i(Ae),a=Jt(null),d=to(),c=eo(e.onFilesAdded);qt(()=>{let u=0,b=l=>{u++,He(l)&&o(a.current&&(l.target===a.current||l.target instanceof HTMLElement&&ro(l.target,a.current))?"droppable":"visible")},s=()=>--u<=0&&o(!1);return document.addEventListener("dragenter",b,!1),document.addEventListener("dragleave",s,!1),()=>{document.removeEventListener("dragenter",b),document.removeEventListener("dragleave",s)}},[o]);let n=Yt(u=>{u.preventDefault(),o(!1),He(u.nativeEvent)&&c.current([...u.dataTransfer.files])},[c,o]);return t?Me.createElement("div",{className:$t(r["sendbox__attachment-drop-zone"],{[r["sendbox__attachment-drop-zone--droppable"]]:t==="droppable"}),"data-testid":m.sendBoxDropZone,onDragOver:oo,onDrop:n,ref:a},Me.createElement(G,{className:r["sendbox__attachment-drop-zone-icon"]}),d("TEXT_INPUT_DROP_ZONE")):null};Le.displayName="DropZone";var Q=Vt(Le);import{hooks as Ao}from"botframework-webchat-component";import Mo from"classnames";import H,{memo as Ho,useCallback as Lo}from"react";import{hooks as yo}from"botframework-webchat-component";import vo from"classnames";import te,{memo as wo,useCallback as To}from"react";var Ie={"suggested-action":"s","suggested-action__image":"g"};import ao,{forwardRef as so,memo as lo,useRef as io}from"react";var co=e=>e.preventDefault(),uo=so(({"aria-hidden":e,children:t,disabled:o,onClick:r,tabIndex:a,...d},c)=>{let n=io(null);return ao.createElement("button",{"aria-disabled":o?"true":"false","aria-hidden":e,onClick:o?co:r,ref:c||n,tabIndex:a,...o&&{"aria-disabled":"true",tabIndex:-1},...d,type:"button"},t)}),De=lo(uo);import mo,{createContext as po,memo as bo,useCallback as F,useContext as fo,useEffect as ho,useMemo as go,useRef as ee}from"react";var Pe=po({itemEffector:()=>{throw new Error("botframework-webchat-fluent-theme rovingFocus: no provider for RovingFocusContext.")}});function xo(e){let t=ee(0),o=ee([]),r=F(({current:s},l)=>s&&(s.tabIndex=t.current===l?0:-1),[t]),a=F(s=>{let l;typeof s=="number"?l=s:l=s(t.current),l&&!o.current.at(l)?.current&&(l=0),t.current!==l&&(t.current=l,o.current.forEach((p,g)=>r(p,g)),o.current.at(l)?.current?.focus())},[r,o,t]),d=F(s=>{let{target:l}=s,p=o.current.findIndex(({current:g})=>g===l);p!==-1&&a(p)},[o,a]),c=F(s=>l=>{let p=!e.direction,g=/up|down/iu.test(s)&&e.direction==="vertical",N=/left|right/iu.test(s)&&e.direction==="horizontal",_=/right|down/iu.test(s),B=p||g||N?_?1:-1:0,w=o.current.map((S,C)=>C),T=w.indexOf(l)+B;return w.at(T)??0},[e.direction]),n=F(s=>{let{key:l}=s;switch(l){case"Up":case"ArrowUp":case"Left":case"ArrowLeft":case"Down":case"ArrowDown":case"Right":case"ArrowRight":a(c(l));break;case"Home":a(0);break;case"End":a(-1);break;case"Escape":e.onEscapeKey?.();break;default:return}s.preventDefault(),s.stopPropagation()},[a,c,e]),u=F((s,l)=>{let{current:p}=s;return o.current[Number(l)]=s,p.addEventListener("focus",d),p.addEventListener("keydown",n),r(s,l),()=>{p.removeEventListener("focus",d),p.removeEventListener("keydown",n),delete o.current[Number(l)]}},[d,n,r,o]),b=go(()=>({itemEffector:u}),[u]);return mo.createElement(Pe.Provider,{value:b},e.children)}function Re(e){let t=ee(null),{itemEffector:o}=fo(Pe);return ho(()=>o(t,e)),t}var Ke=bo(xo);var{useDisabled:ko,useFocus:_o,usePerformCardAction:Bo,useScrollToEnd:No,useStyleSet:So,useSuggestedActions:Eo}=yo;function Co({buttonText:e,className:t,displayText:o,image:r,imageAlt:a,itemIndex:d,text:c,type:n,value:u}){let[b,s]=Eo(),[{suggestedAction:l}]=So(),[p]=ko(),g=_o(),N=Re(d),_=Bo(),B=i(Ie),w=No(),T=To(({target:S})=>{(async function(){await g("sendBoxWithoutKeyboard"),_({displayText:o,text:c,type:n,value:u},{target:S}),n==="openUrl"&&s([]),w()})()},[o,g,_,w,s,c,n,u]);return te.createElement(De,{className:vo(B["suggested-action"],l+"",(t||"")+""),disabled:p,onClick:T,ref:N,type:"button"},r&&te.createElement("img",{alt:a,className:B["suggested-action__image"],src:r}),te.createElement("span",null,e))}var ze=wo(Co);function oe(e){let{title:t}=e,{type:o,value:r}=e;return o==="messageBack"?t||e.displayText:t||(typeof r=="string"?r:JSON.stringify(r))}var re={"suggested-actions":"p","suggested-actions--flow":"w","suggested-actions--stacked":"v"};var{useFocus:Io,useLocalizer:Do,useStyleOptions:Po,useStyleSet:Ro,useSuggestedActions:Ko}=Ao;function zo(e){let[{suggestedActionLayout:t}]=Po(),[{suggestedActions:o}]=Ro(),r=i(re);return H.createElement("div",{"aria-label":e["aria-label"],"aria-live":"polite","aria-orientation":"vertical",className:Mo(r["suggested-actions"],o+"",{[r["suggested-actions--flow"]]:t==="flow",[r["suggested-actions--stacked"]]:t!=="flow"},e.className),role:"toolbar"},!!e.children&&!!H.Children.count(e.children)&&e.children)}function Oo(){let e=i(re),t=Do(),[o]=Ko(),r=Io(),a=Lo(()=>{r("sendBox")},[r]),d=o.map((c,n)=>{let{displayText:u,image:b,imageAltText:s,text:l,type:p,value:g}=c;return o?.length?H.createElement(ze,{buttonText:oe(c),displayText:u,image:b,imageAlt:b&&(s||l),itemIndex:n,key:n,text:l,type:p,value:g}):null});return H.createElement(Ke,{onEscapeKey:a},H.createElement(zo,{"aria-label":t("SUGGESTED_ACTIONS_LABEL_ALT"),className:e["suggested-actions"]},d))}var ne=Ho(Oo);import{hooks as Wo}from"botframework-webchat-component";import z,{useCallback as Ue,useRef as Xo,memo as Go}from"react";import{useRefFrom as $o}from"use-ref-from";import ae from"classnames";import se,{memo as le}from"react";var K={sendbox__toolbar:"f","sendbox__toolbar-button":"x","sendbox__toolbar-button--selected":"k","sendbox__toolbar-separator":"m"};var Zo=e=>e.preventDefault(),E=le(e=>{let t=i(K);return se.createElement("button",{"aria-label":e["aria-label"],className:ae(t["sendbox__toolbar-button"],e.className,{[t["sendbox__toolbar-button--selected"]]:e.selected}),"data-testid":e["data-testid"],onClick:e.disabled?Zo:e.onClick,type:e.type==="submit"?"submit":"button",...e.disabled&&{"aria-disabled":"true",tabIndex:-1}},e.children)});E.displayName="ToolbarButton";var de=le(e=>{let t=i(K);return se.createElement("div",{className:ae(t.sendbox__toolbar,e.className)},e.children)});de.displayName="Toolbar";var ie=le(e=>{let t=i(K);return se.createElement("div",{"aria-orientation":"vertical",className:ae(t["sendbox__toolbar-separator"],e.className),role:"separator"})});ie.displayName="ToolbarSeparator";var Oe={"sendbox__add-attachment":"B","sendbox__add-attachment-input":"F"};var{useLocalizer:Vo,useStyleOptions:Yo}=Wo;function qo(e){let t=Xo(null),o=i(Oe),r=Vo(),[{uploadAccept:a,uploadMultiple:d}]=Yo(),c=$o(e.onFilesAdded),n=Ue(()=>t.current?.click(),[t]),u=Ue(({target:{files:b}})=>{b&&(c.current?.([...b]),t.current&&(t.current.value=""))},[t,c]);return z.createElement("div",{className:o["sendbox__add-attachment"]},z.createElement("input",{accept:a,"aria-disabled":e.disabled,"aria-hidden":"true",className:o["sendbox__add-attachment-input"],multiple:d,onInput:e.disabled?void 0:u,readOnly:e.disabled,ref:t,role:"button",tabIndex:-1,type:"file"}),z.createElement(E,{"aria-label":r("TEXT_INPUT_UPLOAD_BUTTON_ALT"),"data-testid":m.sendBoxUploadButton,onClick:n},z.createElement($,null)))}var Ze=Go(qo);import{hooks as Qo}from"botframework-webchat-component";import er,{memo as tr}from"react";import or from"classnames";var je={sendbox__attachment:"y"};var{useLocalizer:rr}=Qo,nr={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 ar({attachments:e,className:t}){let o=i(je),r=rr({plural:!0});return e.length?er.createElement("div",{className:or(o.sendbox__attachment,t)},r(nr,e.length)):null}var We=tr(ar);import lr,{memo as dr}from"react";var Xe={"sendbox__error-message":"N"};function ir(e){let t=i(Xe);return lr.createElement("span",{className:t["sendbox__error-message"],id:e.id,role:"alert"},e.error)}var Ge=dr(ir);import $e,{memo as cr,useCallback as ur}from"react";import{hooks as mr}from"botframework-webchat-component";var{useLocalizer:pr}=mr,Ve=cr(()=>{let[e,t]=k(),o=pr(),r=ur(()=>t(a=>!a),[t]);return $e.createElement(E,{"aria-label":o("TEXT_INPUT_TELEPHONE_KEYPAD_BUTTON_ALT"),"data-testid":m.sendBoxTelephoneKeypadToolbarButton,onClick:r,selected:e},$e.createElement(q,null))});Ve.displayName="SendBox.TelephoneKeypadToolbarButton";var Ye=Ve;import ce from"classnames";import ue,{forwardRef as fr,useCallback as hr}from"react";var qe={"sendbox__text-area":"S","sendbox__text-area--hidden":"z","sendbox__text-area-shared":"L","sendbox__text-area-doppelganger":"H","sendbox__text-area-input":"W","sendbox__text-area-input--scroll":"P"};var Je=fr((e,t)=>{let o=i(qe),r=hr(a=>{!a.shiftKey&&a.key==="Enter"&&(a.preventDefault(),"form"in a.target&&a.target.form instanceof HTMLFormElement&&a.target?.form?.requestSubmit())},[]);return ue.createElement("div",{className:ce(o["sendbox__text-area"],{[o["sendbox__text-area--hidden"]]:e.hidden},e.className),role:e.hidden?"hidden":void 0},ue.createElement("div",{className:ce(o["sendbox__text-area-doppelganger"],o["sendbox__text-area-shared"],o["sendbox__text-area-input--scroll"])},e.value||e.placeholder," "),ue.createElement("textarea",{"aria-label":e["aria-label"],className:ce(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:r,placeholder:e.placeholder,ref:t,rows:e.startRows??1,tabIndex:e.hidden?-1:void 0,value:e.value}))});Je.displayName="TextArea";var Qe=Je;import{hooks as gr}from"botframework-webchat-component";import{useMemo as et}from"react";import{useRefFrom as xr}from"use-ref-from";var{useConnectivityStatus:yr,useLocalizer:vr}=gr,wr=({attachments:e,message:t})=>{let[o]=yr(),r=vr(),a=xr(o!=="connected"&&o!=="reconnected"?"offline":!t&&!e.length?"empty":void 0),d=et(()=>Object.freeze(new Map().set("empty",r("SEND_BOX_IS_EMPTY_TOOLTIP_ALT")).set("offline",r("CONNECTIVITY_STATUS_ALT_FATAL"))),[r]);return et(()=>Object.freeze([a,a.current&&d.get(a.current)]),[d,a])},tt=wr;import{useMemo as Tr}from"react";function me(e){let t=Tr(()=>Math.random().toString(36).substr(2,5),[]);return e=e?`${e}--`:"",`${e}${t}`}var ot={sendbox:"R",sendbox__sendbox:"G","sendbox__attachment--in-grid":"t","sendbox__text-area--in-grid":"D","sendbox__sendbox-controls--in-grid":"M","sendbox__telephone-keypad--in-grid":"U","sendbox__sendbox-text":"C","sendbox__sendbox-controls":"j","sendbox__text-counter":"T","sendbox__text-counter--error":"I"};var{useFocus:Er,useLocalizer:Cr,useMakeThumbnail:Fr,useRegisterFocusSendBox:Ar,useSendBoxAttachments:Mr,useSendMessage:Hr,useStyleOptions:Lr}=_r;function Ir(e){let t=Nr(null),[o,r]=Sr(""),[a,d]=Mr(),[{hideTelephoneKeypadButton:c,hideUploadButton:n,maxMessageLength:u}]=Lr(),b=!!u&&o.length>u,s=i(ot),l=Cr(),p=Hr(),g=Fr(),N=me("sendbox__error-message-id"),[_,B]=tt({message:o,attachments:a}),[w]=k(),T=Er();Ar(A(({noKeyboard:x,waitUntil:Z})=>{t.current&&(x?Z((async()=>{let M=t.current?.getAttribute("readonly");t.current?.setAttribute("readonly","true"),await new Promise(I=>setTimeout(I,0)),t.current?.focus(),typeof M!="string"?t.current?.removeAttribute("readonly"):t.current?.setAttribute("readonly",M)})()):t.current?.focus())},[t]));let S=rt(a),C=rt(o),O=A(x=>{"tabIndex"in x.target&&typeof x.target.tabIndex=="number"&&x.target.tabIndex>=0||T("sendBox")},[T]),U=A(x=>r(x.currentTarget.value),[r]),fe=A(async x=>{let Z=Object.freeze(await Promise.all(x.map(M=>g(M).then(I=>Object.freeze({blob:M,...I&&{thumbnailURL:I}})))));d(Z)},[g,d]),nt=A(x=>{x.preventDefault(),_.current!=="empty"&&!b&&(p(C.current,void 0,{attachments:S.current}),r(""),d([])),T("sendBox")},[S,C,p,d,r,b,_,T]),at=A(x=>p(`/DTMF ${x}`),[p]),st={"aria-invalid":"false",...B&&{"aria-invalid":"true","aria-errormessage":N}};return h.createElement("form",{...st,className:L(s.sendbox,e.className),onSubmit:nt},h.createElement(ne,null),h.createElement("div",{className:L(s.sendbox__sendbox),onClickCapture:O},h.createElement(Qe,{"aria-label":l(b?"TEXT_INPUT_LENGTH_EXCEEDED_ALT":"TEXT_INPUT_ALT"),className:L(s["sendbox__sendbox-text"],s["sendbox__text-area--in-grid"]),"data-testid":m.sendBoxTextBox,hidden:w,onInput:U,placeholder:e.placeholder??l("TEXT_INPUT_PLACEHOLDER"),ref:t,value:o}),h.createElement(J,{autoFocus:!0,className:s["sendbox__telephone-keypad--in-grid"],isHorizontal:!1,onButtonClick:at}),h.createElement(We,{attachments:a,className:s["sendbox__attachment--in-grid"]}),h.createElement("div",{className:L(s["sendbox__sendbox-controls"],s["sendbox__sendbox-controls--in-grid"])},!w&&u&&h.createElement("div",{className:L(s["sendbox__text-counter"],{[s["sendbox__text-counter--error"]]:b})},`${o.length}/${u}`),h.createElement(de,null,!c&&h.createElement(Ye,null),!n&&h.createElement(Ze,{onFilesAdded:fe}),h.createElement(ie,null),h.createElement(E,{"aria-label":l("TEXT_INPUT_SEND_BUTTON_ALT"),"data-testid":m.sendBoxSendButton,disabled:b||w,type:"submit"},h.createElement(Y,null)))),h.createElement(Q,{onFilesAdded:fe}),h.createElement(Ge,{error:B,id:N})))}var pe=Br(Ir);var{ThemeProvider:Rr}=Dr,Kr=[()=>()=>()=>pe],zr=({children:e})=>be.createElement(R,null,be.createElement(j,null,be.createElement(Rr,{sendBoxMiddleware:Kr},e))),Or=Pr(zr);var Zr="tsup",jr="esmodules",Wr="4.17.1",xl={buildTool:Zr,moduleFormat:jr,version:Wr};Ur("botframework-webchat:fluent-theme","version=4.17.1; build-tool=tsup; module-format=esmodules");P();export{Or as FluentThemeProvider,xl as buildInfo,m as testIds};
|
|
1
|
+
import{injectMetaTag as hc}from"inject-meta-tag";import{hooks as bi}from"botframework-webchat-component";import U from"classnames";import f,{memo as Zt,useCallback as z,useRef as ui,useState as hi}from"react";import{useRefFrom as Gt}from"use-ref-from";import{Components as _o}from"botframework-webchat-component";import yo from"classnames";import xo,{memo as ko}from"react";var{MonochromeImageMasker:No}=_o,So=`data:image/svg+xml;utf8,${encodeURIComponent('<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M6 2a2 2 0 0 0-2 2v5.2c.32-.08.66-.15 1-.18V4a1 1 0 0 1 1-1h4v3.5c0 .83.67 1.5 1.5 1.5H15v8a1 1 0 0 1-1 1h-3.6c-.18.36-.4.7-.66 1H14a2 2 0 0 0 2-2V7.41c0-.4-.16-.78-.44-1.06l-3.91-3.91A1.5 1.5 0 0 0 10.59 2H6Zm8.8 5h-3.3a.5.5 0 0 1-.5-.5V3.2L14.8 7ZM10 14.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm-4-2a.5.5 0 0 0-1 0V14H3.5a.5.5 0 0 0 0 1H5v1.5a.5.5 0 0 0 1 0V15h1.5a.5.5 0 0 0 0-1H6v-1.5Z"/></svg>')}`;function Bo(e){return xo.createElement(No,{className:yo("icon__add-document",e.className),src:So})}var ne=ko(Bo);import{Components as To}from"botframework-webchat-component";import Co from"classnames";import Mo,{memo as Ho}from"react";var{MonochromeImageMasker:Ao}=To,Fo=`data:image/svg+xml;utf8,${encodeURIComponent('<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m4.83 10.48 5.65-5.65a3 3 0 0 1 4.25 4.24L8 15.8a1.5 1.5 0 0 1-2.12-2.12l6-6.01a.5.5 0 1 0-.7-.71l-6 6.01a2.5 2.5 0 0 0 3.53 3.54l6.71-6.72a4 4 0 1 0-5.65-5.66L4.12 9.78a.5.5 0 0 0 .7.7Z"/></svg>')}`;function zo(e){return Mo.createElement(Ao,{className:Co("icon__attachment",e.className),src:Fo})}var ie=Ho(zo);import{Components as Lo}from"botframework-webchat-component";import Eo from"classnames";import Po,{memo as Do}from"react";var{MonochromeImageMasker:Io}=Lo,Ro=`data:image/svg+xml;utf8,${encodeURIComponent('<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 7.5a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0v-3Zm.25-2a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1ZM2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Z"/></svg>')}`;function Vo(e){return Po.createElement(Io,{className:Eo("icon__info--small",e.className),src:Ro})}var ce=Do(Vo);import{Components as Oo}from"botframework-webchat-component";import Wo from"classnames";import Ko,{memo as Xo}from"react";var{MonochromeImageMasker:Uo}=Oo,jo=`data:image/svg+xml;utf8,${encodeURIComponent('<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M2.18 2.11a.5.5 0 0 1 .54-.06l15 7.5a.5.5 0 0 1 0 .9l-15 7.5a.5.5 0 0 1-.7-.58L3.98 10 2.02 2.63a.5.5 0 0 1 .16-.52Zm2.7 8.39-1.61 6.06L16.38 10 3.27 3.44 4.88 9.5h6.62a.5.5 0 1 1 0 1H4.88Z"/></svg>')}`;function Go(e){return Ko.createElement(Uo,{className:Wo("icon__send",e.className),src:jo})}var le=Xo(Go);import{Components as Zo}from"botframework-webchat-component";import $o from"classnames";import Yo,{memo as qo}from"react";var{MonochromeImageMasker:Jo}=Zo,Qo=`data:image/svg+xml;utf8,${encodeURIComponent('<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M6 5.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm0 4a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM7.25 12a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM10 5.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM11.25 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM10 13.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM11.25 16a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM14 5.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM15.25 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM14 13.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z"/></svg>')}`;function ea(e){return Yo.createElement(Jo,{className:$o("icon__telephone-keypad",e.className),src:Qo})}var se=qo(ea);function ta(e){let t=document.createElement("style");return t.append(document.createTextNode(e)),t}function Ye(...e){return function(){if(!globalThis.document)throw new Error("Unable to create styles: document is not defined");return e.map(t=>ta(t))}}var oa=".webchat-fluent .pa{background-color:var(--webchat-colorNeutralBackground4);border-radius:inherit;cursor:copy;display:grid;gap:8px;inset:0;place-content:center;place-items:center;position:absolute;transition:all var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent ._a{background-color:var(--webchat-colorBrandBackground2Hover)}.webchat-fluent .fa{font-size:36px;pointer-events:none}.webchat-fluent .ka{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 .ma{align-items:center;display:flex;flex-flow:column nowrap;font-family:var(--webchat-fontFamilyBase);font-size:var(--webchat-fontSizeBase300);font-weight:var(--webchat-fontWeightRegular);gap:var(--webchat-spacingVerticalXS);grid-area:body;line-height:var(--webchat-lineHeightBase300);text-align:center}.webchat-fluent .xa{opacity:60%}.webchat-fluent .xa .ra{filter:grayscale(1)}.webchat-fluent .ra{border-radius:var(--webchat-borderRadiusMedium);height:64px;margin-block-end:var(--webchat-spacingVerticalM)}.webchat-fluent .Ba{color:var(--webchat-colorNeutralForeground1);font-family:inherit;font-size:var(--webchat-fontSizeHero700);font-weight:var(--webchat-fontWeightSemibold);line-height:var(--webchat-lineHeightHero700);margin:0;overflow-wrap:anywhere}.webchat-fluent .ya{font-size:var(--webchat-fontSizeBase300);line-height:var(--webchat-lineHeightBase300);overflow-wrap:anywhere}.webchat-fluent .Na{grid-area:toolbar}.webchat-fluent .Sa{-webkit-appearance:none;appearance:none;background-color:var(--webchat-colorNeutralBackground1);border:0;border-radius:16px;box-shadow:var(--webchat-shadow2);color:var(--webchat-colorNeutralForeground1);cursor:pointer;display:grid;gap:var(--webchat-spacingVerticalS);grid-template-areas:\"title\" \"subtitle\";grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow:hidden;padding:16px 20px;text-align:left;transition:background-color var(--webchat-durationNormal) var(--webchat-curveDecelerateMid);-webkit-user-select:none;user-select:none}.webchat-fluent .Sa:has(.oa){grid-template-areas:\"image title\" \"image subtitle\";grid-template-columns:20px 1fr}.webchat-fluent .Sa:empty{row-gap:14px}.webchat-fluent .Sa:is([aria-disabled=true],:empty){cursor:default}.webchat-fluent .Sa[aria-disabled=true]:not(:empty){background-color:var(--webchat-colorNeutralBackgroundDisabled)}.webchat-fluent .Sa:hover:not([aria-disabled=true],:empty){background-color:var(--webchat-colorNeutralBackground1Hover)}.webchat-fluent .Sa:active:not([aria-disabled=true],:empty){background-color:var(--webchat-colorNeutralBackground1Pressed)}.webchat-fluent .Sa:focus-visible{outline:solid 2px var(--webchat-colorStrokeFocus2);outline-offset:-2px}.webchat-fluent .Sa:empty:after,.webchat-fluent .Sa:empty:before{animation:ta 3s linear infinite;background-attachment:fixed;background-image:linear-gradient(-90deg,var(--webchat-colorNeutralStencil1) 0%,var(--webchat-colorNeutralStencil2) 50%,var(--webchat-colorNeutralStencil1) 100%);background-size:300% 100%;content:\"\";display:block}@media (prefers-reduced-motion: reduce){.webchat-fluent .Sa:empty:after,.webchat-fluent .Sa:empty:before{animation-delay:-1s;animation-play-state:paused}}.webchat-fluent .Sa:dir(rtl):empty:after,.webchat-fluent .Sa:dir(rtl):empty:before{animation-direction:reverse}.webchat-fluent .Sa:empty:after{border-radius:16px;height:16px;width:100%}.webchat-fluent .Sa:empty:before{border-radius:18px;height:18px;width:66%}@keyframes ta{0%{background-position-x:0%}to{background-position-x:-300%}}.webchat-fluent .oa{color:var(--webchat-colorNeutralForeground4);font-size:20px;grid-area:image}.webchat-fluent .za{font-family:var(--webchat-fontFamilyBase);font-size:14px;font-weight:var(--webchat-fontWeightRegular);grid-area:subtitle;line-height:20px;pointer-events:none}.webchat-fluent .Ha{font-family:var(--webchat-fontFamilyBase);font-size:14px;font-weight:var(--webchat-fontWeightSemibold);grid-area:title;line-height:20px}.webchat-fluent .Fa{container-name:ca;container-type:inline-size}.webchat-fluent .la{display:grid;gap:var(--webchat-spacingHorizontalM);grid-template-columns:1fr 1fr 1fr;padding:0}@container ca (width <= 480px){.webchat-fluent .la{grid-template-columns:1fr}}.webchat-fluent .aa{display:contents;font-family:var(--webchat__font--primary);--webchat__bubble--inline-padding: var(--webchat-spacingHorizontalL);--webchat__bubble--block-padding: var(--webchat-spacingVerticalM);--webchat__bubble--min-height: var(--webchat-bubble-minHeight);--webchat__bubble--max-width: var(--webchat-bubble-maxWidth);--webchat__bubble--min-width: var(--webchat-bubble-minWidth);--webchat-bubble-maxWidth: var(--bubble-maxWidth, max(450px, 75%));--webchat-bubble-minWidth: var(--bubble-minWidth, auto);--webchat-bubble-minHeight: var(--bubble-minHeight, 36px);--webchat-externalLink-mask: var( --externalLink-mask, var(--webchat__icon-url--external-link) center center / 10px 10px );--webchat-externalLink-maxWidth: var(--externalLink-maxWidth, 204px)}.webchat-fluent .aa:has(.webchat__stacked-layout .webchat__bubble--from-user){--webchat__bubble--background-color: var(--webchat-colorBrandBackground2);--webchat__bubble--block-padding: var(--webchat-spacingVerticalS);--webchat__bubble--min-width: auto}.webchat-fluent .aa.Ma{--webchat__bubble--background-color: var(--webchat-colorNeutralBackground1);--webchat__bubble--border-radius: var(--webchat-borderRadiusXLarge);--webchat__bubble--box-shadow: var(--webchat-shadow4)}.webchat-fluent .aa.ia{--webchat__bubble--border-radius: var(--webchat-borderRadiusXLarge)}.webchat-fluent .aa.ia .webchat__activity-status{margin:0 0 var(--webchat-spacingHorizontalXXS)}.webchat-fluent .aa.ia .webchat__stacked-layout__status{order:-1}.webchat-fluent .aa.ia:has(.webchat__bubble--from-user) .webchat__bubble{margin-block-end:var(--webchat-spacingVerticalM)}.webchat-fluent .aa.ia .webchat__bubble .webchat__text-content .webchat__text-content__generated-badge{display:none}.webchat-fluent .aa.ia:not(:has(.webchat__bubble--from-user)){--webchat__bubble--block-padding: 0;--webchat__bubble--border-radius: var(--webchat-borderRadiusMedium);--webchat__bubble--inline-padding: 0;--webchat__bubble--max-width: 100%;--webchat__bubble--min-height: 20px;display:flex;flex-flow:column nowrap;gap:var(--webchat-spacingVerticalS);margin-inline:var(--webchat-spacingHorizontalM);padding:var(--webchat-spacingVerticalMNudge) var(--webchat-spacingHorizontalM) var(--webchat-spacingVerticalM);position:relative}.webchat-fluent .aa.ia:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout{margin:0;position:static}.webchat-fluent .aa.ia:not(:has(.webchat__bubble--from-user)) .webchat__bubble{position:static;width:var(--webchat__bubble--max-width)}.webchat-fluent .aa.ia:not(:has(.webchat__bubble--from-user)) .webchat__bubble .webchat__bubble__content{overflow:visible}.webchat-fluent .aa.ia:not(:has(.webchat__bubble--from-user)) .webchat__text-content{margin-inline-start:28px}.webchat-fluent .aa.ia:not(:has(.webchat__bubble--from-user)) .border-loader{display:flex;flex-flow:column nowrap;gap:var(--webchat-spacingVerticalS);padding-inline-end:var(--webchat-spacingHorizontalM);width:500px}.webchat-fluent .aa.ia:not(:has(.webchat__bubble--from-user)) .border-loader__track{border-radius:inherit;box-sizing:border-box;clip-path:border-box;margin-inline-start:28px;order:-1;width:auto}.webchat-fluent .aa.ia:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout__status{display:none}.webchat-fluent .aa .webchat__basic-transcript__activity-body:not(:empty){padding-block-end:var(--webchat-spacingVerticalXL)}.webchat-fluent .aa .webchat__stacked-layout{display:flex;flex-flow:column nowrap}.webchat-fluent .aa .webchat__stacked-layout .webchat__stacked-layout__content:has(.webchat__bubble){max-width:100%;overflow:visible}.webchat-fluent .aa .webchat__stacked-layout .webchat__stacked-layout__status{font-size:var(--webchat__font-size--small);line-height:var(--webchat__line-height--small)}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble{max-width:min(var(--webchat__bubble--max-width),100%);min-width:var(--webchat__bubble--min-width);overflow:visible}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble:has(.border-loader){width:100%}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble:has(.activity-loader) .webchat__bubble__content{background:transparent;box-shadow:none}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble .webchat__bubble__content{background-color:var(--webchat__bubble--background-color);border-radius:var(--webchat__bubble--border-radius);border-width:0;box-shadow:var(--webchat__bubble--box-shadow);box-sizing:border-box;color:var(--webchat-colorNeutralForeground1);max-width:100%;min-height:var(--webchat__bubble--min-height)}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble .webchat__text-content{font-size:var(--webchat__font-size--medium);line-height:var(--webchat__line-height--medium);min-height:auto;padding-block:var(--webchat__bubble--block-padding);padding-inline:var(--webchat__bubble--inline-padding)}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble .webchat__text-content:empty{padding-block-end:0}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble .webchat__text-content+.webchat__text-content{margin-top:calc(var(--webchat__bubble--block-padding) * -1)}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble .webchat__text-content__generated-badge{align-items:center;align-self:flex-start;background-color:var(--webchat-colorNeutralBackground5);border-radius:var(--webchat-borderRadiusMedium);box-sizing:border-box;color:var(--webchat-colorNeutralForeground3);cursor:default;display:inline-flex;font-size:var(--webchat-fontSizeBase100);height:16px;line-height:var(--webchat-lineHeightBase100);padding-inline:var(--webchat-spacingHorizontalXS)}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge{cursor:default;font-size:var(--webchat-fontSizeBase300);line-height:var(--webchat-lineHeightBase300)}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge .webchat__fileContent__fileName{color:var(--webchat-colorBrandForegroundLink);font-family:inherit}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge .webchat__fileContent__size{color:var(--webchat-colorNeutralForeground2);font-family:inherit}.webchat-fluent .aa .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier){color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .aa .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .aa .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .aa .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .aa .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent .aa .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier) .webchat__render-markdown__external-link-icon{background:currentColor;-webkit-mask:var(--webchat__icon-url--external-link) no-repeat;mask:var(--webchat__icon-url--external-link) no-repeat}.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__pure-identifier{align-items:center;background-color:var(--webchat-colorNeutralBackground3);border-radius:var(--webchat-borderRadiusMedium);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);box-sizing:border-box;color:var(--webchat-colorNeutralForeground2);display:inline-flex;font-size:var(--webchat-fontSizeBase100);font-weight:var(--webchat-fontWeightSemibold);height:14px;justify-content:center;line-height:var(--webchat-lineHeightBase100);margin-left:var(--webchat-spacingHorizontalXXS);margin-right:var(--webchat-spacingHorizontalXXS);min-width:14px;text-decoration:none;transition:all var(--webchat-durationNormal) var(--webchat-curveDecelerateMid);vertical-align:calc((var(--webchat-lineHeightBase100) - var(--webchat-fontSizeBase100)) / 2)}:is(.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__pure-identifier):hover{background-color:var(--webchat-colorBrandBackground2Hover);border-color:var(--webchat-colorBrandStroke2Hover);color:var(--webchat-colorBrandForeground2Hover);cursor:pointer}:is(.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__pure-identifier):hover:active{background-color:var(--webchat-colorBrandBackground2Pressed);border-color:var(--webchat-colorBrandStroke2Pressed);color:var(--webchat-colorBrandForeground2Pressed)}:is(.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__pure-identifier):before,:is(.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__pure-identifier):after{all:unset}:is(.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__pure-identifier):has(.webchat__render-markdown__external-link-icon){padding-inline:3px}:is(.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__pure-identifier) .webchat__render-markdown__external-link-icon{background:currentColor;height:.7em;-webkit-mask:var(--webchat__icon-url--external-link) no-repeat;mask:var(--webchat__icon-url--external-link) no-repeat}.webchat-fluent .aa .webchat__link-definitions__header{border-radius:var(--webchat-borderRadiusMedium)}.webchat-fluent .aa .webchat__link-definitions__header .webchat__link-definitions__header-text{color:var(--webchat-colorNeutralForeground3)}.webchat-fluent .aa .webchat__link-definitions__header .webchat__link-definitions__header-chevron{fill:var(--webchat-colorNeutralForeground3);font-size:var(--webchat__font-size--small);width:1em}.webchat-fluent .aa .webchat__link-definitions__header:focus-visible{outline-offset:1px;outline:var(--webchat-strokeWidthThin) solid var(--webchat-colorStrokeFocus2)}.webchat-fluent .aa .webchat__link-definitions{--webchat__citation__external-link--mask: var(--webchat-externalLink-mask);--webchat__citation__link--max-width: var(--webchat-externalLink-maxWidth)}.webchat-fluent .aa .webchat__link-definitions .webchat__link-definitions__list{color:var(--webchat__color--subtle);display:flex;flex-flow:row wrap;gap:var(--webchat-spacingHorizontalS)}.webchat-fluent .aa .webchat__link-definitions .webchat__link-definitions__list-item{border-radius:var(--webchat-borderRadiusMedium);max-width:var(--webchat__citation__link--max-width)}.webchat-fluent .aa .webchat__link-definitions .webchat__link-definitions__list-item-box{background-color:var(--webchat-colorNeutralBackground3);border-radius:var(--webchat-borderRadiusMedium);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);box-sizing:border-box;color:currentColor;display:inline-flex;font-size:var(--webchat__font-size--small);height:24px;padding-inline-end:var(--webchat-spacingHorizontalS)}.webchat-fluent .aa .webchat__link-definitions .webchat__link-definitions__list-item-body{font-family:inherit;gap:var(--webchat-spacingHorizontalSNudge);min-width:0;padding:0}.webchat-fluent .aa .webchat__link-definitions .webchat__link-definitions__badge{align-self:center;background-color:transparent;border-radius:0;border:none;color:currentColor;font-size:var(--webchat-fontSizeBase100);font-weight:var(--webchat-fontWeightSemibold);line-height:var(--webchat-lineHeightBase100);margin:0;min-width:20px;padding:0;position:relative;text-align:center}.webchat-fluent .aa .webchat__link-definitions .webchat__link-definitions__badge:after{border-right:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);bottom:0;content:\"\";display:block;height:16px;position:absolute;right:0;top:0;width:0}.webchat-fluent .aa .webchat__link-definitions .webchat__link-definitions__list-item-main-text{gap:var(--webchat-spacingHorizontalXS)}.webchat-fluent .aa .webchat__link-definitions .webchat__link-definitions__list-item-text{color:currentColor;text-decoration:none;text-overflow:ellipsis}.webchat-fluent .aa .webchat__link-definitions .webchat__link-definitions__list-item-main-text:has(.webchat__link-definitions__open-in-new-window-icon):before{align-self:center;background:currentColor;color:currentColor;content:\"\";flex:none;font-size:var(--webchat-fontSizeBase400);height:1em;-webkit-mask:var(--webchat__citation__external-link--mask) no-repeat;mask:var(--webchat__citation__external-link--mask) no-repeat;padding:0;width:1em}.webchat-fluent .aa .webchat__link-definitions :is(.webchat__link-definitions__list-item-badge,.webchat__link-definitions__open-in-new-window-icon){display:none}.webchat-fluent .Wa{align-items:center;box-sizing:border-box;cursor:default;display:flex;flex-wrap:nowrap;gap:var(--webchat-spacingHorizontalS);max-width:var(--webchat__bubble--max-width)}.webchat-fluent .Xa{aspect-ratio:1;background-color:var(--background-color);border-radius:var(--webchat-borderRadiusSmall);width:20px}.webchat-fluent .La{font-size:var(--webchat-fontSizeBase300);font-weight:var(--webchat-fontWeightSemibold);line-height:var(--webchat-lineHeightBase300);overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.webchat-fluent .Va{align-items:center;background-color:var(--webchat-colorNeutralBackground5);border-radius:var(--webchat-borderRadiusMedium);color:var(--webchat-colorNeutralForeground3);display:flex;flex:none;font-size:var(--webchat-fontSizeBase100);height:20px;line-height:var(--webchat-lineHeightBase100);padding-inline:var(--webchat-spacingHorizontalXS)}.webchat-fluent .Ta{align-items:center;background:transparent;border-radius:var(--webchat-borderRadiusXLarge);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorBrandStroke2);color:currentColor;cursor:pointer;display:flex;font-family:var(--webchat__font--primary);font-size:var(--webchat-fontSizeBase200);gap:var(--webchat-spacingHorizontalXS);padding:var(--webchat-spacingVerticalXS) var(--webchat-spacingHorizontalS);text-align:start;transition:all var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}@media (hover: hover){.webchat-fluent .Ta:not([aria-disabled=true]):hover{background-color:var(--webchat-colorBrandBackground2Hover);color:var(--webchat-colorBrandForeground2Hover)}}.webchat-fluent .Ta:not([aria-disabled=true]):active{background-color:var(--webchat-colorBrandBackground2Pressed);color:var(--webchat-colorBrandForeground2Pressed)}.webchat-fluent .Ta[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .Ra{font-size:var(--webchat-fontSizeBase200);height:1em;width:1em}.webchat-fluent .Pa{align-items:flex-end;align-self:flex-end;display:flex;flex-direction:column;gap:8px}.webchat-fluent .Pa:not(:empty){padding-block-end:8px;padding-inline-start:4px}.webchat-fluent .Pa.Da{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.webchat-fluent .Pa.Ca{flex-direction:column}.webchat-fluent .na{-webkit-user-select:none;align-items:center;-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:100%;border:solid 1px var(--webchat-colorNeutralStroke1);color:var(--webchat-colorGray200);font-weight:var(--webchat-fontWeightSemibold);cursor:pointer;display:flex;flex-direction:column;height:60px;opacity:.7;padding:0;position:relative;touch-action:none;user-select:none;width:60px}.webchat-fluent .na:hover{background-color:var(--webchat-colorGray30)}.webchat-fluent .ba{color:var(--webchat-colorGray190);font-size:10px}.webchat-fluent .da{font-size:24px;margin-top:8px}.webchat-fluent .Ga .na{height:32px;justify-content:center;margin:8px 4px;width:32px}.webchat-fluent .Ga .ba{display:none}.webchat-fluent .Ga .da{font-size:20px;margin-top:0}.webchat-fluent .Ua{align-items:center;background:var(--webchat-colorNeutralBackground1);border:none;border-radius:var(--webchat-borderRadiusXLarge);display:flex;flex-direction:column;font-family:var(--webchat-fontFamilyBase);justify-content:center}.webchat-fluent .ja{box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);justify-items:center;padding:16px;width:100%}.webchat-fluent .Aa{align-items:center;color:var(--webchat-colorNeutralForeground4);display:flex;font-size:12px;gap:6px;margin-block-end:6px}.webchat-fluent .Ia{color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .Ia:target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .Ia:hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .Ia:active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .Ia:focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent .Ka{--webchat__sendbox-button-height: 32px;display:flex;gap:4px;height:var(--webchat__sendbox-button-height);margin-inline-start:auto}.webchat-fluent .Oa{align-items:center;-webkit-appearance:none;appearance:none;aspect-ratio:1;background:transparent;border-radius:var(--webchat-borderRadiusSmall);border:none;color:currentColor;cursor:pointer;display:flex;height:var(--webchat__sendbox-button-height);justify-content:center;padding:3px}.webchat-fluent .Oa>.webchat__monochrome-image-masker{font-size:20px;pointer-events:none}.webchat-fluent .Oa.Ea{color:var(--webchat-colorNeutralForeground2BrandSelected)}@media (hover: hover){.webchat-fluent .Oa:not([aria-disabled=true]):hover{color:var(--webchat-colorNeutralForeground2BrandHover)}}.webchat-fluent .Oa:not([aria-disabled=true]):active{color:var(--webchat-colorNeutralForeground2BrandPressed)}.webchat-fluent .Oa[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .qa{align-self:center;border-inline-end:1px solid var(--webchat-colorNeutralStroke2);height:28px}.webchat-fluent .qa:is(:first-child,:last-child,:only-child){display:none}.webchat-fluent .Ja{display:grid}.webchat-fluent .Qa{font-size:0;height:0;opacity:0;width:1px}.webchat-fluent .Ya{border-radius:var(--webchat-borderRadiusLarge);border:1px solid var(--webchat-colorNeutralStroke1);cursor:default;padding:6px 8px;width:fit-content}.webchat-fluent .Za{color:transparent;font-size:0;height:0;left:0;position:absolute;top:0;width:0}.webchat-fluent .ha{--webchat__sendbox--padding: var(--webchat__padding--sendbox);color:var(--webchat-colorNeutralForeground1);font-family:var(--webchat-fontFamilyBase);padding:var(--webchat__sendbox--padding);text-rendering:optimizeLegibility;--webchat-sendbox-attachment-area-active: ;--webchat-sendbox-border-radius: var(--webchat-borderRadiusLarge)}.webchat-fluent .ha.ae .sa:not(.ua){visibility:hidden}.webchat-fluent .ee{background-color:var(--webchat-colorNeutralBackground1);border-radius:var(--webchat-sendbox-border-radius);border:1px solid var(--webchat-colorNeutralStroke1);display:grid;font-family:var(--webchat-fontFamilyBase);font-size:14px;gap:6px;grid-template:[telephone-keypad-start] \"text-area\" [telephone-keypad-end] var(--webchat-sendbox-attachment-area-active) \"controls\" / [telephone-keypad] 1fr;line-height:20px;padding:8px;position:relative}.webchat-fluent .ee:has(.wa){--webchat-sendbox-attachment-area-active: \"attachment\"}.webchat-fluent .ee:focus-within{border-color:var(--webchat-colorNeutralStroke1Selected)}.webchat-fluent .ee:after{border-bottom-left-radius:var(--webchat-sendbox-border-radius);border-bottom-right-radius:var(--webchat-sendbox-border-radius);border-bottom:var(--webchat-strokeWidthThicker) solid var(--webchat-colorCompoundBrandForeground1Hover);bottom:-1px;clip-path:inset(calc(100% - var(--webchat-strokeWidthThicker)) 50% 0 50%);content:\"\";height:var(--webchat-sendbox-border-radius);left:-1px;position:absolute;right:-1px;transition:clip-path var(--webchat-durationUltraFast) var(--webchat-curveAccelerateMid)}.webchat-fluent .ee:focus-within:after{clip-path:inset(calc(100% - var(--webchat-strokeWidthThicker)) 0 0 0);transition:clip-path var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent .ee>.re{grid-area:text-area}.webchat-fluent .ee>.wa{grid-area:attachment}.webchat-fluent .ee>.oe{grid-area:controls}.webchat-fluent .ee>.te{grid-area:telephone-keypad}.webchat-fluent .ce{background-color:transparent;border:none;flex:auto;font-family:var(--webchat-fontFamilyBase);font-size:14px;line-height:20px;outline:none;margin:var(--webchat-spacingVerticalXS) var(--webchat-spacingHorizontalXS) var(--webchat-spacingVerticalNone);resize:none}@media only screen and (hover: none) and (pointer: coarse){.webchat-fluent .ce:focus-within{font-size:16px}}.webchat-fluent .le{align-items:center;display:flex;padding-inline-start:4px}.webchat-fluent .sa{color:var(--webchat-colorNeutralForeground4);cursor:default;font-family:var(--webchat-fontFamilyNumeric);font-size:10px;line-height:14px;margin-inline-end:4px}.webchat-fluent .ua{color:var(--webchat-colorStatusDangerForeground1)}.webchat-fluent .ie{display:grid;grid-template-areas:\"main\";max-height:200px;overflow:auto;scrollbar-gutter:stable}.webchat-fluent .ne{height:0;visibility:collapse}.webchat-fluent .be .ga{visibility:unset}.webchat-fluent .be .va{background-color:transparent;caret-color:var(--webchat-colorNeutralForeground1);color:transparent}.webchat-fluent .be textarea::placeholder{color:transparent}.webchat-fluent .de{border:none;font:inherit;grid-area:main;outline:inherit;overflow-wrap:anywhere;resize:inherit}.webchat-fluent .ga{overflow:visible;pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden;white-space:pre-wrap}.webchat-fluent .va{background-color:inherit;color:currentColor;contain:size;overflow:hidden;padding:0}.webchat-fluent .he{scrollbar-color:unset;scrollbar-width:unset;-moz-scrollbar-color:var(--webchat-colorNeutralBackground5) var(--webchat-colorNeutralForeground2);-moz-scrollbar-width:thin}.webchat-fluent .he::-webkit-scrollbar{width:8px}.webchat-fluent .he::-webkit-scrollbar-track{background-color:var(--webchat-colorNeutralBackground5);border-radius:16px}.webchat-fluent .he::-webkit-scrollbar-thumb{background-color:var(--webchat-colorNeutralForeground2);border-radius:16px}.webchat-fluent .he::-webkit-scrollbar-corner{background-color:var(--webchat-colorNeutralBackground5)}.webchat-fluent .se{flex:none;height:8px;margin:var(--webchat-spacingHorizontalM) 0 0 18px;width:auto}.webchat-fluent .se.ue{margin:0 0 var(--webchat-spacingHorizontalM) var(--webchat-spacingVerticalSNudge)}.webchat-fluent .we{align-items:center;box-sizing:border-box;color:var(--webchat-colorNeutralForeground3);display:flex;flex-direction:row;font-family:var(--webchat__font--primary);font-size:var(--webchat-fontSizeBase200);font-weight:var(--webchat-fontWeightRegular);gap:var(--webchat-spacingHorizontalM);line-height:var(--webchat-lineHeightBase200);padding:var(--webchat-spacingVerticalSNudge) var(--webchat-spacingHorizontalM);text-align:center;width:100%}.webchat-fluent .we:before,.webchat-fluent .we:after{border-top:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);content:\"\";display:flex;flex:auto;min-width:8px}.webchat-fluent .ge{text-align:center}.webchat-fluent._{display:contents;--webchat-colorNeutralForegroundDisabled: var(--colorNeutralForegroundDisabled, #bdbdbd);--webchat-colorNeutralForeground1: var(--colorNeutralForeground1, #242424);--webchat-colorNeutralForeground1Hover: var(--colorNeutralForeground1Hover, #242424);--webchat-colorNeutralForeground1Pressed: var(--colorNeutralForeground1Pressed, #242424);--webchat-colorNeutralForeground2: var(--colorNeutralForeground2, #424242);--webchat-colorNeutralForeground2BrandHover: var(--colorNeutralForeground2BrandHover, #02729c);--webchat-colorNeutralForeground2BrandPressed: var(--colorNeutralForeground2BrandPressed, #01678c);--webchat-colorNeutralForeground2BrandSelected: var(--colorNeutralForeground2BrandSelected, #067191);--webchat-colorNeutralForeground3: var(--colorNeutralForeground3, #616161);--webchat-colorNeutralForeground4: var(--colorNeutralForeground4, #707070);--webchat-colorNeutralForeground5: var(--colorNeutralForeground5, #7e7e7e);--webchat-colorNeutralForegroundOnBrand: var(--colorNeutralForegroundOnBrand, #fff);--webchat-colorNeutralBackgroundDisabled: var(--colorNeutralBackgroundDisabled, #f0f0f0);--webchat-colorNeutralBackground1: var(--colorNeutralBackground1, #ffffff);--webchat-colorNeutralBackground1Hover: var(--colorNeutralBackground1Hover, #f5f5f5);--webchat-colorNeutralBackground1Pressed: var(--colorNeutralBackground1Pressed, #e0e0e0);--webchat-colorNeutralBackground3: var(--colorNeutralBackground3, #f5f5f5);--webchat-colorNeutralBackground4: var(--colorNeutralBackground4, #f0f0f0);--webchat-colorNeutralBackground5: var(--colorNeutralBackground5, #ebebeb);--webchat-colorNeutralBackground6: var(--colorNeutralBackground6, #e6e6e6);--webchat-colorNeutralStencil1: var(--colorNeutralStencil1, #e6e6e6);--webchat-colorNeutralStencil2: var(--colorNeutralStencil2, #fafafa);--webchat-colorNeutralShadowAmbient: var(--colorNeutralShadowAmbient, rgba(0, 0, 0, .12));--webchat-colorNeutralShadowKey: var(--colorNeutralShadowKey, rgba(0, 0, 0, .14));--webchat-colorTransparentBackground: var(--colorTransparentBackground, rgba(0, 0, 0, .4));--webchat-colorNeutralStrokeDisabled: var(--colorNeutralStrokeDisabled, #e0e0e0);--webchat-colorNeutralStroke1: var(--colorNeutralStroke1, #d1d1d1);--webchat-colorNeutralStroke1Hover: var(--colorNeutralStroke1Hover, #c7c7c7);--webchat-colorNeutralStroke1Pressed: var(--colorNeutralStroke1Pressed, #b3b3b3);--webchat-colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected, #bdbdbd);--webchat-colorNeutralStroke2: var(--colorNeutralStroke2, #e0e0e0);--webchat-colorStrokeFocus2: var(--colorStrokeFocus2, #000000);--webchat-colorBrandStroke2: var(--colorBrandStroke2, #9edcf7);--webchat-colorBrandStroke2Pressed: var(--colorBrandStroke2Pressed, #01384d);--webchat-colorTransparentStroke: var(--colorTransparentStroke, transparent);--webchat-colorBrandForeground1: var(--colorBrandForeground1, #01678c);--webchat-colorBrandForeground2Hover: var(--colorBrandForeground2Hover, #015a7a);--webchat-colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed, #01384d);--webchat-colorBrandForegroundLink: var(--colorBrandForegroundLink, #01678c);--webchat-colorBrandForegroundLinkHover: var(--colorBrandForegroundLinkHover, #015a7a);--webchat-colorBrandForegroundLinkPressed: var(--colorBrandForegroundLinkPressed, #014259);--webchat-colorBrandForegroundLinkSelected: var(--colorBrandForegroundLinkSelected, #01678c);--webchat-colorBrandBackground: var(--colorBrandBackground, #077fab);--webchat-colorBrandBackgroundHover: var(--colorBrandBackgroundHover, #06729a);--webchat-colorBrandBackgroundPressed: var(--colorBrandBackgroundPressed, #044760);--webchat-colorBrandBackground2: var(--colorBrandBackground2, #def2fc);--webchat-colorBrandBackground2Hover: var(--colorBrandBackground2Hover, #bee7fa);--webchat-colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed, #7fd2f5);--webchat-colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover, #02729c);--webchat-colorStatusDangerForeground1: var(--colorStatusDangerForeground1, #b10e1c);--webchat-colorGray30: var(--colorGray30, #edebe9);--webchat-colorGray160: var(--colorGray160, #323130);--webchat-colorGray190: var(--colorGray190, #201f1e);--webchat-colorGray200: var(--colorGray200, #1b1a19);--webchat-colorGrey8: #141414;--webchat-colorGrey14: #242424;--webchat-colorGrey92: #ebebeb;--webchat-colorGrey98: #fafafa;--webchat-shadow2: var(--shadow2, 0 0 2px rgba(0, 0, 0, 12%), 0 1px 2px rgba(0, 0, 0, 14%));--webchat-shadow4: var(--shadow4, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .14));--webchat-shadow16: var(--shadow16, 0 6.4px 14.4px 0 rgba(0, 0, 0, .132), 0 1.2px 3.6px 0 rgba(0, 0, 0, .108));--webchat-shadow64: var(--shadow64, 0 0 8px rgba(0, 0, 0, .12), 0 32px 64px rgba(0, 0, 0, .14));--webchat-spacingHorizontalNone: var(--spacingHorizontalNone, 0);--webchat-spacingHorizontalXXS: var(--spacingHorizontalXXS, 2px);--webchat-spacingHorizontalXS: var(--spacingHorizontalXS, 4px);--webchat-spacingHorizontalSNudge: var(--spacingHorizontalSNudge, 6px);--webchat-spacingHorizontalS: var(--spacingHorizontalS, 8px);--webchat-spacingHorizontalMNudge: var(--spacingHorizontalMNudge, 10px);--webchat-spacingHorizontalM: var(--spacingHorizontalM, 12px);--webchat-spacingHorizontalL: var(--spacingHorizontalL, 16px);--webchat-spacingHorizontalXL: var(--spacingHorizontalXL, 20px);--webchat-spacingHorizontalXXL: var(--spacingHorizontalXXL, 24px);--webchat-spacingHorizontalXXXL: var(--spacingHorizontalXXXL, 32px);--webchat-spacingVerticalNone: var(--spacingVerticalNone, 0);--webchat-spacingVerticalXXS: var(--spacingVerticalXXS, 2px);--webchat-spacingVerticalXS: var(--spacingVerticalXS, 4px);--webchat-spacingVerticalSNudge: var(--spacingVerticalSNudge, 6px);--webchat-spacingVerticalS: var(--spacingVerticalS, 8px);--webchat-spacingVerticalMNudge: var(--spacingVerticalMNudge, 10px);--webchat-spacingVerticalM: var(--spacingVerticalM, 12px);--webchat-spacingVerticalL: var(--spacingVerticalL, 16px);--webchat-spacingVerticalXL: var(--spacingVerticalXL, 20px);--webchat-spacingVerticalXXL: var(--spacingVerticalXXL, 24px);--webchat-spacingVerticalXXXL: var(--spacingVerticalXXXL, 32px);--webchat-fontFamilyBase: var( --fontFamilyBase, \"Segoe UI\", \"Segoe UI Web (West European)\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif );--webchat-fontFamilyMonospace: var(--fontFamilyMonospace, Consolas, \"Courier New\", Courier, monospace);--webchat-fontFamilyNumeric: var( --fontFamilyNumeric, Bahnschrift, \"Segoe UI\", \"Segoe UI Web (West European)\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif );--webchat-fontWeightRegular: var(--fontWeightRegular, 400);--webchat-fontWeightSemibold: var(--fontWeightSemibold, 600);--webchat-fontSizeBase100: var(--fontSizeBase100, 10px);--webchat-fontSizeBase200: var(--fontSizeBase200, 12px);--webchat-fontSizeBase300: var(--fontSizeBase300, 14px);--webchat-fontSizeBase400: var(--fontSizeBase400, 16px);--webchat-fontSizeBase500: var(--fontSizeBase500, 20px);--webchat-fontSizeBase600: var(--fontSizeBase600, 24px);--webchat-fontSizeHero700: var(--fontSizeHero700, 28px);--webchat-fontSizeHero800: var(--fontSizeHero800, 32px);--webchat-fontSizeHero900: var(--fontSizeHero900, 40px);--webchat-lineHeightBase100: var(--lineHeightBase100, 14px);--webchat-lineHeightBase200: var(--lineHeightBase200, 16px);--webchat-lineHeightBase300: var(--lineHeightBase300, 20px);--webchat-lineHeightBase400: var(--lineHeightBase400, 22px);--webchat-lineHeightBase500: var(--lineHeightBase500, 28px);--webchat-lineHeightBase600: var(--lineHeightBase600, 32px);--webchat-lineHeightHero700: var(--lineHeightHero700, 36px);--webchat-lineHeightHero800: var(--lineHeightHero800, 40px);--webchat-lineHeightHero900: var(--lineHeightHero900, 52px);--webchat-lineHeightHero1000: var(--lineHeightHero1000, 92px);--webchat-borderRadiusSmall: var(--borderRadiusSmall, 2px);--webchat-borderRadiusMedium: var(--borderRadiusMedium, 4px);--webchat-borderRadiusLarge: var(--borderRadiusLarge, 6px);--webchat-borderRadiusXLarge: var(--borderRadiusXLarge, 8px);--webchat-strokeWidthThin: var(--strokeWidthThin, 1px);--webchat-strokeWidthThick: var(--strokeWidthThick, 2px);--webchat-strokeWidthThicker: var(--strokeWidthThicker, 3px);--webchat-durationUltraFast: var(--durationUltraFast, 0);--webchat-durationNormal: var(--durationNormal, .2s);--webchat-durationUltraSlow: var(--durationUltraSlow, .5s);--webchat-curveAccelerateMid: var(--curveAccelerateMid, cubic-bezier(1, 0, 1, 1));--webchat-curveDecelerateMid: var(--curveDecelerateMid, cubic-bezier(0, 0, 0, 1))}@media (prefers-reduced-motion){.webchat-fluent._{--webchat-durationUltraFast: .01ms;--webchat-durationNormal: .01ms}}.webchat-fluent._ .webchat__css-custom-properties{--webchat__color--accent: var(--webchat-colorBrandForeground1);--webchat__color--subtle: var(--webchat-colorNeutralForeground2);--webchat__color--timestamp: var(--webchat-colorNeutralForeground3);--webchat__font--primary: var(--webchat-fontFamilyBase);--webchat__font-size--small: var(--webchat-fontSizeBase200);--webchat__font-size--medium: var(--webchat-fontSizeBase300);--webchat__line-height--small: var(--webchat-lineHeightBase200);--webchat__line-height--medium: var(--webchat-lineHeightBase300);--webchat__max-width--bubble: var(--webchat-bubble-maxWidth);--webchat__min-height--bubble: var(--webchat-bubble-minHeight);--webchat__padding--regular: var(--webchat-spacingVerticalS);--webchat__padding--sendbox: var(--webchat-spacingVerticalNone) var(--webchat-spacingHorizontalMNudge) var(--webchat-spacingHorizontalMNudge);--webchat__border-animation--color-1: #464feb;--webchat__border-animation--color-2: #47cffa;--webchat__border-animation--color-3: #b47cf8}.webchat-fluent._.ea .webchat__css-custom-properties{--webchat__padding--sendbox: var(--webchat-spacingVerticalNone) var(--webchat-spacingHorizontalXL) var(--webchat-spacingVerticalMNudge) var(--webchat-spacingHorizontalMNudge)}.webchat-fluent._ .webchat__surface{background-color:var(--webchat__color--surface)}.webchat-fluent._.ea .webchat__surface{box-sizing:border-box;padding-inline-start:var(--webchat-spacingHorizontalMNudge)}.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__scrollable,.webchat-fluent._ .webchat__view-code-dialog__code-body,.webchat-fluent._ .webchat__render-markdown [data-math-type=block],.webchat-fluent._ .webchat__feedback-form-text-area-input--scroll,.webchat-fluent._ .webchat__view-code-dialog__body{scrollbar-color:unset;scrollbar-width:unset;-moz-scrollbar-color:var(--webchat-colorNeutralForeground5) transparent;-moz-scrollbar-width:thin}:is(.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__scrollable,.webchat-fluent._ .webchat__view-code-dialog__code-body,.webchat-fluent._ .webchat__render-markdown [data-math-type=block],.webchat-fluent._ .webchat__feedback-form-text-area-input--scroll,.webchat-fluent._ .webchat__view-code-dialog__body)::-webkit-scrollbar{height:var(--webchat-spacingVerticalMNudge);width:var(--webchat-spacingVerticalMNudge);visibility:hidden}:is(.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__scrollable,.webchat-fluent._ .webchat__view-code-dialog__code-body,.webchat-fluent._ .webchat__render-markdown [data-math-type=block],.webchat-fluent._ .webchat__feedback-form-text-area-input--scroll,.webchat-fluent._ .webchat__view-code-dialog__body)::-webkit-scrollbar-corner{background:transparent}:is(.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__scrollable,.webchat-fluent._ .webchat__view-code-dialog__code-body,.webchat-fluent._ .webchat__render-markdown [data-math-type=block],.webchat-fluent._ .webchat__feedback-form-text-area-input--scroll,.webchat-fluent._ .webchat__view-code-dialog__body):hover::-webkit-scrollbar{height:var(--webchat-spacingVerticalMNudge);width:var(--webchat-spacingVerticalMNudge)}:is(.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__scrollable,.webchat-fluent._ .webchat__view-code-dialog__code-body,.webchat-fluent._ .webchat__render-markdown [data-math-type=block],.webchat-fluent._ .webchat__feedback-form-text-area-input--scroll,.webchat-fluent._ .webchat__view-code-dialog__body):hover::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--webchat-colorNeutralForeground5);border-radius:10px;border-right:4px solid transparent;border:3px solid transparent}:is(.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__scrollable,.webchat-fluent._ .webchat__view-code-dialog__code-body,.webchat-fluent._ .webchat__render-markdown [data-math-type=block],.webchat-fluent._ .webchat__feedback-form-text-area-input--scroll,.webchat-fluent._ .webchat__view-code-dialog__body):hover::-webkit-scrollbar-thumb:hover{background-clip:padding-box;background-color:var(--webchat-colorNeutralForeground5);border-radius:10px;border-right:2px solid transparent;border:1px solid transparent}.webchat-fluent._.ea .webchat__basic-transcript .webchat__basic-transcript__scrollable{scrollbar-gutter:stable}.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__terminator:focus-visible+.webchat__basic-transcript__focus-indicator{border-color:var(--webchat-colorStrokeFocus2)}.webchat-fluent._ .webchat__basic-transcript:not(:focus-visible) .webchat__basic-transcript__activity-indicator--focus{display:none}.webchat-fluent._ .webchat__basic-transcript:focus-visible:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__basic-transcript__focus-indicator{display:none}.webchat-fluent._ .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__basic-transcript__activity-indicator--focus{display:none}.webchat-fluent._ .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__bubble:after,.webchat-fluent._ .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .pre-chat-message-activity:after{border-radius:var(--webchat__bubble--border-radius);content:\"\";inset:0;outline-offset:0;outline:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2);pointer-events:none;position:absolute}.webchat-fluent._ .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .pre-chat-message-activity:after{border-radius:var(--webchat-borderRadiusMedium);outline-offset:-3px}.webchat-fluent._ .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .liner-message-activity__text{border-radius:20px;outline-offset:4px;outline:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2)}.webchat-fluent._.ea .webchat__basic-transcript .webchat__basic-transcript__filler{flex-grow:0}.webchat-fluent._ .webchat__basic-transcript:has(.webchat__basic-transcript__activity:only-child):has(.pre-chat-message-activity) .webchat__basic-transcript__filler{flex-grow:.5}.webchat-fluent._ .webchat__modal-dialog{height:100%;display:grid;place-items:center}.webchat-fluent._ .webchat__modal-dialog::backdrop{background-color:var(--webchat-colorTransparentBackground)}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__box{background-color:var(--webchat-colorNeutralBackground1);border-radius:var(--webchat-borderRadiusXLarge);position:relative;color:var(--webchat-colorNeutralForeground1);box-shadow:var(--webchat-shadow64)}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__close-button{color:var(--webchat-colorNeutralForeground1);transition:background-color var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__close-button:not(:active):hover{background-color:var(--webchat-colorNeutralBackground3)}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__close-button:focus:active{background-color:var(--webchat-colorNeutralBackground4)}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__close-button:not(:focus-visible){border:none}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__close-button:focus{border-color:var(--webchat-colorStrokeFocus2)}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__close-button-image{fill:currentColor}.webchat-fluent._ .webchat__code-block{border:none;font-family:var(--webchat-fontFamilyMonospace);font-size:var(--webchat-fontSizeBase300);--webchat__code-block__copy-button--color: var(--webchat-colorNeutralForeground1);--webchat__code-block__copy-button--background: var(--webchat-colorNeutralBackground3)}.webchat-fluent._ .webchat__code-block .webchat__code-block-copy-button{background:transparent;border:none;color:var(--webchat__code-block__copy-button--color);height:20px;margin-inline-start:var(--webchat-spacingHorizontalS);padding:0;width:20px;transition:background-color var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent._ .webchat__code-block .webchat__code-block-copy-button .webchat__code-block-copy-button__icon{background-color:currentColor}.webchat-fluent._ .webchat__code-block .webchat__code-block-copy-button:hover,.webchat-fluent._ .webchat__code-block .webchat__code-block-copy-button:active{background:var(--webchat__code-block__copy-button--background);color:var(--webchat__code-block__copy-button--color)}.webchat-fluent._ .webchat__code-block .webchat__code-block-copy-button:focus{color:var(--webchat__code-block__copy-button--color);outline-color:currentColor}.webchat-fluent._ .webchat__code-block:has(.webchat__code-block__body:focus-visible):focus-within{outline:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2);outline-offset:calc(var(--webchat-strokeWidthThick) * -1)}.webchat-fluent._ .webchat__code-block:has(.webchat__code-block__body:focus-visible):focus-within .webchat__code-block__body{outline:none}.webchat-fluent._ .webchat__code-block:has(>.webchat__code-block__theme--github-dark-default){--webchat__background--code-block: var(--codeBlockBackground, var(--webchat-colorGrey8));--webchat__code-block__copy-button--background: var( --codeBlockCopyButtonBackgroundPressed, var(--webchat-colorGrey14) );--webchat__code-block__copy-button--color: var(--codeBlockCopyButtonForeground, var(--webchat__color--code-block));--webchat__color--code-block: var(--codeBlockForeground, var(--webchat-colorGrey98))}.webchat-fluent._ .webchat__code-block:has(>.webchat__code-block__theme--github-light-default){--webchat__background--code-block: var(--codeBlockBackground, var(--webchat-colorGrey98));--webchat__code-block__copy-button--background: var(--codeBlockBackgroundPressed, var(--webchat-colorGrey92));--webchat__code-block__copy-button--color: var(--codeBlockCopyButtonForeground, var(--webchat__color--code-block));--webchat__color--code-block: var(--codeBlockForeground, var(--webchat-colorGrey8))}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__modal-dialog__close-button-layout{display:flex;padding:var(--webchat-spacingVerticalS) var(--webchat-spacingHorizontalS)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__modal-dialog__close-button{align-items:center;aspect-ratio:1;display:flex;height:var(--webchat-lineHeightBase300);justify-content:center;padding:0;width:unset}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__code-block-copy-button{--webchat__code-block__copy-button--color: var(--webchat-colorNeutralForeground1);--webchat__code-block__copy-button--background: var(--webchat-colorNeutralBackground3);margin-block-start:var(--webchat-spacingVerticalS);position:absolute;right:32px;top:0}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__modal-dialog__box{width:fit-content}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__modal-dialog__body{margin:0;padding:var(--webchat-spacingVerticalS) var(--webchat-spacingHorizontalM)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__title{font-size:var(--webchat-fontSizeBase300);font-weight:var(--webchat-fontWeightSemibold);line-height:var(--webchat-lineHeightBase300)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__body{font-family:var(--webchat-fontFamilyMonospace);font-size:var(--webchat-fontSizeBase300);margin:0 calc(var(--webchat-spacingHorizontalM) * -1);padding:0 var(--webchat-spacingHorizontalM)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__footer{color:var(--webchat-colorNeutralForeground4);font-size:var(--webchat-fontSizeBase100);line-height:var(--webchat-lineHeightBase100)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__link{color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__link:target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__link:hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__link:active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__link:focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent._ .webchat__activity-button{background:var(--webchat-colorNeutralBackground1);border-radius:var(--webchat-borderRadiusMedium);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1);color:var(--webchat-colorNeutralForeground1);gap:var(--webchat-spacingHorizontalXS);padding:5px var(--webchat-spacingHorizontalM)}.webchat-fluent._ .webchat__activity-button:hover{background:var(--webchat-colorNeutralBackground1Hover);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1Hover);color:var(--webchat-colorNeutralForeground1Hover)}.webchat-fluent._ .webchat__activity-button:active{background:var(--webchat-colorNeutralBackground1Pressed);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1Pressed);color:var(--webchat-colorNeutralForeground1Pressed)}.webchat-fluent._ .webchat__activity-button:focus-visible{background:var(--webchat-colorNeutralBackground1);outline:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2);outline-offset:calc(var(--webchat-strokeWidthThick) * -1)}.webchat-fluent._ .webchat__activity-button[aria-disabled=true]{background:var(--webchat-colorNeutralBackgroundDisabled);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStrokeDisabled);color:var(--webchat-colorNeutralForegroundDisabled)}.webchat-fluent._ .webchat__activity-button .webchat__activity-button__icon{height:20px;width:20px}.webchat-fluent._ .webchat__activity-copy-button .webchat__activity-copy-button__copied-text{background-color:var(--webchat-colorNeutralBackground1)}.webchat-fluent._ .webchat__activity-copy-button.webchat__activity-copy-button--copied .webchat__activity-copy-button__copied-text{animation-duration:var(--webchat-durationUltraSlow)}.webchat-fluent._ .webchat__monochrome-image-masker{background-color:currentColor;height:1em;width:1em}.webchat-fluent._ .webchat__thumb-button{color:var(--webchat-colorNeutralForeground1)}.webchat-fluent._ .webchat__thumb-button:focus-visible{outline:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2)}.webchat-fluent._ .webchat__thumb-button[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled)}.webchat-fluent._ .webchat__tooltip{--webchat__tooltip-background: var(--tooltip-background, var(--webchat-colorNeutralBackground1));color:var(--webchat-colorNeutralForeground1);filter:drop-shadow(0 0 2px var(--webchat-colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--webchat-colorNeutralShadowKey));font-family:var(--webchat-fontFamilyBase);font-size:var(--webchat-fontSizeBase200);font-weight:var(--webchat-fontWeightRegular);line-height:var(--webchat-lineHeightBase200);padding:var(--webchat-spacingVerticalSNudge) var(--webchat-spacingHorizontalM);transition:opacity var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent._ .webchat__feedback-form{gap:var(--webchat-spacingVerticalXS)}.webchat-fluent._ .webchat__feedback-form .webchat__feedback-form__body{font-family:var(--webchat-fontFamilyBase);color:var(--webchat-colorNeutralForeground1);font-size:var(--webchat-fontSizeBase300);font-weight:var(--webchat-fontWeightRegular);line-height:var(--webchat-lineHeightBase300)}.webchat-fluent._ .webchat__feedback-form .webchat__feedback-form__caption{font-family:var(--webchat-fontFamilyBase);color:var(--webchat-colorNeutralForeground1);font-size:var(--webchat-fontSizeBase100);font-weight:var(--webchat-fontWeightRegular);line-height:var(--webchat-lineHeightBase200)}.webchat-fluent._ .webchat__feedback-form .webchat__feedback-form__submit-button{background-color:var(--webchat-colorBrandBackground);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorBrandBackground);border-radius:var(--webchat-borderRadiusMedium);color:var(--webchat-colorNeutralForegroundOnBrand);cursor:pointer;font-family:var(--webchat-fontFamilyBase);font-size:var(--webchat-fontSizeBase300);padding:var(--webchat-spacingVerticalNone) var(--webchat-spacingHorizontalS);transition:background-color var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent._ .webchat__feedback-form .webchat__feedback-form__submit-button:hover{background-color:var(--webchat-colorBrandBackgroundHover);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorBrandBackgroundHover)}.webchat-fluent._ .webchat__feedback-form .webchat__feedback-form__submit-button:focus-visible{outline:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2);outline-offset:calc(var(--webchat-strokeWidthThin) * -1)}.webchat-fluent._ .webchat__feedback-form .webchat__feedback-form__submit-button:active{background-color:var(--webchat-colorBrandBackgroundPressed);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorBrandBackgroundPressed)}.webchat-fluent._ .webchat__feedback-form .webchat__feedback-form__cancel-button{background-color:var(--webchat-colorNeutralBackground1);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1);border-radius:var(--webchat-borderRadiusMedium);color:var(--webchat-colorNeutralForeground1);cursor:pointer;font-family:var(--webchat-fontFamilyBase);font-size:var(--webchat-fontSizeBase300);padding:var(--webchat-spacingVerticalNone) var(--webchat-spacingHorizontalS);transition:background-color var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent._ .webchat__feedback-form .webchat__feedback-form__cancel-button:hover{background-color:var(--webchat-colorNeutralBackground1Hover);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1Hover)}.webchat-fluent._ .webchat__feedback-form .webchat__feedback-form__cancel-button:focus-visible{outline:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2);outline-offset:calc(var(--webchat-strokeWidthThin) * -1)}.webchat-fluent._ .webchat__feedback-form .webchat__feedback-form__cancel-button:active{background-color:var(--webchat-colorNeutralBackground1Pressed);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1Pressed)}.webchat-fluent._ .webchat__feedback-form .webchat__feedback-form-text-area{background-color:var(--webchat-colorNeutralBackground1);border-radius:var(--webchat-borderRadiusMedium);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1);font-family:var(--webchat-fontFamilyBase);font-size:var(--webchat-fontSizeBase300);line-height:var(--webchat-lineHeightBase300);gap:var(--webchat-spacingVerticalSNudge);padding:var(--webchat-spacingVerticalS) var(--webchat-spacingHorizontalM)}.webchat-fluent._ .webchat__feedback-form .webchat__feedback-form-text-area:after{border-bottom-left-radius:var(--webchat-borderRadiusMedium);border-bottom-right-radius:var(--webchat-borderRadiusMedium);border-bottom:var(--webchat-strokeWidthThicker) solid var(--webchat-colorBrandForeground1);clip-path:inset(calc(100% - var(--webchat-strokeWidthThicker)) 50% 0 50%);transition:clip-path var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent._ .webchat__feedback-form .webchat__feedback-form-text-area:focus-within{border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1)}.webchat-fluent._ .webchat__feedback-form .webchat__feedback-form-text-area: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 .ve{align-self:start;display:flex;flex:none;height:16px;margin:auto var(--webchat-spacingHorizontalMNudge)}.webchat-fluent .pe{height:6px;width:auto}\n/*! For license information please see botframework-webchat-fluent-theme.css.LEGAL.txt */\n",de=Ye(oa);import{useMemo as aa}from"react";function ra(e){return aa(()=>Object.freeze(Object.fromEntries(Object.entries(e).map(([t,o])=>[t,`${t} ${o}`]))),[e])}var c=ra;import{useMemo as ua}from"react";import{useContext as da,useMemo as ba}from"react";import{createContext as la}from"react";import na,{memo as ia,useMemo as ca}from"react";function be({Provider:e},{defaults:t,displayName:o}){let a=({children:r,...n})=>{let l=ca(()=>Object.freeze({...t,...n}),[n]);return na.createElement(e,{value:l},r)};return a.displayName=o,ia(a)}var ue=la(new Proxy({},{get(){throw new Error("Unable to use VariantContext without VariantComposer")}})),sa=be(ue,{defaults:{variant:""},displayName:"VariantComposer"}),qe=sa;function O(){let{variant:e}=da(ue);return ba(()=>e.split(" "),[e])}function T(e){let t=c(e),o=O();return ua(()=>o.map(a=>t[`variant-${a}`]).filter(a=>a).join(" "),[t,o])}var ha={preChatMessageActivityStarterPromptsCardAction:"pre-chat message activity starter prompts card action",sendBoxContainer:"send box container",sendBoxDropZone:"send box drop zone",sendBoxSendButton:"send box send button",sendBoxSuggestedAction:"send box suggested action",sendBoxTextBox:"send box text area",sendBoxTelephoneKeypadButton1:"send box telephone keypad button 1",sendBoxTelephoneKeypadButton2:"send box telephone keypad button 2",sendBoxTelephoneKeypadButton3:"send box telephone keypad button 3",sendBoxTelephoneKeypadButton4:"send box telephone keypad button 4",sendBoxTelephoneKeypadButton5:"send box telephone keypad button 5",sendBoxTelephoneKeypadButton6:"send box telephone keypad button 6",sendBoxTelephoneKeypadButton7:"send box telephone keypad button 7",sendBoxTelephoneKeypadButton8:"send box telephone keypad button 8",sendBoxTelephoneKeypadButton9:"send box telephone keypad button 9",sendBoxTelephoneKeypadButton0:"send box telephone keypad button 0",sendBoxTelephoneKeypadButtonStar:"send box telephone keypad button star",sendBoxTelephoneKeypadButtonPound:"send box telephone keypad button pound",sendBoxTelephoneKeypadToolbarButton:"send box telephone keypad toolbar button",sendBoxUploadButton:"send box upload button"},m=ha;import{hooks as pa}from"botframework-webchat-component";import ga from"classnames";import Qe,{memo as fa,useCallback as wa,useEffect as va,useRef as _a,useState as ya}from"react";import{useRefFrom as xa}from"use-ref-from";var Je={"sendbox__attachment-drop-zone":"pa","sendbox__attachment-drop-zone--droppable":"_a","sendbox__attachment-drop-zone-icon":"fa"};var{useLocalizer:ka}=pa,G=e=>{e.preventDefault()},et=e=>!!e.dataTransfer?.types?.some(t=>t.toLowerCase()==="files");function Na(e,t){let o=e.parentNode;for(;o;){if(o===t)return!0;o=o.parentNode}return!1}var tt=e=>{let[t,o]=ya(!1),a=c(Je),r=_a(null),n=ka(),l=xa(e.onFilesAdded);va(()=>{let b=0,h=p=>{document.addEventListener("dragover",G),b++,et(p)&&o(r.current&&(p.target===r.current||p.target instanceof HTMLElement&&Na(p.target,r.current))?"droppable":"visible")},s=()=>--b<=0&&o(!1),d=()=>{document.removeEventListener("dragover",G),b=0,o(!1)},u=p=>{r.current?.contains(p.target)||d()};return document.addEventListener("dragend",d),document.addEventListener("dragenter",h),document.addEventListener("dragleave",s),document.addEventListener("drop",u),()=>{document.removeEventListener("dragend",d),document.removeEventListener("dragenter",h),document.removeEventListener("dragleave",s),document.removeEventListener("dragover",G),document.removeEventListener("drop",u)}},[o]);let i=wa(b=>{b.preventDefault(),o(!1),et(b.nativeEvent)&&l.current([...b.dataTransfer.files])},[l,o]);return t?Qe.createElement("div",{className:ga(a["sendbox__attachment-drop-zone"],{[a["sendbox__attachment-drop-zone--droppable"]]:t==="droppable"}),"data-testid":m.sendBoxDropZone,onDragOver:G,onDrop:i,ref:r},Qe.createElement(ne,{className:a["sendbox__attachment-drop-zone-icon"]}),n("TEXT_INPUT_DROP_ZONE")):null};tt.displayName="DropZone";var he=fa(tt);import{hooks as Rr}from"botframework-webchat-component";import Vr from"classnames";import $,{memo as Or,useCallback as Wr}from"react";import{getOrgSchemaMessage as Sa}from"botframework-webchat-core";function E(e){return!!(e&&Sa(e?.entities||[])?.keywords?.includes("PreChatMessage"))}import{hooks as ir}from"botframework-webchat-component";import cr from"classnames";import D,{memo as lr,useMemo as sr}from"react";var ot={"pre-chat-message-activity":"ka","pre-chat-message-activity__body":"ma","pre-chat-message-activity__body--blueprint":"xa","pre-chat-message-activity__body-avatar":"ra","pre-chat-message-activity__body-title":"Ba","pre-chat-message-activity__body-subtitle":"ya","pre-chat-message-activity__toolbar":"Na"};import{hooks as Va}from"botframework-webchat-api";import Oa from"classnames";import A,{Fragment as Wa,memo as Ka}from"react";import{Components as Ca,hooks as Ma}from"botframework-webchat-component";import rt from"classnames";import W,{memo as Ha,useCallback as Aa,useMemo as Fa}from"react";import{useRefFrom as za}from"use-ref-from";var at={"pre-chat-message-activity__card-action-box":"Sa","pre-chat-message-activity__card-action-image":"oa",blueprintAnimation:"ta","pre-chat-message-activity__card-action-subtitle":"za","pre-chat-message-activity__card-action-title":"Ha"};var{useFocus:La,useRenderMarkdownAsHTML:Ea,useSendBoxValue:Pa,useUIState:Da}=Ma,{MonochromeImageMasker:Ia}=Ca,nt=({className:e,messageBackAction:t})=>{let[o,a]=Pa(),[r]=Da(),n=c(at),l=La(),i=za(t?.displayText||t?.text||""),b=Ea("message activity"),h=Fa(()=>b?{__html:b(t?.text||"")}:void 0,[t?.text,b]),s=r==="disabled",d=t&&"title"in t&&t.title,u=r==="blueprint"||!d,p=Aa(()=>{a(i.current),l("sendBox")},[l,i,a]);return u?W.createElement("div",{className:rt(e,n["pre-chat-message-activity__card-action-box"]),"data-testid":m.preChatMessageActivityStarterPromptsCardAction}):W.createElement("button",{"aria-disabled":s?!0:void 0,className:rt(e,n["pre-chat-message-activity__card-action-box"]),"data-testid":m.preChatMessageActivityStarterPromptsCardAction,onClick:s?void 0:p,tabIndex:s?-1:void 0,type:"button"},W.createElement("div",{className:n["pre-chat-message-activity__card-action-title"]},d),"image"in t&&t.image&&W.createElement(Ia,{className:n["pre-chat-message-activity__card-action-image"],src:t.image}),W.createElement("div",{className:n["pre-chat-message-activity__card-action-subtitle"],dangerouslySetInnerHTML:h}))};nt.displayName="StarterPromptsCardAction";var K=Ha(nt);var it={"pre-chat-message-activity__card-action-toolbar":"Fa","webchat-container":"ca","pre-chat-message-activity__card-action-toolbar-grid":"la"};var{useUIState:Xa}=Va,ct=({cardActions:e,className:t})=>{let o=c(it),[a]=Xa();return A.createElement("div",{className:Oa(t,o["pre-chat-message-activity__card-action-toolbar"])},A.createElement("div",{className:o["pre-chat-message-activity__card-action-toolbar-grid"]},a==="blueprint"?A.createElement(Wa,null,A.createElement(K,null),A.createElement(K,null),A.createElement(K,null)):e.filter(r=>r.type==="messageBack").map((r,n)=>A.createElement(K,{key:n,messageBackAction:r}))))};ct.displayName="StarterPromptsToolbar";var lt=Ka(ct);import rr from"classnames";import bt,{memo as nr}from"react";var me={"activity-decorator":"aa","variant-fluent":"Ma","variant-copilot":"ia"};import Z,{memo as Qa,useMemo as er}from"react";import{hooks as tr}from"botframework-webchat-component";import{useMemo as ja}from"react";import{hooks as Ga}from"botframework-webchat-component";var{useStyleOptions:Za}=Ga;function pe(e){let[t]=Za();return ja(()=>Object.freeze([{...t,...e?.channelData?.webChat?.styleOptions}]),[e?.channelData?.webChat?.styleOptions,t])}import{getOrgSchemaMessage as $a}from"botframework-webchat-core";function ge(e){return!!(e&&$a(e?.entities||[])?.keywords?.includes("AIGeneratedContent"))}import{useMemo as Ya}from"react";import{getOrgSchemaMessage as qa}from"botframework-webchat-core";function P(e){return Ya(()=>{let t=qa(e?.entities||[]);return typeof t?.author=="string"?{"@type":"Person",description:void 0,image:void 0,name:t?.author}:t?.author},[e])}var st={"copilot-message-header":"Wa","copilot-message-header__avatar":"Xa","copilot-message-header__title":"La","copilot-message-header__ai-generated-content":"Va"};var{useLocalizer:or}=tr;function ar({activity:e}){let[{botAvatarImage:t,botAvatarBackgroundColor:o}]=pe(e),a=c(st),r=or(),n=ge(e),l=er(()=>({"--background-color":o}),[o]),i=P(e),b=i?.image||t,h=i?.name||e?.from?.name;return Z.createElement("div",{className:a["copilot-message-header"]},b&&Z.createElement("img",{alt:r("AVATAR_ALT",h),className:a["copilot-message-header__avatar"],src:b,style:l}),Z.createElement("span",{className:a["copilot-message-header__title"],title:h},h),n&&Z.createElement("span",{className:a["copilot-message-header__ai-generated-content"]},r("ACTIVITY_CONTENT_CAUTION")))}var dt=Qa(ar);function ut({activity:e,children:t}){let o=c(me),a=O(),r=T(me),n=a.includes("copilot")&&e?.from?.role==="bot"&&!!t;return bt.createElement("div",{className:rr(o["activity-decorator"],r)},n&&bt.createElement(dt,{activity:e}),t)}ut.displayName="ActivityDecorator";var fe=nr(ut);var{useLocalizer:dr,useRenderMarkdownAsHTML:br,useUIState:ur}=ir,ht=({activity:e})=>{let[t]=ur(),o=c(ot),a=br(),r=dr(),n=P(e),l=sr(()=>a?{__html:a(n?.description||"")}:{__html:""},[n?.description,a]);return D.createElement("div",{className:o["pre-chat-message-activity"]},n&&D.createElement("div",{className:cr(o["pre-chat-message-activity__body"],t==="blueprint"&&o["pre-chat-message-activity__body--blueprint"])},n.image&&D.createElement("img",{alt:r("AVATAR_ALT",n.name),className:o["pre-chat-message-activity__body-avatar"],src:n.image}),n.name&&D.createElement("h2",{className:o["pre-chat-message-activity__body-title"]},n.name),n.description&&D.createElement("div",{className:o["pre-chat-message-activity__body-subtitle"],dangerouslySetInnerHTML:l})),D.createElement(lt,{cardActions:e.suggestedActions?.actions||[],className:o["pre-chat-message-activity__toolbar"]}))};ht.displayName="PreChatMessageActivity";var we=lr(ht);function ve(e){let{title:t}=e,{type:o,value:a}=e;return o==="messageBack"?t||e.displayText:t||(typeof a=="string"?a:JSON.stringify(a))}import hr,{createContext as mr,memo as pr,useCallback as I,useContext as gr,useEffect as fr,useMemo as wr,useRef as _e}from"react";var mt=mr({itemEffector:()=>{throw new Error("botframework-webchat-fluent-theme rovingFocus: no provider for RovingFocusContext.")}});function vr(e){let t=_e(0),o=_e([]),a=I(({current:s},d)=>s&&(s.tabIndex=t.current===d?0:-1),[t]),r=I(s=>{let d;typeof s=="number"?d=s:d=s(t.current),d&&!o.current.at(d)?.current&&(d=0),t.current!==d&&(t.current=d,o.current.forEach((u,p)=>a(u,p)),o.current.at(d)?.current?.focus())},[a,o,t]),n=I(s=>{let{target:d}=s,u=o.current.findIndex(({current:p})=>p===d);u!==-1&&r(u)},[o,r]),l=I(s=>d=>{let u=!e.direction,p=/up|down/iu.test(s)&&e.direction==="vertical",x=/left|right/iu.test(s)&&e.direction==="horizontal",y=/right|down/iu.test(s),k=u||p||x?y?1:-1:0,S=o.current.map((M,H)=>H),B=S.indexOf(d)+k;return S.at(B)??0},[e.direction]),i=I(s=>{let{key:d}=s;switch(d){case"Up":case"ArrowUp":case"Left":case"ArrowLeft":case"Down":case"ArrowDown":case"Right":case"ArrowRight":r(l(d));break;case"Home":r(0);break;case"End":r(-1);break;case"Escape":e.onEscapeKey?.();break;default:return}s.preventDefault(),s.stopPropagation()},[r,l,e]),b=I((s,d)=>{let{current:u}=s;return o.current[Number(d)]=s,u.addEventListener("focus",n),u.addEventListener("keydown",i),a(s,d),()=>{u.removeEventListener("focus",n),u.removeEventListener("keydown",i),delete o.current[Number(d)]}},[n,i,a,o]),h=wr(()=>({itemEffector:b}),[b]);return hr.createElement(mt.Provider,{value:h},e.children)}function pt(e){let t=_e(null),{itemEffector:o}=gr(mt);return fr(()=>o(t,e)),t}var gt=pr(vr);import{hooks as Tr}from"botframework-webchat-component";import Cr from"classnames";import ye,{memo as Mr,useCallback as Hr}from"react";import _r,{forwardRef as yr,memo as xr,useRef as kr}from"react";var Nr=e=>e.preventDefault(),Sr=yr(({"aria-hidden":e,children:t,className:o,"data-testid":a,disabled:r,onClick:n,tabIndex:l},i)=>{let b=kr(null);return _r.createElement("button",{"aria-disabled":r?"true":void 0,"aria-hidden":e,className:o,"data-testid":a,onClick:r?Nr:n,ref:i||b,tabIndex:r?-1:l,type:"button"},t)}),ft=xr(Sr);var wt={"suggested-action":"Ta","suggested-action__image":"Ra"};var{useFocus:Ar,usePerformCardAction:Fr,useScrollToEnd:zr,useStyleSet:Lr,useSuggestedActions:Er,useUIState:Pr}=Tr;function Dr({buttonText:e,className:t,displayText:o,image:a,imageAlt:r,itemIndex:n,text:l,type:i,value:b}){let[h,s]=Er(),[{suggestedAction:d}]=Lr(),[u]=Pr(),p=Ar(),x=pt(n),y=Fr(),k=c(wt),S=zr(),B=Hr(({target:M})=>{(async function(){await p("sendBoxWithoutKeyboard"),y({displayText:o,text:l,type:i,value:b},{target:M}),i==="openUrl"&&s([]),S()})()},[o,p,y,S,s,l,i,b]);return ye.createElement(ft,{className:Cr(k["suggested-action"],d+"",(t||"")+""),"data-testid":m.sendBoxSuggestedAction,disabled:u==="disabled",onClick:B,ref:x,type:"button"},a&&ye.createElement("img",{alt:r,className:k["suggested-action__image"],src:a}),ye.createElement("span",null,e))}var vt=Mr(Dr);var xe={"suggested-actions":"Pa","suggested-actions--flow":"Da","suggested-actions--stacked":"Ca"};var{useFocus:Kr,useLocalizer:Xr,useStyleOptions:Ur,useStyleSet:jr,useSuggestedActions:Gr,useUIState:Zr}=Rr;function $r(e){let[{suggestedActionLayout:t}]=Ur(),[{suggestedActions:o}]=jr(),[a]=Zr(),r=c(xe);return $.createElement("div",{"aria-label":e["aria-label"],"aria-orientation":"vertical",className:Vr(r["suggested-actions"],o+"",{[r["suggested-actions--flow"]]:t==="flow",[r["suggested-actions--stacked"]]:t!=="flow"},e.className),role:"toolbar"},a!=="blueprint"&&e.children)}function Yr(){let e=c(xe),t=Xr(),[o,a,{activity:r}]=Gr(),n=Kr(),l=Wr(()=>{n("sendBox")},[n]),i=E(r)?[]:o.map((b,h)=>{let{displayText:s,image:d,imageAltText:u,text:p,type:x,value:y}=b;return o?.length?$.createElement(vt,{buttonText:ve(b),displayText:s,image:d,imageAlt:d&&(u||p),itemIndex:h,key:h,text:p,type:x,value:y}):null});return $.createElement(gt,{onEscapeKey:l},$.createElement($r,{"aria-label":t("SUGGESTED_ACTIONS_LABEL_ALT"),className:e["suggested-actions"]},i))}var ke=Or(Yr);import Jr,{memo as Qr,useMemo as en,useState as tn}from"react";import{createContext as qr}from"react";var _t=qr(new Proxy({},{get(){throw new Error("botframework-webchat: This hook can only used under its corresponding <Provider>.")}}));_t.displayName="TelephoneKeypad.Context";var Y=_t;var on=Qr(({children:e})=>{let[t,o]=tn(!1),a=en(()=>Object.freeze({setShown:o,shown:t}),[o,t]);return Jr.createElement(Y.Provider,{value:a},e)}),Ne=on;import fn,{memo as wn}from"react";import{Components as un}from"botframework-webchat-component";import hn from"classnames";import g,{memo as Nt,useCallback as _,useEffect as mn,useRef as pn}from"react";import{useRefFrom as kt}from"use-ref-from";import Se,{forwardRef as rn,memo as nn,useCallback as cn}from"react";import{useRefFrom as ln}from"use-ref-from";var yt={"telephone-keypad__button":"na","telephone-keypad__button__ruby":"ba","telephone-keypad__button__text":"da","telephone-keypad--horizontal":"Ga"};var xt=nn(rn(({button:e,"data-testid":t,onClick:o,ruby:a},r)=>{let n=c(yt),l=ln(o),i=cn(()=>l.current?.(),[l]);return Se.createElement("button",{className:n["telephone-keypad__button"],"data-testid":t,onClick:i,ref:r,type:"button"},Se.createElement("span",{className:n["telephone-keypad__button__text"]},e==="*"?"\u2217":e),!!a&&Se.createElement("ruby",{className:n["telephone-keypad__button__ruby"]},a))}));xt.displayName="TelephoneKeypad.Button";var v=xt;import{useContext as sn,useMemo as dn}from"react";function C(){let{setShown:e,shown:t}=sn(Y);return dn(()=>Object.freeze([t,e]),[t,e])}var Be={"telephone-keypad":"Ua","telephone-keypad__box":"ja","telephone-keypad__info-message":"Aa","telephone-keypad__info-message-link":"Ia"};var{LocalizedString:gn}=un,St=Nt(({children:e,isHorizontal:t})=>{let o=c(Be);return t?null:g.createElement("div",{className:o["telephone-keypad__box"]},e)});St.displayName="TelephoneKeypad:Orientation";var Bt=Nt(({autoFocus:e,className:t,onButtonClick:o,isHorizontal:a})=>{let r=kt(e),n=c(Be),l=pn(null),i=kt(o),[,b]=C(),h=_(()=>i.current?.("1"),[i]),s=_(()=>i.current?.("2"),[i]),d=_(()=>i.current?.("3"),[i]),u=_(()=>i.current?.("4"),[i]),p=_(()=>i.current?.("5"),[i]),x=_(()=>i.current?.("6"),[i]),y=_(()=>i.current?.("7"),[i]),k=_(()=>i.current?.("8"),[i]),S=_(()=>i.current?.("9"),[i]),B=_(()=>i.current?.("0"),[i]),M=_(()=>i.current?.("*"),[i]),H=_(()=>i.current?.("#"),[i]),L=_(j=>{j.key==="Escape"&&b(!1)},[b]);return mn(()=>{r.current&&l.current?.focus()},[r,l]),g.createElement("div",{className:hn(n["telephone-keypad"],t),onKeyDown:L},g.createElement(St,{isHorizontal:a},g.createElement(v,{button:"1","data-testid":m.sendBoxTelephoneKeypadButton1,onClick:h,ref:l}),g.createElement(v,{button:"2","data-testid":m.sendBoxTelephoneKeypadButton2,onClick:s,ruby:"ABC"}),g.createElement(v,{button:"3","data-testid":m.sendBoxTelephoneKeypadButton3,onClick:d,ruby:"DEF"}),g.createElement(v,{button:"4","data-testid":m.sendBoxTelephoneKeypadButton4,onClick:u,ruby:"GHI"}),g.createElement(v,{button:"5","data-testid":m.sendBoxTelephoneKeypadButton5,onClick:p,ruby:"JKL"}),g.createElement(v,{button:"6","data-testid":m.sendBoxTelephoneKeypadButton6,onClick:x,ruby:"MNO"}),g.createElement(v,{button:"7","data-testid":m.sendBoxTelephoneKeypadButton7,onClick:y,ruby:"PQRS"}),g.createElement(v,{button:"8","data-testid":m.sendBoxTelephoneKeypadButton8,onClick:k,ruby:"TUV"}),g.createElement(v,{button:"9","data-testid":m.sendBoxTelephoneKeypadButton9,onClick:S,ruby:"WXYZ"}),g.createElement(v,{button:"*","data-testid":m.sendBoxTelephoneKeypadButtonStar,onClick:M}),g.createElement(v,{button:"0","data-testid":m.sendBoxTelephoneKeypadButton0,onClick:B,ruby:"+"}),g.createElement(v,{button:"#","data-testid":m.sendBoxTelephoneKeypadButtonPound,onClick:H})),g.createElement("div",{className:n["telephone-keypad__info-message"]},g.createElement(ce,null),g.createElement(gn,{linkClassName:n["telephone-keypad__info-message-link"],stringIds:"TELEPHONE_KEYPAD_INPUT_MESSAGE"})))});Bt.displayName="TelephoneKeypad";var Tt=Bt;var Ct=wn(e=>C()[0]?fn.createElement(Tt,{...e}):null);Ct.displayName="TelephoneKeypad.Surrogate";var Te=Ct;import{hooks as kn}from"botframework-webchat-component";import J,{useCallback as At,useRef as Nn,memo as Sn}from"react";import{useRefFrom as Bn}from"use-ref-from";import{hooks as _n}from"botframework-webchat-api";import Ce from"classnames";import Me,{memo as He}from"react";var q={sendbox__toolbar:"Ka","sendbox__toolbar-button":"Oa","sendbox__toolbar-button--selected":"Ea","sendbox__toolbar-separator":"qa"};var{useUIState:Mt}=_n,yn=e=>e.preventDefault(),F=He(e=>{let t=c(q),[o]=Mt(),a=e.disabled||o==="disabled";return Me.createElement("button",{"aria-disabled":a?"true":void 0,"aria-label":e["aria-label"],className:Ce(t["sendbox__toolbar-button"],e.className,{[t["sendbox__toolbar-button--selected"]]:e.selected}),"data-testid":e["data-testid"],onClick:a?yn:e.onClick,tabIndex:a?-1:void 0,type:e.type==="submit"?"submit":"button"},e.children)});F.displayName="ToolbarButton";var Ae=He(e=>{let[t]=Mt(),o=c(q);return Me.createElement("div",{className:Ce(o.sendbox__toolbar,e.className)},t!=="blueprint"&&e.children)});Ae.displayName="Toolbar";var Fe=He(e=>{let t=c(q);return Me.createElement("div",{"aria-orientation":"vertical",className:Ce(t["sendbox__toolbar-separator"],e.className),role:"separator"})});Fe.displayName="ToolbarSeparator";var Ht={"sendbox__add-attachment":"Ja","sendbox__add-attachment-input":"Qa"};var{useLocalizer:Tn,useStyleOptions:Cn}=kn;function Mn(e){let t=Nn(null),o=c(Ht),a=Tn(),[{uploadAccept:r,uploadMultiple:n}]=Cn(),l=Bn(e.onFilesAdded),i=At(()=>t.current?.click(),[t]),b=At(({target:{files:h}})=>{h&&(l.current?.([...h]),t.current&&(t.current.value=""))},[t,l]);return J.createElement("div",{className:o["sendbox__add-attachment"]},J.createElement("input",{accept:r,"aria-disabled":e.disabled,"aria-hidden":"true",className:o["sendbox__add-attachment-input"],multiple:n,onInput:e.disabled?void 0:b,readOnly:e.disabled,ref:t,role:"button",tabIndex:-1,type:"file"}),J.createElement(F,{"aria-label":a("TEXT_INPUT_UPLOAD_BUTTON_ALT"),"data-testid":m.sendBoxUploadButton,onClick:i},J.createElement(ie,null)))}var Ft=Sn(Mn);import{hooks as An}from"botframework-webchat-component";import Fn from"classnames";import zn,{memo as Ln}from"react";var zt={sendbox__attachment:"Ya"};var{useLocalizer:En,useUIState:Pn}=An,Dn={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 In({attachments:e,className:t}){let[o]=Pn(),a=c(zt),r=En({plural:!0});return o!=="blueprint"&&e.length?zn.createElement("div",{className:Fn(a.sendbox__attachment,t)},r(Dn,e.length)):null}var Lt=Ln(In);import{useLiveRegion as Vn}from"botframework-webchat-component/internal";import Pt,{memo as On}from"react";var Et={"sendbox__error-message":"Za"};function Dt({error:e,id:t}){let o=c(Et);return Vn(()=>e&&Pt.createElement("div",{className:"sendbox__error-message__status"},e),[e]),Pt.createElement("span",{className:o["sendbox__error-message"],id:t},e)}Dt.displayName="ErrorMessage";var It=On(Dt);import{hooks as Wn}from"botframework-webchat-component";import{useCallback as Kn,useMemo as Rt,useState as Xn}from"react";import{useRefFrom as Un}from"use-ref-from";var{useConnectivityStatus:jn,useLocalizer:Gn}=Wn,Zn=({attachments:e,message:t})=>{let[o]=jn(),[a,r]=Xn(),n=Gn(),l=Un(o!=="connected"&&o!=="reconnected"?"offline":!t&&!e.length?"empty":void 0),i=Rt(()=>Object.freeze(new Map().set("empty",n("SEND_BOX_IS_EMPTY_TOOLTIP_ALT")).set("offline",n("CONNECTIVITY_STATUS_ALT_FATAL"))),[n]),b=!!t?.trim();a==="empty"&&b&&r(void 0);let h=Kn(()=>(r(l.current),l.current),[l]);return Rt(()=>Object.freeze([a&&i.get(a),h]),[a,i,h])},Vt=Zn;import{useCallback as $n}from"react";import{hooks as Yn}from"botframework-webchat-component";var{useScrollDown:qn,useScrollUp:Jn}=Yn;function ze(){let e=qn(),t=Jn();return $n(o=>{if(o.target instanceof HTMLTextAreaElement&&o.target.value)return;let{ctrlKey:a,metaKey:r,shiftKey:n}=o;if(a||r||n)return;let l=!0;switch(o.key){case"End":e({displacement:1/0});break;case"Home":t({displacement:1/0});break;case"PageDown":e();break;case"PageUp":t();break;default:l=!1;break}l&&(o.preventDefault(),o.stopPropagation())},[e,t])}import{useMemo as Qn}from"react";function Le(e){let t=Qn(()=>Math.random().toString(36).substr(2,5),[]);return e=e?`${e}--`:"",`${e}${t}`}var Ee={sendbox:"ha","variant-copilot":"ae","sendbox__text-counter":"sa","sendbox__text-counter--error":"ua",sendbox__sendbox:"ee","sendbox__attachment--in-grid":"wa","sendbox__text-area--in-grid":"re","sendbox__sendbox-controls--in-grid":"oe","sendbox__telephone-keypad--in-grid":"te","sendbox__sendbox-text":"ce","sendbox__sendbox-controls":"le"};import Ot,{memo as ti,useCallback as oi}from"react";import{hooks as ai}from"botframework-webchat-component";var{useLocalizer:ri}=ai,Wt=ti(()=>{let[e,t]=C(),o=ri(),a=oi(()=>t(r=>!r),[t]);return Ot.createElement(F,{"aria-label":o("TEXT_INPUT_TELEPHONE_KEYPAD_BUTTON_ALT"),"data-testid":m.sendBoxTelephoneKeypadToolbarButton,onClick:a,selected:e},Ot.createElement(se,null))});Wt.displayName="SendBox.TelephoneKeypadToolbarButton";var Kt=Wt;import{hooks as ii}from"botframework-webchat-api";import Q from"classnames";import X,{forwardRef as ci,Fragment as li,useCallback as Pe,useRef as si}from"react";var Xt={"sendbox__text-area":"ie","sendbox__text-area--hidden":"ne","sendbox__text-area--in-completion":"be","sendbox__text-area-doppelganger":"ga","sendbox__text-area-input":"va","sendbox__text-area-shared":"de","sendbox__text-area--scroll":"he"};var{useUIState:di}=ii,Ut=ci((e,t)=>{let[o]=di(),a=c(Xt),r=si(!1),n=o==="disabled",l=Pe(()=>{r.current=!1},[r]),i=Pe(()=>{r.current=!0},[r]),b=Pe(h=>{!h.shiftKey&&h.key==="Enter"&&!r.current&&(h.preventDefault(),"form"in h.target&&h.target.form instanceof HTMLFormElement&&h.target?.form?.requestSubmit())},[]);return X.createElement("div",{className:Q(a["sendbox__text-area"],a["sendbox__text-area--scroll"],{[a["sendbox__text-area--hidden"]]:e.hidden},{[a["sendbox__text-area--in-completion"]]:e.completion},e.className),role:e.hidden?"hidden":void 0},o==="blueprint"?X.createElement("div",{className:Q(a["sendbox__text-area-doppelganger"],a["sendbox__text-area-shared"])}," "):X.createElement(li,null,X.createElement("div",{className:Q(a["sendbox__text-area-doppelganger"],a["sendbox__text-area-shared"])},e.completion?e.completion:e.value||e.placeholder," "),X.createElement("textarea",{"aria-disabled":n,"aria-label":e["aria-label"],className:Q(a["sendbox__text-area-input"],a["sendbox__text-area-shared"]),"data-testid":e["data-testid"],onClick:e.onClick,onCompositionEnd:l,onCompositionStart:i,onInput:e.onInput,onKeyDown:b,placeholder:e.placeholder,readOnly:n,ref:t,rows:e.startRows??1,tabIndex:e.hidden?-1:void 0,value:e.value})))});Ut.displayName="TextArea";var jt=Ut;var{useFocus:mi,useLocalizer:pi,useMakeThumbnail:gi,useRegisterFocusSendBox:fi,useSendBoxAttachments:wi,useSendBoxValue:vi,useSendMessage:_i,useStyleOptions:yi,useUIState:xi}=bi;function $t(e){let[{hideTelephoneKeypadButton:t,hideUploadButton:o,maxMessageLength:a}]=yi(),[r,n]=wi(),[l,i]=vi(),[b,h]=hi(""),[s]=C(),[d]=xi(),u=c(Ee),p=T(Ee),x=Le("sendbox__error-message-id"),y=ui(null),k=pi(),S=gi(),B=_i(),M=mi(),H=e.isPrimary?l:b,L=e.isPrimary?i:h,j=d==="blueprint",[We,Ke]=Vt({message:H,attachments:r}),R=!!a&&H.length>a,uo=!j&&!s&&a&&isFinite(a),Xe=!j&&s;fi(z(({noKeyboard:w})=>{let{current:V}=y;w&&V?.setAttribute("inputmode","none"),V?.focus()},[y]));let Ue=Gt(r),je=Gt(H),ho=z(w=>{"tabIndex"in w.target&&typeof w.target.tabIndex=="number"&&w.target.tabIndex>=0||M("sendBox")},[M]),mo=z(w=>L(w.currentTarget.value),[L]),Ge=z(async w=>{let V=Object.freeze(await Promise.all(w.map(Ze=>S(Ze).then($e=>Object.freeze({blob:Ze,...$e&&{thumbnailURL:$e}})))));n(V)},[S,n]),po=z(({currentTarget:w})=>w.removeAttribute("inputmode"),[]),go=z(w=>{w.preventDefault(),Ke()!=="empty"&&!R&&(B(je.current,void 0,{attachments:Ue.current}),L(""),n([])),M("sendBox")},[Ke,R,M,B,L,je,Ue,n]),fo=z(w=>B(`/DTMFKey ${w}`),[B]),wo=ze(),vo={"aria-invalid":"false",...We&&{"aria-describedby":x,"aria-errormessage":x,"aria-invalid":"true"}};return f.createElement("form",{...vo,className:U(u.sendbox,p,e.className),"data-testid":m.sendBoxContainer,onSubmit:go},f.createElement(ke,null),f.createElement("div",{className:U(u.sendbox__sendbox),onClickCapture:ho,onKeyDown:wo},f.createElement(jt,{"aria-label":k(R?"TEXT_INPUT_LENGTH_EXCEEDED_ALT":"TEXT_INPUT_ALT"),className:U(u["sendbox__sendbox-text"],u["sendbox__text-area--in-grid"]),completion:e.completion,"data-testid":m.sendBoxTextBox,hidden:Xe,onClick:po,onInput:mo,placeholder:e.placeholder??k("TEXT_INPUT_PLACEHOLDER"),ref:y,value:H}),f.createElement(Te,{autoFocus:!0,className:u["sendbox__telephone-keypad--in-grid"],isHorizontal:!1,onButtonClick:fo}),f.createElement(Lt,{attachments:r,className:u["sendbox__attachment--in-grid"]}),f.createElement("div",{className:U(u["sendbox__sendbox-controls"],u["sendbox__sendbox-controls--in-grid"])},uo&&f.createElement("div",{className:U(u["sendbox__text-counter"],{[u["sendbox__text-counter--error"]]:R})},`${H.length}/${a}`),f.createElement(Ae,null,!t&&f.createElement(Kt,null),!o&&f.createElement(Ft,{onFilesAdded:Ge}),f.createElement(Fe,null),f.createElement(F,{"aria-label":k("TEXT_INPUT_SEND_BUTTON_ALT"),"data-testid":m.sendBoxSendButton,disabled:R||Xe,type:"submit"},f.createElement(le,null)))),f.createElement(he,{onFilesAdded:Ge}),f.createElement(It,{error:We,id:x})))}var ee=Zt(e=>f.createElement($t,{...e,isPrimary:!0}));ee.displayName="PrimarySendBox";var Yt=Zt($t);import{DecoratorComposer as ec}from"botframework-webchat-api/decorator";import{Components as tc}from"botframework-webchat-component";import{WebChatDecorator as oc}from"botframework-webchat-component/decorator";import N,{memo as ac}from"react";import Ei from"classnames";import eo,{Fragment as Pi,memo as Di}from"react";import{hooks as Bi}from"botframework-webchat-component";import Ti,{memo as Ci,useCallback as Re,useEffect as Mi,useRef as Hi}from"react";import{useRefFrom as Ai}from"use-ref-from";import{useContext as Si}from"react";import{createContext as ki}from"react";var Ni={urlStateMap:{get(){throw new Error("urlMap cannot be used outside of <AssetComposerContext>.")}}},qt=ki(Object.create({},Ni));qt.displayName="AssetComposerContext";var te=qt;function De(){return Si(te)}function Ie(e){let t=De().urlStateMap.get(e);if(!t)throw new Error(`botframework-webchat-fluent-theme internal: Asset "${e}" was not found.`);return t}var{useLocalizer:Fi,useShouldReduceMotion:zi}=Bi,Jt=({className:e})=>{let[t]=zi(),[o]=Ie("sliding dots"),a=Fi(),r=Hi(null),n=a("TYPING_INDICATOR_ALT"),l=Ai(t),i=Re(()=>{let s=r.current?.contentDocument,d=s?.documentElement,{SVGSVGElement:u}=s?.defaultView||{};u&&d instanceof u&&d.pauseAnimations()},[r]),b=Re(()=>{let s=r.current?.contentDocument,d=s?.documentElement,{SVGSVGElement:u}=s?.defaultView||{};u&&d instanceof u&&d.unpauseAnimations()},[r]),h=Re(()=>l.current?i():b(),[i,l,b]);return Mi(h,[h,t]),Ti.createElement("object",{"aria-label":n,className:e,data:o.href,onLoad:h,ref:r,type:"image/svg+xml"})};Jt.displayName="SlidingDots";var oe=Ci(Jt);var Qt={"activity-loader":"se","variant-fluent":"ue"};function Ii({children:e}){let t=c(Qt),o=T(t);return eo.createElement(Pi,null,e,eo.createElement(oe,{className:Ei(t["activity-loader"],o)}))}var to=Di(Ii);import Ri,{memo as Vi,useEffect as Oi,useMemo as oo}from"react";var Wi='<svg xmlns="http://www.w3.org/2000/svg" width="400" height="20" viewBox="0 0 400 20"><defs><linearGradient id="a" x1="0" x2="100%" y1="0" y2="0" gradientUnits="userSpaceOnUse"><stop offset="0%"><animate attributeName="stop-color" dur="2s" keyTimes="0;0.2;0.33;0.5;0.66;0.8;1" repeatCount="indefinite" values="#ad5ae1;#ad5ae1;#0E94E1;#0E94E1;#669fc2;#669fc2;#ad5ae1"/></stop><stop offset="50%"><animate attributeName="stop-color" dur="2s" keyTimes="0;0.2;0.33;0.5;0.66;0.8;1" repeatCount="indefinite" values="#e9618d;#e9618d;#57AB82;#57AB82;#6377e0;#6377e0;#e9618d"/></stop><stop offset="100%"><animate attributeName="stop-color" dur="2s" keyTimes="0;0.2;0.33;0.5;0.66;0.8;1" repeatCount="indefinite" values="#fd9e5f;#fd9e5f;#C6C225;#C6C225;#9b80ec;#9b80ec;#fd9e5f"/></stop></linearGradient></defs><g fill="url(#a)"><rect height="20" rx="10"><animate attributeName="x" dur="2s" keyTimes="0;0.5;0.66;1" repeatCount="indefinite" values="26;26;0;0"/><animate attributeName="width" dur="2s" keyTimes="0;0.2;0.33;0.5;0.66;1" repeatCount="indefinite" values="20;20;30;30;20;20"/><animate attributeName="opacity" dur="2s" keyTimes="0;0.5;0.66;1" repeatCount="indefinite" values="1;1;0;0"/></rect><rect height="20" rx="10"><animate attributeName="x" dur="2s" keyTimes="0;0.2;0.33;0.5;0.66;0.8;1" repeatCount="indefinite" values="62;62;72;72;26;26;0"/><animate attributeName="width" dur="2s" keyTimes="0;0.2;0.33;0.5;0.66;0.8;1" repeatCount="indefinite" values="104;104;20;20;70;70;20"/><animate attributeName="opacity" dur="2s" keyTimes="0;0.8;1" repeatCount="indefinite" values="1;1;0"/></rect><rect height="20" rx="10"><animate attributeName="x" dur="2s" keyTimes="0;0.2;0.33;0.5;0.66;0.8;1" repeatCount="indefinite" values="182;182;108;108;112;112;26"/><animate attributeName="width" dur="2s" keyTimes="0;0.2;0.33;0.5;0.66;1" repeatCount="indefinite" values="20;20;60;60;20;20"/></rect><rect height="20" rx="10"><animate attributeName="x" dur="2s" keyTimes="0;0.2;0.33;0.5;0.66;0.8;1" repeatCount="indefinite" values="218;218;184;184;148;148;62"/><animate attributeName="width" dur="2s" keyTimes="0;0.2;0.33;0.5;0.66;0.8;1" repeatCount="indefinite" values="60;60;80;80;40;40;104"/></rect><rect height="20" rx="10"><animate attributeName="x" dur="2s" keyTimes="0;0.2;0.33;0.5;0.66;0.8;1" repeatCount="indefinite" values="294;294;280;280;204;204;182"/><animate attributeName="width" dur="2s" keyTimes="0;0.2;0.33;0.5;0.66;0.8;1" repeatCount="indefinite" values="40;40;20;20;80;80;20"/></rect><rect height="20" rx="10"><animate attributeName="x" dur="2s" keyTimes="0;0.2;0.33;0.5;0.66;0.8;1" repeatCount="indefinite" values="350;350;316;316;300;300;218"/><animate attributeName="width" dur="2s" keyTimes="0;0.2;0.33;0.5;0.66;0.8;1" repeatCount="indefinite" values="20;20;60;60;20;20;60"/></rect><rect height="20" rx="10"><animate attributeName="x" dur="2s" keyTimes="0;0.2;0.33;0.5;0.66;0.8;1" repeatCount="indefinite" values="386;386;392;392;336;336;294"/><animate attributeName="width" dur="2s" keyTimes="0;0.5;0.66;1" repeatCount="indefinite" values="20;20;40;40"/><animate attributeName="opacity" dur="2s" keyTimes="0;0.5;0.66;1" repeatCount="indefinite" values="0;0;1;1"/></rect><rect width="20" height="20" rx="10"><animate attributeName="x" dur="2s" keyTimes="0;0.2;0.33;0.5;0.66;0.8;1" repeatCount="indefinite" values="422;422;428;428;392;392;350"/><animate attributeName="opacity" dur="2s" keyTimes="0;0.8;1" repeatCount="indefinite" values="0;0;1"/></rect></g></svg>',ao=Vi(({children:e})=>{let t=oo(()=>URL.createObjectURL(new Blob([Wi],{type:"image/svg+xml"})),[]);Oi(()=>()=>URL.revokeObjectURL(t),[t]);let o=oo(()=>Object.freeze({urlStateMap:new Map([["sliding dots",Object.freeze([new URL(t)])]])}),[t]);return Ri.createElement(te.Provider,{value:o},e)});ao.displayName="AssetComposer";var ro=ao;function ae(e){return!!(e&&e.from.role==="channel"&&e.type==="message"&&"text"in e)}import io,{memo as Xi}from"react";var no={"liner-message-activity":"we","liner-message-activity__text":"ge"};var co=({activity:e})=>{let t=c(no);return io.createElement("div",{className:t["liner-message-activity"],role:"separator"},io.createElement("span",{className:t["liner-message-activity__text"]},e.text))};co.displayName="LinerMessageActivity";var Ve=Xi(co);import ji from"react";import Gi from"classnames";var Oe={theme:"_","variant-copilot":"ea"};var Zi="webchat-fluent";function re(e){let t=c(Oe),o=T(Oe);return ji.createElement("div",{className:Gi(Zi,t.theme,o)},e.children)}import{testIds as Yi}from"botframework-webchat-component";import qi from"classnames";import so,{memo as Ji}from"react";var lo={"sliding-dots-typing-indicator":"ve","sliding-dots-typing-indicator__image":"pe"};function Qi(){let e=c(lo);return so.createElement("div",{className:e["sliding-dots-typing-indicator"],"data-testid":Yi.typingIndicator},so.createElement(oe,{className:qi(e["sliding-dots-typing-indicator__image"])}))}var bo=Ji(Qi);var{ThemeProvider:rc}=tc,nc=Object.freeze([()=>e=>(...t)=>{let o=t[0]?.activity;if(E(o))return()=>N.createElement(we,{activity:o});if(ae(o))return()=>N.createElement(Ve,{activity:o});let a=e(...t);return a&&((...r)=>N.createElement(fe,{activity:o},a(...r)))}]),ic=[()=>()=>()=>ee],cc=Object.freeze([e=>e==="activity border"&&(t=>o=>o.livestreamingState==="preparing"?to:t(o))]),lc=de(),sc=Object.freeze({feedbackActionsPlacement:"activity-actions"}),dc=Object.freeze([()=>e=>(...t)=>t[0].visible?N.createElement(bo,null):e(...t)]);function bc({children:e,variant:t="fluent"}){return N.createElement(qe,{variant:t},N.createElement(re,null,N.createElement(Ne,null,N.createElement(rc,{activityMiddleware:nc,sendBoxMiddleware:ic,styleOptions:sc,styles:lc,typingIndicatorMiddleware:dc},N.createElement(ro,null,N.createElement(oc,null,N.createElement(ec,{middleware:cc},e)))))))}var uc=ac(bc);var mc="tsup",pc="esmodules",gc="4.18.1-hotfix.20260127.b53acdf",Fh={buildTool:mc,moduleFormat:pc,version:gc};hc("botframework-webchat:fluent-theme","version=4.18.1-hotfix.20260127.b53acdf; build-tool=tsup; module-format=esmodules");export{Yt as FluentSendBox,uc as FluentThemeProvider,Fh as buildInfo,m as testIds};
|
|
2
2
|
/*! For license information please see botframework-webchat-fluent-theme.mjs.LEGAL.txt */
|
|
3
3
|
//# sourceMappingURL=botframework-webchat-fluent-theme.mjs.map
|