botframework-webchat-fluent-theme 4.18.1-main.20240808.851825d → 4.18.1-main.20240813.c50aac5

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