botframework-webchat-fluent-theme 4.17.1-main.20240708.c9247bf → 4.17.1

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

@@ -1,3 +1,3 @@
-"use strict";var zt=Object.create;var Y=Object.defineProperty;var Ot=Object.getOwnPropertyDescriptor;var Ut=Object.getOwnPropertyNames;var Zt=Object.getPrototypeOf,jt=Object.prototype.hasOwnProperty;var Wt=(e,t)=>{for(var o in t)Y(e,o,{get:t[o],enumerable:!0})},Ae=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Ut(t))!jt.call(e,n)&&n!==o&&Y(e,n,{get:()=>t[n],enumerable:!(r=Ot(t,n))||r.enumerable});return e};var i=(e,t,o)=>(o=e!=null?zt(Zt(e)):{},Ae(t||!e||!e.__esModule?Y(o,"default",{value:e,enumerable:!0}):o,e)),Xt=e=>Ae(Y({},"__esModule",{value:!0}),e);var mr={};Wt(mr,{FluentThemeProvider:()=>Lt,buildInfo:()=>ur,testIds:()=>f});module.exports=Xt(mr);var It=require("inject-meta-tag");var Ht=require("botframework-webchat-component"),U=i(require("react"));var M=i(require("react"));var Me=require("react"),He=(0,Me.createContext)(new Proxy({},{get(){throw new Error("botframework-webchat: This hook can only used under its corresponding <Provider>.")}}));He.displayName="TelephoneKeypad.Context";var q=He;var Gt=(0,M.memo)(({children:e})=>{let[t,o]=(0,M.useState)(!1),r=(0,M.useMemo)(()=>Object.freeze({setShown:o,shown:t}),[o,t]);return M.default.createElement(q.Provider,{value:r},e)}),ce=Gt;var ee=i(require("react"));var Ke=require("botframework-webchat-component"),Re=i(require("classnames")),l=i(require("react")),ge=require("use-ref-from");var N=i(require("react")),De=require("use-ref-from");var Le={"telephone-keypad__button":"r","telephone-keypad__button__ruby":"e","telephone-keypad__button__text":"o","telephone-keypad--horizontal":"l"};var Vt=".webchat-fluent .r{-webkit-user-select:none;align-items:center;-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:100%;border:solid 1px var(--webchat-colorNeutralStroke1);color:var(--webchat-colorGray200);font-weight:var(--webchat-fontWeightSemibold);cursor:pointer;display:flex;flex-direction:column;height:60px;opacity:.7;padding:0;position:relative;touch-action:none;user-select:none;width:60px}.webchat-fluent .r:hover{background-color:var(--webchat-colorGray30)}.webchat-fluent .e{color:var(--webchat-colorGray190);font-size:10px}.webchat-fluent .o{font-size:24px;margin-top:8px}.webchat-fluent .l .r{height:32px;justify-content:center;margin:8px 4px;width:32px}.webchat-fluent .l .e{display:none}.webchat-fluent .l .o{font-size:20px;margin-top:0}.webchat-fluent .c{align-items:center;background:var(--webchat-colorNeutralBackground1);border:none;border-radius:var(--webchat-borderRadiusXLarge);display:flex;flex-direction:column;font-family:var(--webchat-fontFamilyBase);justify-content:center}.webchat-fluent .n{box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);justify-items:center;padding:16px;width:100%}.webchat-fluent .d{align-items:center;color:var(--webchat-colorNeutralForeground4);display:flex;font-size:12px;gap:6px;margin-block-end:6px}.webchat-fluent .i{color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .i:target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .i:hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .i:active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .i:focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent.a{display:contents;--webchat-colorNeutralForeground1: var(--colorNeutralForeground1, #242424);--webchat-colorNeutralForeground2: var(--colorNeutralForeground2, #424242);--webchat-colorNeutralForeground4: var(--colorNeutralForeground4, #707070);--webchat-colorNeutralForeground2BrandHover: var(--colorNeutralForeground2BrandHover, #02729c);--webchat-colorNeutralForeground2BrandPressed: var(--colorNeutralForeground2BrandPressed, #01678c);--webchat-colorNeutralForeground2BrandSelected: var(--colorNeutralForeground2BrandSelected, #067191);--webchat-colorNeutralForegroundDisabled: var(--colorNeutralForegroundDisabled, #bdbdbd);--webchat-colorNeutralBackground1: var(--colorNeutralBackground1, #ffffff);--webchat-colorNeutralBackground4: var(--colorNeutralBackground4, #f0f0f0);--webchat-colorNeutralBackground5: var(--colorNeutralBackground5, #ebebeb);--webchat-colorNeutralStroke1: var(--colorNeutralStroke1, #d1d1d1);--webchat-colorNeutralStroke2: var(--colorNeutralStroke2, #e0e0e0);--webchat-colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected, #bdbdbd);--webchat-colorStrokeFocus2: var(--colorStrokeFocus2, #000000);--webchat-colorBrandStroke2: var(--colorBrandStroke2, #9edcf7);--webchat-colorBrandForeground2Hover: var(--colorBrandForeground2Hover, #015a7a);--webchat-colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed, #01384d);--webchat-colorBrandForegroundLink: var(--colorBrandForegroundLink, #01678c);--webchat-colorBrandForegroundLinkHover: var(--colorBrandForegroundLinkHover, #015a7a);--webchat-colorBrandForegroundLinkPressed: var(--colorBrandForegroundLinkPressed, #014259);--webchat-colorBrandForegroundLinkSelected: var(--colorBrandForegroundLinkSelected, #01678c);--webchat-colorBrandBackground2Hover: var(--colorBrandBackground2Hover, #bee7fa);--webchat-colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed, #7fd2f5);--webchat-colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover, #02729c);--webchat-colorStatusDangerForeground1: var(--colorStatusDangerForeground1, #b10e1c);--webchat-colorGray30: var(--colorGray30, #edebe9);--webchat-colorGray160: var(--colorGray160, #323130);--webchat-colorGray190: var(--colorGray190, #201f1e);--webchat-colorGray200: var(--colorGray200, #1b1a19);--webchat-borderRadiusSmall: var(--borderRadiusSmall, 2px);--webchat-borderRadiusLarge: var(--borderRadiusLarge, 6px);--webchat-borderRadiusXLarge: var(--borderRadiusXLarge, 8px);--webchat-shadow16: var(--shadow16, 0 6.4px 14.4px 0 rgba(0, 0, 0, .132), 0 1.2px 3.6px 0 rgba(0, 0, 0, .108));--webchat-spacingHorizontalMNudge: var(--spacingHorizontalMNudge, 10px);--webchat-fontFamilyBase: var(--fontFamilyBase, \"Segoe UI\", \"Segoe UI Web (West European)\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif);--webchat-fontFamilyNumeric: var(--fontFamilyNumeric, Bahnschrift, \"Segoe UI\", \"Segoe UI Web (West European)\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif);--webchat-fontWeightSemibold: var(--fontWeightSemibold, 600);--webchat-strokeWidthThicker: var(--strokeWidthThicker, 3px);--webchat-durationUltraFast: var(--durationUltraFast, 0);--webchat-durationNormal: var(--durationNormal, .2s);--webchat-curveAccelerateMid: var(--curveAccelerateMid, cubic-bezier(1,0,1,1));--webchat-curveDecelerateMid: var(--curveDecelerateMid, cubic-bezier(0,0,0,1))}@media (prefers-reduced-motion){.webchat-fluent.a{--webchat-durationUltraFast: .01ms;--webchat-durationNormal: .01ms}}.webchat-fluent .b{background-color:var(--webchat-colorNeutralBackground4);border-radius:inherit;cursor:copy;display:grid;gap:8px;inset:0;place-content:center;place-items:center;position:absolute}.webchat-fluent .u{background-color:#e00;color:#fff}.webchat-fluent .h{height:36px;pointer-events:none;width:36px}.webchat-fluent .s{align-items:center;background:transparent;border-radius:8px;border:1px solid var(--webchat-colorBrandStroke2);color:currentColor;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;text-align:start;transition:all .15s ease-out}@media (hover: hover){.webchat-fluent .s:not([aria-disabled=true]):hover{background-color:var(--webchat-colorBrandBackground2Hover);color:var(--webchat-colorBrandForeground2Hover)}}.webchat-fluent .s:not([aria-disabled=true]):active{background-color:var(--webchat-colorBrandBackground2Pressed);color:var(--webchat-colorBrandForeground2Pressed)}.webchat-fluent .s[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .g{font-size:12px;height:1em;width:1em}.webchat-fluent .p{align-items:flex-end;align-self:flex-end;display:flex;flex-direction:column;gap:8px}.webchat-fluent .p:not(:empty){padding-block-end:8px;padding-inline-start:4px}.webchat-fluent .p.w{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.webchat-fluent .p.v{flex-direction:column}.webchat-fluent .f{display:flex;gap:4px;margin-inline-start:auto}.webchat-fluent .x{align-items:center;-webkit-appearance:none;appearance:none;aspect-ratio:1;background:transparent;border-radius:var(--webchat-borderRadiusSmall);border:none;color:currentColor;cursor:pointer;display:flex;justify-content:center;padding:3px;width:32px}.webchat-fluent .x>svg{font-size:20px;pointer-events:none}.webchat-fluent .x.k{color:var(--webchat-colorNeutralForeground2BrandSelected)}@media (hover: hover){.webchat-fluent .x:not([aria-disabled=true]):hover{color:var(--webchat-colorNeutralForeground2BrandHover)}}.webchat-fluent .x:not([aria-disabled=true]):active{color:var(--webchat-colorNeutralForeground2BrandPressed)}.webchat-fluent .x[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .m{align-self:center;border-inline-end:1px solid var(--webchat-colorNeutralStroke2);height:28px}.webchat-fluent .m:is(:first-child,:last-child,:only-child){display:none}.webchat-fluent .B{display:grid}.webchat-fluent .F{font-size:0;height:0;opacity:0;width:1px}.webchat-fluent .y{border-radius:var(--webchat-borderRadiusLarge);border:1px solid var(--webchat-colorNeutralStroke1);cursor:default;padding:6px 8px;width:fit-content}.webchat-fluent .N{color:transparent;font-size:0;height:0;left:0;position:absolute;top:0;width:0}.webchat-fluent .S{display:grid;grid-template-areas:\"main\";max-height:200px;overflow:hidden}.webchat-fluent .z{height:0;visibility:collapse}.webchat-fluent .L{border:none;font:inherit;grid-area:main;outline:inherit;overflow-wrap:anywhere;resize:inherit;scrollbar-gutter:stable}.webchat-fluent .H{overflow:hidden;visibility:hidden;white-space:pre-wrap}.webchat-fluent .W{background-color:inherit;color:currentColor;height:100%;padding:0}.webchat-fluent .P{scrollbar-color:unset;scrollbar-width:unset;-moz-scrollbar-color:var(--webchat-colorNeutralBackground5) var(--webchat-colorNeutralForeground2);-moz-scrollbar-width:thin}.webchat-fluent .P::-webkit-scrollbar{width:8px}.webchat-fluent .P::-webkit-scrollbar-track{background-color:var(--webchat-colorNeutralBackground5);border-radius:16px}.webchat-fluent .P::-webkit-scrollbar-thumb{background-color:var(--webchat-colorNeutralForeground2);border-radius:16px}.webchat-fluent .P::-webkit-scrollbar-corner{background-color:var(--webchat-colorNeutralBackground5)}.webchat-fluent .R{color:var(--webchat-colorNeutralForeground1);font-family:var(--webchat-fontFamilyBase);padding:0 10px 10px;text-rendering:optimizeLegibility;--webchat-sendbox-attachment-area-active: ;--webchat-sendbox-border-radius: var(--webchat-borderRadiusLarge)}.webchat-fluent .G{background-color:var(--webchat-colorNeutralBackground1);border-radius:var(--webchat-sendbox-border-radius);border:1px solid var(--webchat-colorNeutralStroke1);display:grid;font-family:var(--webchat-fontFamilyBase);font-size:14px;gap:6px;grid-template:[telephone-keypad-start] \"text-area\" [telephone-keypad-end] var(--webchat-sendbox-attachment-area-active) \"controls\" / [telephone-keypad] 1fr;line-height:20px;padding:8px;position:relative}.webchat-fluent .G:has(.t){--webchat-sendbox-attachment-area-active: \"attachment\" }.webchat-fluent .G:focus-within{border-color:var(--webchat-colorNeutralStroke1Selected)}.webchat-fluent .G:after{border-bottom-left-radius:var(--webchat-sendbox-border-radius);border-bottom-right-radius:var(--webchat-sendbox-border-radius);border-bottom:var(--webchat-strokeWidthThicker) solid var(--webchat-colorCompoundBrandForeground1Hover);bottom:-1px;clip-path:inset(calc(100% - var(--webchat-strokeWidthThicker)) 50% 0 50%);content:\"\";height:var(--webchat-sendbox-border-radius);left:-1px;position:absolute;right:-1px;transition:clip-path var(--webchat-durationUltraFast) var(--webchat-curveAccelerateMid)}.webchat-fluent .G:focus-within:after{clip-path:inset(calc(100% - var(--webchat-strokeWidthThicker)) 0 0 0);transition:clip-path var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent .G>.D{grid-area:text-area}.webchat-fluent .G>.t{grid-area:attachment}.webchat-fluent .G>.M{grid-area:controls}.webchat-fluent .G>.U{grid-area:telephone-keypad}.webchat-fluent .C{background-color:transparent;border:none;flex:auto;font-family:var(--webchat-fontFamilyBase);font-size:14px;line-height:20px;outline:none;padding:4px 4px 0;resize:none}@media only screen and (hover: none) and (pointer: coarse){.webchat-fluent .C:focus-within{font-size:16px}}.webchat-fluent .j{align-items:center;display:flex;padding-inline-start:4px}.webchat-fluent .T{color:var(--webchat-colorNeutralForeground4);cursor:default;font-family:var(--webchat-fontFamilyNumeric);font-size:10px;line-height:14px;margin-inline-end:4px}.webchat-fluent .I{color:var(--webchat-colorStatusDangerForeground1)}\n/*! For license information please see botframework-webchat-fluent-theme.css.LEGAL.txt */\n";function J(){if(globalThis.document){let e=document.createElement("style");e.append(document.createTextNode(Vt)),document.head.appendChild(e)}}var Ie=require("react");function Yt(e){return(0,Ie.useMemo)(()=>Object.freeze(Object.fromEntries(Object.entries(e).map(([t,o])=>[t,`${t} ${o}`]))),[e])}var m=Yt;var Pe=(0,N.memo)((0,N.forwardRef)(({button:e,"data-testid":t,onClick:o,ruby:r},n)=>{let c=m(Le),p=(0,De.useRefFrom)(o),a=(0,N.useCallback)(()=>p.current?.(),[p]);return N.default.createElement("button",{className:c["telephone-keypad__button"],"data-testid":t,onClick:a,ref:n,type:"button"},N.default.createElement("span",{className:c["telephone-keypad__button__text"]},e==="*"?"\u2217":e),!!r&&N.default.createElement("ruby",{className:c["telephone-keypad__button__ruby"]},r))}));Pe.displayName="TelephoneKeypad.Button";var w=Pe;var qt={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"},f=qt;var Q=require("react");function S(){let{setShown:e,shown:t}=(0,Q.useContext)(q);return(0,Q.useMemo)(()=>Object.freeze([t,e]),[t,e])}var ue={"telephone-keypad":"c","telephone-keypad__box":"n","telephone-keypad__info-message":"d","telephone-keypad__info-message-link":"i"};var j=i(require("react"));function Qt(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 me=(0,j.memo)(Qt);var W=i(require("react"));function eo(e){return W.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"},W.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 pe=(0,W.memo)(eo);var X=i(require("react"));function to(e){return X.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"},X.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 be=(0,X.memo)(to);var G=i(require("react"));function oo(e){return G.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"},G.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,G.memo)(oo);var $=i(require("react"));function ro(e){return $.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"},$.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 he=(0,$.memo)(ro);var{LocalizedString:no}=Ke.Components,ze=(0,l.memo)(({children:e,isHorizontal:t})=>{let o=m(ue);return t?null:l.default.createElement("div",{className:o["telephone-keypad__box"]},e)});ze.displayName="TelephoneKeypad:Orientation";var Oe=(0,l.memo)(({autoFocus:e,className:t,onButtonClick:o,isHorizontal:r})=>{let n=(0,ge.useRefFrom)(e),c=m(ue),p=(0,l.useRef)(null),a=(0,ge.useRefFrom)(o),[,b]=S(),x=(0,l.useCallback)(()=>a.current?.("1"),[a]),s=(0,l.useCallback)(()=>a.current?.("2"),[a]),d=(0,l.useCallback)(()=>a.current?.("3"),[a]),g=(0,l.useCallback)(()=>a.current?.("4"),[a]),y=(0,l.useCallback)(()=>a.current?.("5"),[a]),A=(0,l.useCallback)(()=>a.current?.("6"),[a]),C=(0,l.useCallback)(()=>a.current?.("7"),[a]),F=(0,l.useCallback)(()=>a.current?.("8"),[a]),_=(0,l.useCallback)(()=>a.current?.("9"),[a]),B=(0,l.useCallback)(()=>a.current?.("0"),[a]),P=(0,l.useCallback)(()=>a.current?.("*"),[a]),z=(0,l.useCallback)(()=>a.current?.("#"),[a]),le=(0,l.useCallback)(de=>{de.key==="Escape"&&b(!1)},[b]);return(0,l.useEffect)(()=>{n.current&&p.current?.focus()},[n,p]),l.default.createElement("div",{className:(0,Re.default)(c["telephone-keypad"],t),onKeyDown:le},l.default.createElement(ze,{isHorizontal:r},l.default.createElement(w,{button:"1","data-testid":f.sendBoxTelephoneKeypadButton1,onClick:x,ref:p}),l.default.createElement(w,{button:"2","data-testid":f.sendBoxTelephoneKeypadButton2,onClick:s,ruby:"ABC"}),l.default.createElement(w,{button:"3","data-testid":f.sendBoxTelephoneKeypadButton3,onClick:d,ruby:"DEF"}),l.default.createElement(w,{button:"4","data-testid":f.sendBoxTelephoneKeypadButton4,onClick:g,ruby:"GHI"}),l.default.createElement(w,{button:"5","data-testid":f.sendBoxTelephoneKeypadButton5,onClick:y,ruby:"JKL"}),l.default.createElement(w,{button:"6","data-testid":f.sendBoxTelephoneKeypadButton6,onClick:A,ruby:"MNO"}),l.default.createElement(w,{button:"7","data-testid":f.sendBoxTelephoneKeypadButton7,onClick:C,ruby:"PQRS"}),l.default.createElement(w,{button:"8","data-testid":f.sendBoxTelephoneKeypadButton8,onClick:F,ruby:"TUV"}),l.default.createElement(w,{button:"9","data-testid":f.sendBoxTelephoneKeypadButton9,onClick:_,ruby:"WXYZ"}),l.default.createElement(w,{button:"*","data-testid":f.sendBoxTelephoneKeypadButtonStar,onClick:P}),l.default.createElement(w,{button:"0","data-testid":f.sendBoxTelephoneKeypadButton0,onClick:B,ruby:"+"}),l.default.createElement(w,{button:"#","data-testid":f.sendBoxTelephoneKeypadButtonPound,onClick:z})),l.default.createElement("div",{className:c["telephone-keypad__info-message"]},l.default.createElement(be,null),l.default.createElement(no,{linkClassName:c["telephone-keypad__info-message-link"],stringIds:"TELEPHONE_KEYPAD_INPUT_MESSAGE"})))});Oe.displayName="TelephoneKeypad";var Ue=Oe;var Ze=(0,ee.memo)(e=>S()[0]?ee.default.createElement(Ue,{...e}):null);Ze.displayName="TelephoneKeypad.Surrogate";var xe=Ze;var We=i(require("react")),Xe=i(require("classnames"));var je={theme:"a"};var so="webchat-fluent";function te(e){let t=m(je);return We.default.createElement("div",{className:(0,Xe.default)(so,t.theme)},e.children)}var Mt=require("botframework-webchat-component"),O=i(require("classnames")),u=i(require("react")),Ee=require("use-ref-from");var Ve=require("botframework-webchat-component"),Ye=i(require("classnames")),T=i(require("react")),qe=require("use-ref-from");var Ge={"sendbox__attachment-drop-zone":"b","sendbox__attachment-drop-zone--droppable":"u","sendbox__attachment-drop-zone-icon":"h"};var{useLocalizer:io}=Ve.hooks,co=e=>{e.preventDefault()},$e=e=>!!e.dataTransfer?.types?.some(t=>t.toLowerCase()==="files");function uo(e,t){let o=e.parentNode;for(;o;){if(o===t)return!0;o=o.parentNode}return!1}var Je=e=>{let[t,o]=(0,T.useState)(!1),r=m(Ge),n=(0,T.useRef)(null),c=io(),p=(0,qe.useRefFrom)(e.onFilesAdded);(0,T.useEffect)(()=>{let b=0,x=d=>{b++,$e(d)&&o(n.current&&(d.target===n.current||d.target instanceof HTMLElement&&uo(d.target,n.current))?"droppable":"visible")},s=()=>--b<=0&&o(!1);return document.addEventListener("dragenter",x,!1),document.addEventListener("dragleave",s,!1),()=>{document.removeEventListener("dragenter",x),document.removeEventListener("dragleave",s)}},[o]);let a=(0,T.useCallback)(b=>{b.preventDefault(),o(!1),$e(b.nativeEvent)&&p.current([...b.dataTransfer.files])},[p,o]);return t?T.default.createElement("div",{className:(0,Ye.default)(r["sendbox__attachment-drop-zone"],{[r["sendbox__attachment-drop-zone--droppable"]]:t==="droppable"}),"data-testid":f.sendBoxDropZone,onDragOver:co,onDrop:a,ref:n},T.default.createElement(me,{className:r["sendbox__attachment-drop-zone-icon"]}),c("TEXT_INPUT_DROP_ZONE")):null};Je.displayName="DropZone";var ye=(0,T.memo)(Je);var lt=require("botframework-webchat-component"),dt=i(require("classnames")),E=i(require("react"));var nt=require("botframework-webchat-component"),at=i(require("classnames")),L=i(require("react"));var Qe={"suggested-action":"s","suggested-action__image":"g"};var H=i(require("react")),po=e=>e.preventDefault(),bo=(0,H.forwardRef)(({"aria-hidden":e,children:t,disabled:o,onClick:r,tabIndex:n,...c},p)=>{let a=(0,H.useRef)(null);return H.default.createElement("button",{"aria-disabled":o?"true":"false","aria-hidden":e,onClick:o?po:r,ref:p||a,tabIndex:n,...o&&{"aria-disabled":"true",tabIndex:-1},...c,type:"button"},t)}),et=(0,H.memo)(bo);var h=i(require("react")),tt=(0,h.createContext)({itemEffector:()=>{throw new Error("botframework-webchat-fluent-theme rovingFocus: no provider for RovingFocusContext.")}});function fo(e){let t=(0,h.useRef)(0),o=(0,h.useRef)([]),r=(0,h.useCallback)(({current:s},d)=>s&&(s.tabIndex=t.current===d?0:-1),[t]),n=(0,h.useCallback)(s=>{let d;typeof s=="number"?d=s:d=s(t.current),d&&!o.current.at(d)?.current&&(d=0),t.current!==d&&(t.current=d,o.current.forEach((g,y)=>r(g,y)),o.current.at(d)?.current?.focus())},[r,o,t]),c=(0,h.useCallback)(s=>{let{target:d}=s,g=o.current.findIndex(({current:y})=>y===d);g!==-1&&n(g)},[o,n]),p=(0,h.useCallback)(s=>d=>{let g=!e.direction,y=/up|down/iu.test(s)&&e.direction==="vertical",A=/left|right/iu.test(s)&&e.direction==="horizontal",C=/right|down/iu.test(s),F=g||y||A?C?1:-1:0,_=o.current.map((P,z)=>z),B=_.indexOf(d)+F;return _.at(B)??0},[e.direction]),a=(0,h.useCallback)(s=>{let{key:d}=s;switch(d){case"Up":case"ArrowUp":case"Left":case"ArrowLeft":case"Down":case"ArrowDown":case"Right":case"ArrowRight":n(p(d));break;case"Home":n(0);break;case"End":n(-1);break;case"Escape":e.onEscapeKey?.();break;default:return}s.preventDefault(),s.stopPropagation()},[n,p,e]),b=(0,h.useCallback)((s,d)=>{let{current:g}=s;return o.current[Number(d)]=s,g.addEventListener("focus",c),g.addEventListener("keydown",a),r(s,d),()=>{g.removeEventListener("focus",c),g.removeEventListener("keydown",a),delete o.current[Number(d)]}},[c,a,r,o]),x=(0,h.useMemo)(()=>({itemEffector:b}),[b]);return h.default.createElement(tt.Provider,{value:x},e.children)}function ot(e){let t=(0,h.useRef)(null),{itemEffector:o}=(0,h.useContext)(tt);return(0,h.useEffect)(()=>o(t,e)),t}var rt=(0,h.memo)(fo);var{useDisabled:ho,useFocus:go,usePerformCardAction:xo,useScrollToEnd:yo,useStyleSet:vo,useSuggestedActions:wo}=nt.hooks;function To({buttonText:e,className:t,displayText:o,image:r,imageAlt:n,itemIndex:c,text:p,type:a,value:b}){let[x,s]=wo(),[{suggestedAction:d}]=vo(),[g]=ho(),y=go(),A=ot(c),C=xo(),F=m(Qe),_=yo(),B=(0,L.useCallback)(({target:P})=>{(async function(){await y("sendBoxWithoutKeyboard"),C({displayText:o,text:p,type:a,value:b},{target:P}),a==="openUrl"&&s([]),_()})()},[o,y,C,_,s,p,a,b]);return L.default.createElement(et,{className:(0,at.default)(F["suggested-action"],d+"",(t||"")+""),disabled:g,onClick:B,ref:A,type:"button"},r&&L.default.createElement("img",{alt:n,className:F["suggested-action__image"],src:r}),L.default.createElement("span",null,e))}var st=(0,L.memo)(To);function ve(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 we={"suggested-actions":"p","suggested-actions--flow":"w","suggested-actions--stacked":"v"};var{useFocus:_o,useLocalizer:Bo,useStyleOptions:No,useStyleSet:So,useSuggestedActions:Eo}=lt.hooks;function Co(e){let[{suggestedActionLayout:t}]=No(),[{suggestedActions:o}]=So(),r=m(we);return E.default.createElement("div",{"aria-label":e["aria-label"],"aria-live":"polite","aria-orientation":"vertical",className:(0,dt.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 Fo(){let e=m(we),t=Bo(),[o]=Eo(),r=_o(),n=(0,E.useCallback)(()=>{r("sendBox")},[r]),c=o.map((p,a)=>{let{displayText:b,image:x,imageAltText:s,text:d,type:g,value:y}=p;return o?.length?E.default.createElement(st,{buttonText:ve(p),displayText:b,image:x,imageAlt:x&&(s||d),itemIndex:a,key:a,text:d,type:g,value:y}):null});return E.default.createElement(rt,{onEscapeKey:n},E.default.createElement(Co,{"aria-label":t("SUGGESTED_ACTIONS_LABEL_ALT"),className:e["suggested-actions"]},c))}var Te=(0,E.memo)(Fo);var ct=require("botframework-webchat-component"),k=i(require("react")),ut=require("use-ref-from");var re=i(require("classnames")),I=i(require("react"));var oe={sendbox__toolbar:"f","sendbox__toolbar-button":"x","sendbox__toolbar-button--selected":"k","sendbox__toolbar-separator":"m"};var Mo=e=>e.preventDefault(),K=(0,I.memo)(e=>{let t=m(oe);return I.default.createElement("button",{"aria-label":e["aria-label"],className:(0,re.default)(t["sendbox__toolbar-button"],e.className,{[t["sendbox__toolbar-button--selected"]]:e.selected}),"data-testid":e["data-testid"],onClick:e.disabled?Mo:e.onClick,type:e.type==="submit"?"submit":"button",...e.disabled&&{"aria-disabled":"true",tabIndex:-1}},e.children)});K.displayName="ToolbarButton";var ke=(0,I.memo)(e=>{let t=m(oe);return I.default.createElement("div",{className:(0,re.default)(t.sendbox__toolbar,e.className)},e.children)});ke.displayName="Toolbar";var _e=(0,I.memo)(e=>{let t=m(oe);return I.default.createElement("div",{"aria-orientation":"vertical",className:(0,re.default)(t["sendbox__toolbar-separator"],e.className),role:"separator"})});_e.displayName="ToolbarSeparator";var it={"sendbox__add-attachment":"B","sendbox__add-attachment-input":"F"};var{useLocalizer:Lo,useStyleOptions:Io}=ct.hooks;function Do(e){let t=(0,k.useRef)(null),o=m(it),r=Lo(),[{uploadAccept:n,uploadMultiple:c}]=Io(),p=(0,ut.useRefFrom)(e.onFilesAdded),a=(0,k.useCallback)(()=>t.current?.click(),[t]),b=(0,k.useCallback)(({target:{files:x}})=>{x&&(p.current?.([...x]),t.current&&(t.current.value=""))},[t,p]);return k.default.createElement("div",{className:o["sendbox__add-attachment"]},k.default.createElement("input",{accept:n,"aria-disabled":e.disabled,"aria-hidden":"true",className:o["sendbox__add-attachment-input"],multiple:c,onInput:e.disabled?void 0:b,readOnly:e.disabled,ref:t,role:"button",tabIndex:-1,type:"file"}),k.default.createElement(K,{"aria-label":r("TEXT_INPUT_UPLOAD_BUTTON_ALT"),"data-testid":f.sendBoxUploadButton,onClick:a},k.default.createElement(pe,null)))}var mt=(0,k.memo)(Do);var bt=require("botframework-webchat-component"),ne=i(require("react")),ft=i(require("classnames"));var pt={sendbox__attachment:"y"};var{useLocalizer:Ko}=bt.hooks,Ro={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 zo({attachments:e,className:t}){let o=m(pt),r=Ko({plural:!0});return e.length?ne.default.createElement("div",{className:(0,ft.default)(o.sendbox__attachment,t)},r(Ro,e.length)):null}var ht=(0,ne.memo)(zo);var ae=i(require("react"));var gt={"sendbox__error-message":"N"};function Uo(e){let t=m(gt);return ae.default.createElement("span",{className:t["sendbox__error-message"],id:e.id,role:"alert"},e.error)}var xt=(0,ae.memo)(Uo);var R=i(require("react")),yt=require("botframework-webchat-component");var{useLocalizer:Zo}=yt.hooks,vt=(0,R.memo)(()=>{let[e,t]=S(),o=Zo(),r=(0,R.useCallback)(()=>t(n=>!n),[t]);return R.default.createElement(K,{"aria-label":o("TEXT_INPUT_TELEPHONE_KEYPAD_BUTTON_ALT"),"data-testid":f.sendBoxTelephoneKeypadToolbarButton,onClick:r,selected:e},R.default.createElement(he,null))});vt.displayName="SendBox.TelephoneKeypadToolbarButton";var wt=vt;var se=i(require("classnames")),D=i(require("react"));var Tt={"sendbox__text-area":"S","sendbox__text-area--hidden":"z","sendbox__text-area-shared":"L","sendbox__text-area-doppelganger":"H","sendbox__text-area-input":"W","sendbox__text-area-input--scroll":"P"};var kt=(0,D.forwardRef)((e,t)=>{let o=m(Tt),r=(0,D.useCallback)(n=>{!n.shiftKey&&n.key==="Enter"&&(n.preventDefault(),"form"in n.target&&n.target.form instanceof HTMLFormElement&&n.target?.form?.requestSubmit())},[]);return D.default.createElement("div",{className:(0,se.default)(o["sendbox__text-area"],{[o["sendbox__text-area--hidden"]]:e.hidden},e.className),role:e.hidden?"hidden":void 0},D.default.createElement("div",{className:(0,se.default)(o["sendbox__text-area-doppelganger"],o["sendbox__text-area-shared"],o["sendbox__text-area-input--scroll"])},e.value||e.placeholder," "),D.default.createElement("textarea",{"aria-label":e["aria-label"],className:(0,se.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}))});kt.displayName="TextArea";var _t=kt;var Bt=require("botframework-webchat-component"),Be=require("react"),Nt=require("use-ref-from"),{useConnectivityStatus:Wo,useLocalizer:Xo}=Bt.hooks,Go=({attachments:e,message:t})=>{let[o]=Wo(),r=Xo(),n=(0,Nt.useRefFrom)(o!=="connected"&&o!=="reconnected"?"offline":!t&&!e.length?"empty":void 0),c=(0,Be.useMemo)(()=>Object.freeze(new Map().set("empty",r("SEND_BOX_IS_EMPTY_TOOLTIP_ALT")).set("offline",r("CONNECTIVITY_STATUS_ALT_FATAL"))),[r]);return(0,Be.useMemo)(()=>Object.freeze([n,n.current&&c.get(n.current)]),[c,n])},St=Go;var Et=require("react");function Ne(e){let t=(0,Et.useMemo)(()=>Math.random().toString(36).substr(2,5),[]);return e=e?`${e}--`:"",`${e}${t}`}var Ct={sendbox:"R",sendbox__sendbox:"G","sendbox__attachment--in-grid":"t","sendbox__text-area--in-grid":"D","sendbox__sendbox-controls--in-grid":"M","sendbox__telephone-keypad--in-grid":"U","sendbox__sendbox-text":"C","sendbox__sendbox-controls":"j","sendbox__text-counter":"T","sendbox__text-counter--error":"I"};var Ft=require("react"),At=require("botframework-webchat-component"),{useScrollDown:Vo,useScrollUp:Yo}=At.hooks;function Se(){let e=Vo(),t=Yo();return(0,Ft.useCallback)(o=>{if(o.target instanceof HTMLTextAreaElement&&o.target.value)return;let{ctrlKey:r,metaKey:n,shiftKey:c}=o;if(r||n||c)return;let p=!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:p=!1;break}p&&(o.preventDefault(),o.stopPropagation())},[e,t])}var{useFocus:qo,useLocalizer:Jo,useMakeThumbnail:Qo,useRegisterFocusSendBox:er,useSendBoxAttachments:tr,useSendMessage:or,useStyleOptions:rr}=Mt.hooks;function nr(e){let t=(0,u.useRef)(null),[o,r]=(0,u.useState)(""),[n,c]=tr(),[{hideTelephoneKeypadButton:p,hideUploadButton:a,maxMessageLength:b}]=rr(),x=!!b&&o.length>b,s=m(Ct),d=Jo(),g=or(),y=Qo(),A=Ne("sendbox__error-message-id"),[C,F]=St({message:o,attachments:n}),[_]=S(),B=qo();er((0,u.useCallback)(({noKeyboard:v,waitUntil:ie})=>{t.current&&(v?ie((async()=>{let Z=t.current?.getAttribute("readonly");t.current?.setAttribute("readonly","true"),await new Promise(V=>setTimeout(V,0)),t.current?.focus(),typeof Z!="string"?t.current?.removeAttribute("readonly"):t.current?.setAttribute("readonly",Z)})()):t.current?.focus())},[t]));let P=(0,Ee.useRefFrom)(n),z=(0,Ee.useRefFrom)(o),le=(0,u.useCallback)(v=>{"tabIndex"in v.target&&typeof v.target.tabIndex=="number"&&v.target.tabIndex>=0||B("sendBox")},[B]),de=(0,u.useCallback)(v=>r(v.currentTarget.value),[r]),Fe=(0,u.useCallback)(async v=>{let ie=Object.freeze(await Promise.all(v.map(Z=>y(Z).then(V=>Object.freeze({blob:Z,...V&&{thumbnailURL:V}})))));c(ie)},[y,c]),Dt=(0,u.useCallback)(v=>{v.preventDefault(),C.current!=="empty"&&!x&&(g(z.current,void 0,{attachments:P.current}),r(""),c([])),B("sendBox")},[P,z,g,c,r,x,C,B]),Pt=(0,u.useCallback)(v=>g(`/DTMFKey ${v}`),[g]),Kt=Se(),Rt={"aria-invalid":"false",...F&&{"aria-invalid":"true","aria-errormessage":A}};return u.default.createElement("form",{...Rt,className:(0,O.default)(s.sendbox,e.className),onSubmit:Dt},u.default.createElement(Te,null),u.default.createElement("div",{className:(0,O.default)(s.sendbox__sendbox),onClickCapture:le,onKeyDown:Kt},u.default.createElement(_t,{"aria-label":d(x?"TEXT_INPUT_LENGTH_EXCEEDED_ALT":"TEXT_INPUT_ALT"),className:(0,O.default)(s["sendbox__sendbox-text"],s["sendbox__text-area--in-grid"]),"data-testid":f.sendBoxTextBox,hidden:_,onInput:de,placeholder:e.placeholder??d("TEXT_INPUT_PLACEHOLDER"),ref:t,value:o}),u.default.createElement(xe,{autoFocus:!0,className:s["sendbox__telephone-keypad--in-grid"],isHorizontal:!1,onButtonClick:Pt}),u.default.createElement(ht,{attachments:n,className:s["sendbox__attachment--in-grid"]}),u.default.createElement("div",{className:(0,O.default)(s["sendbox__sendbox-controls"],s["sendbox__sendbox-controls--in-grid"])},!_&&b&&u.default.createElement("div",{className:(0,O.default)(s["sendbox__text-counter"],{[s["sendbox__text-counter--error"]]:x})},`${o.length}/${b}`),u.default.createElement(ke,null,!p&&u.default.createElement(wt,null),!a&&u.default.createElement(mt,{onFilesAdded:Fe}),u.default.createElement(_e,null),u.default.createElement(K,{"aria-label":d("TEXT_INPUT_SEND_BUTTON_ALT"),"data-testid":f.sendBoxSendButton,disabled:x||_,type:"submit"},u.default.createElement(fe,null)))),u.default.createElement(ye,{onFilesAdded:Fe}),u.default.createElement(xt,{error:F,id:A})))}var Ce=(0,u.memo)(nr);var{ThemeProvider:ar}=Ht.Components,sr=[()=>()=>()=>Ce],lr=({children:e})=>U.default.createElement(te,null,U.default.createElement(ce,null,U.default.createElement(ar,{sendBoxMiddleware:sr},e))),Lt=(0,U.memo)(lr);var dr="tsup",ir="commonjs",cr="4.17.1-main.20240708.c9247bf",ur={buildTool:dr,moduleFormat:ir,version:cr};(0,It.injectMetaTag)("botframework-webchat:fluent-theme","version=4.17.1-main.20240708.c9247bf; build-tool=tsup; module-format=commonjs");J();
+"use strict";var Dt=Object.create;var Y=Object.defineProperty;var Pt=Object.getOwnPropertyDescriptor;var Rt=Object.getOwnPropertyNames;var Kt=Object.getPrototypeOf,zt=Object.prototype.hasOwnProperty;var Ot=(e,t)=>{for(var o in t)Y(e,o,{get:t[o],enumerable:!0})},Fe=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Rt(t))!zt.call(e,n)&&n!==o&&Y(e,n,{get:()=>t[n],enumerable:!(r=Pt(t,n))||r.enumerable});return e};var i=(e,t,o)=>(o=e!=null?Dt(Kt(e)):{},Fe(t||!e||!e.__esModule?Y(o,"default",{value:e,enumerable:!0}):o,e)),Ut=e=>Fe(Y({},"__esModule",{value:!0}),e);var sr={};Ot(sr,{FluentThemeProvider:()=>At,buildInfo:()=>ar,testIds:()=>f});module.exports=Ut(sr);var Mt=require("inject-meta-tag");var Ft=require("botframework-webchat-component"),U=i(require("react"));var M=i(require("react"));var Ae=require("react"),Me=(0,Ae.createContext)(new Proxy({},{get(){throw new Error("botframework-webchat: This hook can only used under its corresponding <Provider>.")}}));Me.displayName="TelephoneKeypad.Context";var q=Me;var Zt=(0,M.memo)(({children:e})=>{let[t,o]=(0,M.useState)(!1),r=(0,M.useMemo)(()=>Object.freeze({setShown:o,shown:t}),[o,t]);return M.default.createElement(q.Provider,{value:r},e)}),ce=Zt;var ee=i(require("react"));var Pe=require("botframework-webchat-component"),Re=i(require("classnames")),l=i(require("react")),ge=require("use-ref-from");var N=i(require("react")),Ie=require("use-ref-from");var He={"telephone-keypad__button":"r","telephone-keypad__button__ruby":"e","telephone-keypad__button__text":"o","telephone-keypad--horizontal":"l"};var Wt=".webchat-fluent .r{-webkit-user-select:none;align-items:center;-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:100%;border:solid 1px var(--webchat-colorNeutralStroke1);color:var(--webchat-colorGray200);font-weight:var(--webchat-fontWeightSemibold);cursor:pointer;display:flex;flex-direction:column;height:60px;opacity:.7;padding:0;position:relative;touch-action:none;user-select:none;width:60px}.webchat-fluent .r:hover{background-color:var(--webchat-colorGray30)}.webchat-fluent .e{color:var(--webchat-colorGray190);font-size:10px}.webchat-fluent .o{font-size:24px;margin-top:8px}.webchat-fluent .l .r{height:32px;justify-content:center;margin:8px 4px;width:32px}.webchat-fluent .l .e{display:none}.webchat-fluent .l .o{font-size:20px;margin-top:0}.webchat-fluent .c{align-items:center;background:var(--webchat-colorNeutralBackground1);border:none;border-radius:var(--webchat-borderRadiusXLarge);display:flex;flex-direction:column;font-family:var(--webchat-fontFamilyBase);justify-content:center}.webchat-fluent .n{box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);justify-items:center;padding:16px;width:100%}.webchat-fluent .d{align-items:center;color:var(--webchat-colorNeutralForeground4);display:flex;font-size:12px;gap:6px;margin-block-end:6px}.webchat-fluent .i{color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .i:target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .i:hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .i:active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .i:focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent.a{display:contents;--webchat-colorNeutralForeground1: var(--colorNeutralForeground1, #242424);--webchat-colorNeutralForeground2: var(--colorNeutralForeground2, #424242);--webchat-colorNeutralForeground4: var(--colorNeutralForeground4, #707070);--webchat-colorNeutralForeground2BrandHover: var(--colorNeutralForeground2BrandHover, #02729c);--webchat-colorNeutralForeground2BrandPressed: var(--colorNeutralForeground2BrandPressed, #01678c);--webchat-colorNeutralForeground2BrandSelected: var(--colorNeutralForeground2BrandSelected, #067191);--webchat-colorNeutralForegroundDisabled: var(--colorNeutralForegroundDisabled, #bdbdbd);--webchat-colorNeutralBackground1: var(--colorNeutralBackground1, #ffffff);--webchat-colorNeutralBackground4: var(--colorNeutralBackground4, #f0f0f0);--webchat-colorNeutralBackground5: var(--colorNeutralBackground5, #ebebeb);--webchat-colorNeutralStroke1: var(--colorNeutralStroke1, #d1d1d1);--webchat-colorNeutralStroke2: var(--colorNeutralStroke2, #e0e0e0);--webchat-colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected, #bdbdbd);--webchat-colorStrokeFocus2: var(--colorStrokeFocus2, #000000);--webchat-colorBrandStroke2: var(--colorBrandStroke2, #9edcf7);--webchat-colorBrandForeground2Hover: var(--colorBrandForeground2Hover, #015a7a);--webchat-colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed, #01384d);--webchat-colorBrandForegroundLink: var(--colorBrandForegroundLink, #01678c);--webchat-colorBrandForegroundLinkHover: var(--colorBrandForegroundLinkHover, #015a7a);--webchat-colorBrandForegroundLinkPressed: var(--colorBrandForegroundLinkPressed, #014259);--webchat-colorBrandForegroundLinkSelected: var(--colorBrandForegroundLinkSelected, #01678c);--webchat-colorBrandBackground2Hover: var(--colorBrandBackground2Hover, #bee7fa);--webchat-colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed, #7fd2f5);--webchat-colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover, #02729c);--webchat-colorStatusDangerForeground1: var(--colorStatusDangerForeground1, #b10e1c);--webchat-colorGray30: var(--colorGray30, #edebe9);--webchat-colorGray160: var(--colorGray160, #323130);--webchat-colorGray190: var(--colorGray190, #201f1e);--webchat-colorGray200: var(--colorGray200, #1b1a19);--webchat-borderRadiusSmall: var(--borderRadiusSmall, 2px);--webchat-borderRadiusLarge: var(--borderRadiusLarge, 6px);--webchat-borderRadiusXLarge: var(--borderRadiusXLarge, 8px);--webchat-shadow16: var(--shadow16, 0 6.4px 14.4px 0 rgba(0, 0, 0, .132), 0 1.2px 3.6px 0 rgba(0, 0, 0, .108));--webchat-spacingHorizontalMNudge: var(--spacingHorizontalMNudge, 10px);--webchat-fontFamilyBase: var(--fontFamilyBase, \"Segoe UI\", \"Segoe UI Web (West European)\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif);--webchat-fontFamilyNumeric: var(--fontFamilyNumeric, Bahnschrift, \"Segoe UI\", \"Segoe UI Web (West European)\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif);--webchat-fontWeightSemibold: var(--fontWeightSemibold, 600);--webchat-strokeWidthThicker: var(--strokeWidthThicker, 3px);--webchat-durationUltraFast: var(--durationUltraFast, 0);--webchat-durationNormal: var(--durationNormal, .2s);--webchat-curveAccelerateMid: var(--curveAccelerateMid, cubic-bezier(1,0,1,1));--webchat-curveDecelerateMid: var(--curveDecelerateMid, cubic-bezier(0,0,0,1))}@media (prefers-reduced-motion){.webchat-fluent.a{--webchat-durationUltraFast: .01ms;--webchat-durationNormal: .01ms}}.webchat-fluent .b{background-color:var(--webchat-colorNeutralBackground4);border-radius:inherit;cursor:copy;display:grid;gap:8px;inset:0;place-content:center;place-items:center;position:absolute}.webchat-fluent .u{background-color:#e00;color:#fff}.webchat-fluent .h{height:36px;pointer-events:none;width:36px}.webchat-fluent .s{align-items:center;background:transparent;border-radius:8px;border:1px solid var(--webchat-colorBrandStroke2);color:currentColor;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;text-align:start;transition:all .15s ease-out}@media (hover: hover){.webchat-fluent .s:not([aria-disabled=true]):hover{background-color:var(--webchat-colorBrandBackground2Hover);color:var(--webchat-colorBrandForeground2Hover)}}.webchat-fluent .s:not([aria-disabled=true]):active{background-color:var(--webchat-colorBrandBackground2Pressed);color:var(--webchat-colorBrandForeground2Pressed)}.webchat-fluent .s[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .g{font-size:12px;height:1em;width:1em}.webchat-fluent .p{align-items:flex-end;align-self:flex-end;display:flex;flex-direction:column;gap:8px}.webchat-fluent .p:not(:empty){padding-block-end:8px;padding-inline-start:4px}.webchat-fluent .p.w{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.webchat-fluent .p.v{flex-direction:column}.webchat-fluent .f{display:flex;gap:4px;margin-inline-start:auto}.webchat-fluent .x{align-items:center;-webkit-appearance:none;appearance:none;aspect-ratio:1;background:transparent;border-radius:var(--webchat-borderRadiusSmall);border:none;color:currentColor;cursor:pointer;display:flex;justify-content:center;padding:3px;width:32px}.webchat-fluent .x>svg{font-size:20px;pointer-events:none}.webchat-fluent .x.k{color:var(--webchat-colorNeutralForeground2BrandSelected)}@media (hover: hover){.webchat-fluent .x:not([aria-disabled=true]):hover{color:var(--webchat-colorNeutralForeground2BrandHover)}}.webchat-fluent .x:not([aria-disabled=true]):active{color:var(--webchat-colorNeutralForeground2BrandPressed)}.webchat-fluent .x[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .m{align-self:center;border-inline-end:1px solid var(--webchat-colorNeutralStroke2);height:28px}.webchat-fluent .m:is(:first-child,:last-child,:only-child){display:none}.webchat-fluent .B{display:grid}.webchat-fluent .F{font-size:0;height:0;opacity:0;width:1px}.webchat-fluent .y{border-radius:var(--webchat-borderRadiusLarge);border:1px solid var(--webchat-colorNeutralStroke1);cursor:default;padding:6px 8px;width:fit-content}.webchat-fluent .N{color:transparent;font-size:0;height:0;left:0;position:absolute;top:0;width:0}.webchat-fluent .S{display:grid;grid-template-areas:\"main\";max-height:200px;overflow:hidden}.webchat-fluent .z{height:0;visibility:collapse}.webchat-fluent .L{border:none;font:inherit;grid-area:main;outline:inherit;overflow-wrap:anywhere;resize:inherit;scrollbar-gutter:stable}.webchat-fluent .H{overflow:hidden;visibility:hidden;white-space:pre-wrap}.webchat-fluent .W{background-color:inherit;color:currentColor;height:100%;padding:0}.webchat-fluent .P{scrollbar-color:unset;scrollbar-width:unset;-moz-scrollbar-color:var(--webchat-colorNeutralBackground5) var(--webchat-colorNeutralForeground2);-moz-scrollbar-width:thin}.webchat-fluent .P::-webkit-scrollbar{width:8px}.webchat-fluent .P::-webkit-scrollbar-track{background-color:var(--webchat-colorNeutralBackground5);border-radius:16px}.webchat-fluent .P::-webkit-scrollbar-thumb{background-color:var(--webchat-colorNeutralForeground2);border-radius:16px}.webchat-fluent .P::-webkit-scrollbar-corner{background-color:var(--webchat-colorNeutralBackground5)}.webchat-fluent .R{color:var(--webchat-colorNeutralForeground1);font-family:var(--webchat-fontFamilyBase);padding:0 10px 10px;text-rendering:optimizeLegibility;--webchat-sendbox-attachment-area-active: ;--webchat-sendbox-border-radius: var(--webchat-borderRadiusLarge)}.webchat-fluent .G{background-color:var(--webchat-colorNeutralBackground1);border-radius:var(--webchat-sendbox-border-radius);border:1px solid var(--webchat-colorNeutralStroke1);display:grid;font-family:var(--webchat-fontFamilyBase);font-size:14px;gap:6px;grid-template:[telephone-keypad-start] \"text-area\" [telephone-keypad-end] var(--webchat-sendbox-attachment-area-active) \"controls\" / [telephone-keypad] 1fr;line-height:20px;padding:8px;position:relative}.webchat-fluent .G:has(.t){--webchat-sendbox-attachment-area-active: \"attachment\" }.webchat-fluent .G:focus-within{border-color:var(--webchat-colorNeutralStroke1Selected)}.webchat-fluent .G:after{border-bottom-left-radius:var(--webchat-sendbox-border-radius);border-bottom-right-radius:var(--webchat-sendbox-border-radius);border-bottom:var(--webchat-strokeWidthThicker) solid var(--webchat-colorCompoundBrandForeground1Hover);bottom:-1px;clip-path:inset(calc(100% - var(--webchat-strokeWidthThicker)) 50% 0 50%);content:\"\";height:var(--webchat-sendbox-border-radius);left:-1px;position:absolute;right:-1px;transition:clip-path var(--webchat-durationUltraFast) var(--webchat-curveAccelerateMid)}.webchat-fluent .G:focus-within:after{clip-path:inset(calc(100% - var(--webchat-strokeWidthThicker)) 0 0 0);transition:clip-path var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent .G>.D{grid-area:text-area}.webchat-fluent .G>.t{grid-area:attachment}.webchat-fluent .G>.M{grid-area:controls}.webchat-fluent .G>.U{grid-area:telephone-keypad}.webchat-fluent .C{background-color:transparent;border:none;flex:auto;font-family:var(--webchat-fontFamilyBase);font-size:14px;line-height:20px;outline:none;padding:4px 4px 0;resize:none}.webchat-fluent .j{align-items:center;display:flex;padding-inline-start:4px}.webchat-fluent .T{color:var(--webchat-colorNeutralForeground4);cursor:default;font-family:var(--webchat-fontFamilyNumeric);font-size:10px;line-height:14px;margin-inline-end:4px}.webchat-fluent .I{color:var(--webchat-colorStatusDangerForeground1)}\n/*! For license information please see botframework-webchat-fluent-theme.css.LEGAL.txt */\n";function J(){if(globalThis.document){let e=document.createElement("style");e.append(document.createTextNode(Wt)),document.head.appendChild(e)}}var Le=require("react");function Xt(e){return(0,Le.useMemo)(()=>Object.freeze(Object.fromEntries(Object.entries(e).map(([t,o])=>[t,`${t} ${o}`]))),[e])}var m=Xt;var De=(0,N.memo)((0,N.forwardRef)(({button:e,"data-testid":t,onClick:o,ruby:r},n)=>{let u=m(He),p=(0,Ie.useRefFrom)(o),a=(0,N.useCallback)(()=>p.current?.(),[p]);return N.default.createElement("button",{className:u["telephone-keypad__button"],"data-testid":t,onClick:a,ref:n,type:"button"},N.default.createElement("span",{className:u["telephone-keypad__button__text"]},e==="star"?"\u2217":e==="pound"?"#":e),!!r&&N.default.createElement("ruby",{className:u["telephone-keypad__button__ruby"]},r))}));De.displayName="TelephoneKeypad.Button";var w=De;var Gt={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"},f=Gt;var Q=require("react");function S(){let{setShown:e,shown:t}=(0,Q.useContext)(q);return(0,Q.useMemo)(()=>Object.freeze([t,e]),[t,e])}var ue={"telephone-keypad":"c","telephone-keypad__box":"n","telephone-keypad__info-message":"d","telephone-keypad__info-message-link":"i"};var j=i(require("react"));function Vt(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 me=(0,j.memo)(Vt);var W=i(require("react"));function Yt(e){return W.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"},W.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 pe=(0,W.memo)(Yt);var X=i(require("react"));function qt(e){return X.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"},X.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 be=(0,X.memo)(qt);var G=i(require("react"));function Jt(e){return G.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"},G.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,G.memo)(Jt);var $=i(require("react"));function Qt(e){return $.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"},$.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 he=(0,$.memo)(Qt);var{LocalizedString:eo}=Pe.Components,Ke=(0,l.memo)(({children:e,isHorizontal:t})=>{let o=m(ue);return t?null:l.default.createElement("div",{className:o["telephone-keypad__box"]},e)});Ke.displayName="TelephoneKeypad:Orientation";var ze=(0,l.memo)(({autoFocus:e,className:t,onButtonClick:o,isHorizontal:r})=>{let n=(0,ge.useRefFrom)(e),u=m(ue),p=(0,l.useRef)(null),a=(0,ge.useRefFrom)(o),[,b]=S(),x=(0,l.useCallback)(()=>a.current?.("1"),[a]),s=(0,l.useCallback)(()=>a.current?.("2"),[a]),d=(0,l.useCallback)(()=>a.current?.("3"),[a]),g=(0,l.useCallback)(()=>a.current?.("4"),[a]),y=(0,l.useCallback)(()=>a.current?.("5"),[a]),A=(0,l.useCallback)(()=>a.current?.("6"),[a]),C=(0,l.useCallback)(()=>a.current?.("7"),[a]),F=(0,l.useCallback)(()=>a.current?.("8"),[a]),_=(0,l.useCallback)(()=>a.current?.("9"),[a]),B=(0,l.useCallback)(()=>a.current?.("0"),[a]),P=(0,l.useCallback)(()=>a.current?.("star"),[a]),z=(0,l.useCallback)(()=>a.current?.("pound"),[a]),le=(0,l.useCallback)(de=>{de.key==="Escape"&&b(!1)},[b]);return(0,l.useEffect)(()=>{n.current&&p.current?.focus()},[n,p]),l.default.createElement("div",{className:(0,Re.default)(u["telephone-keypad"],t),onKeyDown:le},l.default.createElement(Ke,{isHorizontal:r},l.default.createElement(w,{button:"1","data-testid":f.sendBoxTelephoneKeypadButton1,onClick:x,ref:p}),l.default.createElement(w,{button:"2","data-testid":f.sendBoxTelephoneKeypadButton2,onClick:s,ruby:"ABC"}),l.default.createElement(w,{button:"3","data-testid":f.sendBoxTelephoneKeypadButton3,onClick:d,ruby:"DEF"}),l.default.createElement(w,{button:"4","data-testid":f.sendBoxTelephoneKeypadButton4,onClick:g,ruby:"GHI"}),l.default.createElement(w,{button:"5","data-testid":f.sendBoxTelephoneKeypadButton5,onClick:y,ruby:"JKL"}),l.default.createElement(w,{button:"6","data-testid":f.sendBoxTelephoneKeypadButton6,onClick:A,ruby:"MNO"}),l.default.createElement(w,{button:"7","data-testid":f.sendBoxTelephoneKeypadButton7,onClick:C,ruby:"PQRS"}),l.default.createElement(w,{button:"8","data-testid":f.sendBoxTelephoneKeypadButton8,onClick:F,ruby:"TUV"}),l.default.createElement(w,{button:"9","data-testid":f.sendBoxTelephoneKeypadButton9,onClick:_,ruby:"WXYZ"}),l.default.createElement(w,{button:"star","data-testid":f.sendBoxTelephoneKeypadButtonStar,onClick:P}),l.default.createElement(w,{button:"0","data-testid":f.sendBoxTelephoneKeypadButton0,onClick:B,ruby:"+"}),l.default.createElement(w,{button:"pound","data-testid":f.sendBoxTelephoneKeypadButtonPound,onClick:z})),l.default.createElement("div",{className:u["telephone-keypad__info-message"]},l.default.createElement(be,null),l.default.createElement(eo,{linkClassName:u["telephone-keypad__info-message-link"],stringIds:"TELEPHONE_KEYPAD_INPUT_MESSAGE"})))});ze.displayName="TelephoneKeypad";var Oe=ze;var Ue=(0,ee.memo)(e=>S()[0]?ee.default.createElement(Oe,{...e}):null);Ue.displayName="TelephoneKeypad.Surrogate";var xe=Ue;var je=i(require("react")),We=i(require("classnames"));var Ze={theme:"a"};var oo="webchat-fluent";function te(e){let t=m(Ze);return je.default.createElement("div",{className:(0,We.default)(oo,t.theme)},e.children)}var Ct=require("botframework-webchat-component"),O=i(require("classnames")),c=i(require("react")),Se=require("use-ref-from");var $e=require("botframework-webchat-component"),Ve=i(require("classnames")),T=i(require("react")),Ye=require("use-ref-from");var Xe={"sendbox__attachment-drop-zone":"b","sendbox__attachment-drop-zone--droppable":"u","sendbox__attachment-drop-zone-icon":"h"};var{useLocalizer:no}=$e.hooks,ao=e=>{e.preventDefault()},Ge=e=>!!e.dataTransfer?.types?.some(t=>t.toLowerCase()==="files");function so(e,t){let o=e.parentNode;for(;o;){if(o===t)return!0;o=o.parentNode}return!1}var qe=e=>{let[t,o]=(0,T.useState)(!1),r=m(Xe),n=(0,T.useRef)(null),u=no(),p=(0,Ye.useRefFrom)(e.onFilesAdded);(0,T.useEffect)(()=>{let b=0,x=d=>{b++,Ge(d)&&o(n.current&&(d.target===n.current||d.target instanceof HTMLElement&&so(d.target,n.current))?"droppable":"visible")},s=()=>--b<=0&&o(!1);return document.addEventListener("dragenter",x,!1),document.addEventListener("dragleave",s,!1),()=>{document.removeEventListener("dragenter",x),document.removeEventListener("dragleave",s)}},[o]);let a=(0,T.useCallback)(b=>{b.preventDefault(),o(!1),Ge(b.nativeEvent)&&p.current([...b.dataTransfer.files])},[p,o]);return t?T.default.createElement("div",{className:(0,Ve.default)(r["sendbox__attachment-drop-zone"],{[r["sendbox__attachment-drop-zone--droppable"]]:t==="droppable"}),"data-testid":f.sendBoxDropZone,onDragOver:ao,onDrop:a,ref:n},T.default.createElement(me,{className:r["sendbox__attachment-drop-zone-icon"]}),u("TEXT_INPUT_DROP_ZONE")):null};qe.displayName="DropZone";var ye=(0,T.memo)(qe);var st=require("botframework-webchat-component"),lt=i(require("classnames")),E=i(require("react"));var rt=require("botframework-webchat-component"),nt=i(require("classnames")),L=i(require("react"));var Je={"suggested-action":"s","suggested-action__image":"g"};var H=i(require("react")),io=e=>e.preventDefault(),co=(0,H.forwardRef)(({"aria-hidden":e,children:t,disabled:o,onClick:r,tabIndex:n,...u},p)=>{let a=(0,H.useRef)(null);return H.default.createElement("button",{"aria-disabled":o?"true":"false","aria-hidden":e,onClick:o?io:r,ref:p||a,tabIndex:n,...o&&{"aria-disabled":"true",tabIndex:-1},...u,type:"button"},t)}),Qe=(0,H.memo)(co);var h=i(require("react")),et=(0,h.createContext)({itemEffector:()=>{throw new Error("botframework-webchat-fluent-theme rovingFocus: no provider for RovingFocusContext.")}});function uo(e){let t=(0,h.useRef)(0),o=(0,h.useRef)([]),r=(0,h.useCallback)(({current:s},d)=>s&&(s.tabIndex=t.current===d?0:-1),[t]),n=(0,h.useCallback)(s=>{let d;typeof s=="number"?d=s:d=s(t.current),d&&!o.current.at(d)?.current&&(d=0),t.current!==d&&(t.current=d,o.current.forEach((g,y)=>r(g,y)),o.current.at(d)?.current?.focus())},[r,o,t]),u=(0,h.useCallback)(s=>{let{target:d}=s,g=o.current.findIndex(({current:y})=>y===d);g!==-1&&n(g)},[o,n]),p=(0,h.useCallback)(s=>d=>{let g=!e.direction,y=/up|down/iu.test(s)&&e.direction==="vertical",A=/left|right/iu.test(s)&&e.direction==="horizontal",C=/right|down/iu.test(s),F=g||y||A?C?1:-1:0,_=o.current.map((P,z)=>z),B=_.indexOf(d)+F;return _.at(B)??0},[e.direction]),a=(0,h.useCallback)(s=>{let{key:d}=s;switch(d){case"Up":case"ArrowUp":case"Left":case"ArrowLeft":case"Down":case"ArrowDown":case"Right":case"ArrowRight":n(p(d));break;case"Home":n(0);break;case"End":n(-1);break;case"Escape":e.onEscapeKey?.();break;default:return}s.preventDefault(),s.stopPropagation()},[n,p,e]),b=(0,h.useCallback)((s,d)=>{let{current:g}=s;return o.current[Number(d)]=s,g.addEventListener("focus",u),g.addEventListener("keydown",a),r(s,d),()=>{g.removeEventListener("focus",u),g.removeEventListener("keydown",a),delete o.current[Number(d)]}},[u,a,r,o]),x=(0,h.useMemo)(()=>({itemEffector:b}),[b]);return h.default.createElement(et.Provider,{value:x},e.children)}function tt(e){let t=(0,h.useRef)(null),{itemEffector:o}=(0,h.useContext)(et);return(0,h.useEffect)(()=>o(t,e)),t}var ot=(0,h.memo)(uo);var{useDisabled:mo,useFocus:po,usePerformCardAction:bo,useScrollToEnd:fo,useStyleSet:ho,useSuggestedActions:go}=rt.hooks;function xo({buttonText:e,className:t,displayText:o,image:r,imageAlt:n,itemIndex:u,text:p,type:a,value:b}){let[x,s]=go(),[{suggestedAction:d}]=ho(),[g]=mo(),y=po(),A=tt(u),C=bo(),F=m(Je),_=fo(),B=(0,L.useCallback)(({target:P})=>{(async function(){await y("sendBoxWithoutKeyboard"),C({displayText:o,text:p,type:a,value:b},{target:P}),a==="openUrl"&&s([]),_()})()},[o,y,C,_,s,p,a,b]);return L.default.createElement(Qe,{className:(0,nt.default)(F["suggested-action"],d+"",(t||"")+""),disabled:g,onClick:B,ref:A,type:"button"},r&&L.default.createElement("img",{alt:n,className:F["suggested-action__image"],src:r}),L.default.createElement("span",null,e))}var at=(0,L.memo)(xo);function ve(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 we={"suggested-actions":"p","suggested-actions--flow":"w","suggested-actions--stacked":"v"};var{useFocus:vo,useLocalizer:wo,useStyleOptions:To,useStyleSet:ko,useSuggestedActions:_o}=st.hooks;function Bo(e){let[{suggestedActionLayout:t}]=To(),[{suggestedActions:o}]=ko(),r=m(we);return E.default.createElement("div",{"aria-label":e["aria-label"],"aria-live":"polite","aria-orientation":"vertical",className:(0,lt.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 No(){let e=m(we),t=wo(),[o]=_o(),r=vo(),n=(0,E.useCallback)(()=>{r("sendBox")},[r]),u=o.map((p,a)=>{let{displayText:b,image:x,imageAltText:s,text:d,type:g,value:y}=p;return o?.length?E.default.createElement(at,{buttonText:ve(p),displayText:b,image:x,imageAlt:x&&(s||d),itemIndex:a,key:a,text:d,type:g,value:y}):null});return E.default.createElement(ot,{onEscapeKey:n},E.default.createElement(Bo,{"aria-label":t("SUGGESTED_ACTIONS_LABEL_ALT"),className:e["suggested-actions"]},u))}var Te=(0,E.memo)(No);var it=require("botframework-webchat-component"),k=i(require("react")),ct=require("use-ref-from");var re=i(require("classnames")),I=i(require("react"));var oe={sendbox__toolbar:"f","sendbox__toolbar-button":"x","sendbox__toolbar-button--selected":"k","sendbox__toolbar-separator":"m"};var Eo=e=>e.preventDefault(),R=(0,I.memo)(e=>{let t=m(oe);return I.default.createElement("button",{"aria-label":e["aria-label"],className:(0,re.default)(t["sendbox__toolbar-button"],e.className,{[t["sendbox__toolbar-button--selected"]]:e.selected}),"data-testid":e["data-testid"],onClick:e.disabled?Eo:e.onClick,type:e.type==="submit"?"submit":"button",...e.disabled&&{"aria-disabled":"true",tabIndex:-1}},e.children)});R.displayName="ToolbarButton";var ke=(0,I.memo)(e=>{let t=m(oe);return I.default.createElement("div",{className:(0,re.default)(t.sendbox__toolbar,e.className)},e.children)});ke.displayName="Toolbar";var _e=(0,I.memo)(e=>{let t=m(oe);return I.default.createElement("div",{"aria-orientation":"vertical",className:(0,re.default)(t["sendbox__toolbar-separator"],e.className),role:"separator"})});_e.displayName="ToolbarSeparator";var dt={"sendbox__add-attachment":"B","sendbox__add-attachment-input":"F"};var{useLocalizer:Fo,useStyleOptions:Ao}=it.hooks;function Mo(e){let t=(0,k.useRef)(null),o=m(dt),r=Fo(),[{uploadAccept:n,uploadMultiple:u}]=Ao(),p=(0,ct.useRefFrom)(e.onFilesAdded),a=(0,k.useCallback)(()=>t.current?.click(),[t]),b=(0,k.useCallback)(({target:{files:x}})=>{x&&(p.current?.([...x]),t.current&&(t.current.value=""))},[t,p]);return k.default.createElement("div",{className:o["sendbox__add-attachment"]},k.default.createElement("input",{accept:n,"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"}),k.default.createElement(R,{"aria-label":r("TEXT_INPUT_UPLOAD_BUTTON_ALT"),"data-testid":f.sendBoxUploadButton,onClick:a},k.default.createElement(pe,null)))}var ut=(0,k.memo)(Mo);var pt=require("botframework-webchat-component"),ne=i(require("react")),bt=i(require("classnames"));var mt={sendbox__attachment:"y"};var{useLocalizer:Lo}=pt.hooks,Io={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 Do({attachments:e,className:t}){let o=m(mt),r=Lo({plural:!0});return e.length?ne.default.createElement("div",{className:(0,bt.default)(o.sendbox__attachment,t)},r(Io,e.length)):null}var ft=(0,ne.memo)(Do);var ae=i(require("react"));var ht={"sendbox__error-message":"N"};function Ro(e){let t=m(ht);return ae.default.createElement("span",{className:t["sendbox__error-message"],id:e.id,role:"alert"},e.error)}var gt=(0,ae.memo)(Ro);var K=i(require("react")),xt=require("botframework-webchat-component");var{useLocalizer:Ko}=xt.hooks,yt=(0,K.memo)(()=>{let[e,t]=S(),o=Ko(),r=(0,K.useCallback)(()=>t(n=>!n),[t]);return K.default.createElement(R,{"aria-label":o("TEXT_INPUT_TELEPHONE_KEYPAD_BUTTON_ALT"),"data-testid":f.sendBoxTelephoneKeypadToolbarButton,onClick:r,selected:e},K.default.createElement(he,null))});yt.displayName="SendBox.TelephoneKeypadToolbarButton";var vt=yt;var se=i(require("classnames")),D=i(require("react"));var wt={"sendbox__text-area":"S","sendbox__text-area--hidden":"z","sendbox__text-area-shared":"L","sendbox__text-area-doppelganger":"H","sendbox__text-area-input":"W","sendbox__text-area-input--scroll":"P"};var Tt=(0,D.forwardRef)((e,t)=>{let o=m(wt),r=(0,D.useCallback)(n=>{!n.shiftKey&&n.key==="Enter"&&(n.preventDefault(),"form"in n.target&&n.target.form instanceof HTMLFormElement&&n.target?.form?.requestSubmit())},[]);return D.default.createElement("div",{className:(0,se.default)(o["sendbox__text-area"],{[o["sendbox__text-area--hidden"]]:e.hidden},e.className),role:e.hidden?"hidden":void 0},D.default.createElement("div",{className:(0,se.default)(o["sendbox__text-area-doppelganger"],o["sendbox__text-area-shared"],o["sendbox__text-area-input--scroll"])},e.value||e.placeholder," "),D.default.createElement("textarea",{"aria-label":e["aria-label"],className:(0,se.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}))});Tt.displayName="TextArea";var kt=Tt;var _t=require("botframework-webchat-component"),Be=require("react"),Bt=require("use-ref-from"),{useConnectivityStatus:Oo,useLocalizer:Uo}=_t.hooks,Zo=({attachments:e,message:t})=>{let[o]=Oo(),r=Uo(),n=(0,Bt.useRefFrom)(o!=="connected"&&o!=="reconnected"?"offline":!t&&!e.length?"empty":void 0),u=(0,Be.useMemo)(()=>Object.freeze(new Map().set("empty",r("SEND_BOX_IS_EMPTY_TOOLTIP_ALT")).set("offline",r("CONNECTIVITY_STATUS_ALT_FATAL"))),[r]);return(0,Be.useMemo)(()=>Object.freeze([n,n.current&&u.get(n.current)]),[u,n])},Nt=Zo;var St=require("react");function Ne(e){let t=(0,St.useMemo)(()=>Math.random().toString(36).substr(2,5),[]);return e=e?`${e}--`:"",`${e}${t}`}var Et={sendbox:"R",sendbox__sendbox:"G","sendbox__attachment--in-grid":"t","sendbox__text-area--in-grid":"D","sendbox__sendbox-controls--in-grid":"M","sendbox__telephone-keypad--in-grid":"U","sendbox__sendbox-text":"C","sendbox__sendbox-controls":"j","sendbox__text-counter":"T","sendbox__text-counter--error":"I"};var{useFocus:Wo,useLocalizer:Xo,useMakeThumbnail:Go,useRegisterFocusSendBox:$o,useSendBoxAttachments:Vo,useSendMessage:Yo,useStyleOptions:qo}=Ct.hooks;function Jo(e){let t=(0,c.useRef)(null),[o,r]=(0,c.useState)(""),[n,u]=Vo(),[{hideTelephoneKeypadButton:p,hideUploadButton:a,maxMessageLength:b}]=qo(),x=!!b&&o.length>b,s=m(Et),d=Xo(),g=Yo(),y=Go(),A=Ne("sendbox__error-message-id"),[C,F]=Nt({message:o,attachments:n}),[_]=S(),B=Wo();$o((0,c.useCallback)(({noKeyboard:v,waitUntil:ie})=>{t.current&&(v?ie((async()=>{let Z=t.current?.getAttribute("readonly");t.current?.setAttribute("readonly","true"),await new Promise(V=>setTimeout(V,0)),t.current?.focus(),typeof Z!="string"?t.current?.removeAttribute("readonly"):t.current?.setAttribute("readonly",Z)})()):t.current?.focus())},[t]));let P=(0,Se.useRefFrom)(n),z=(0,Se.useRefFrom)(o),le=(0,c.useCallback)(v=>{"tabIndex"in v.target&&typeof v.target.tabIndex=="number"&&v.target.tabIndex>=0||B("sendBox")},[B]),de=(0,c.useCallback)(v=>r(v.currentTarget.value),[r]),Ce=(0,c.useCallback)(async v=>{let ie=Object.freeze(await Promise.all(v.map(Z=>y(Z).then(V=>Object.freeze({blob:Z,...V&&{thumbnailURL:V}})))));u(ie)},[y,u]),Ht=(0,c.useCallback)(v=>{v.preventDefault(),C.current!=="empty"&&!x&&(g(z.current,void 0,{attachments:P.current}),r(""),u([])),B("sendBox")},[P,z,g,u,r,x,C,B]),Lt=(0,c.useCallback)(v=>g(`/DTMF ${v}`),[g]),It={"aria-invalid":"false",...F&&{"aria-invalid":"true","aria-errormessage":A}};return c.default.createElement("form",{...It,className:(0,O.default)(s.sendbox,e.className),onSubmit:Ht},c.default.createElement(Te,null),c.default.createElement("div",{className:(0,O.default)(s.sendbox__sendbox),onClickCapture:le},c.default.createElement(kt,{"aria-label":d(x?"TEXT_INPUT_LENGTH_EXCEEDED_ALT":"TEXT_INPUT_ALT"),className:(0,O.default)(s["sendbox__sendbox-text"],s["sendbox__text-area--in-grid"]),"data-testid":f.sendBoxTextBox,hidden:_,onInput:de,placeholder:e.placeholder??d("TEXT_INPUT_PLACEHOLDER"),ref:t,value:o}),c.default.createElement(xe,{autoFocus:!0,className:s["sendbox__telephone-keypad--in-grid"],isHorizontal:!1,onButtonClick:Lt}),c.default.createElement(ft,{attachments:n,className:s["sendbox__attachment--in-grid"]}),c.default.createElement("div",{className:(0,O.default)(s["sendbox__sendbox-controls"],s["sendbox__sendbox-controls--in-grid"])},!_&&b&&c.default.createElement("div",{className:(0,O.default)(s["sendbox__text-counter"],{[s["sendbox__text-counter--error"]]:x})},`${o.length}/${b}`),c.default.createElement(ke,null,!p&&c.default.createElement(vt,null),!a&&c.default.createElement(ut,{onFilesAdded:Ce}),c.default.createElement(_e,null),c.default.createElement(R,{"aria-label":d("TEXT_INPUT_SEND_BUTTON_ALT"),"data-testid":f.sendBoxSendButton,disabled:x||_,type:"submit"},c.default.createElement(fe,null)))),c.default.createElement(ye,{onFilesAdded:Ce}),c.default.createElement(gt,{error:F,id:A})))}var Ee=(0,c.memo)(Jo);var{ThemeProvider:Qo}=Ft.Components,er=[()=>()=>()=>Ee],tr=({children:e})=>U.default.createElement(te,null,U.default.createElement(ce,null,U.default.createElement(Qo,{sendBoxMiddleware:er},e))),At=(0,U.memo)(tr);var or="tsup",rr="commonjs",nr="4.17.1",ar={buildTool:or,moduleFormat:rr,version:nr};(0,Mt.injectMetaTag)("botframework-webchat:fluent-theme","version=4.17.1; build-tool=tsup; module-format=commonjs");J();
 /*! For license information please see botframework-webchat-fluent-theme.js.LEGAL.txt */
 //# sourceMappingURL=botframework-webchat-fluent-theme.js.map