botframework-webchat-component 4.18.1-main.20251015.7788726 → 4.18.1-main.20251022.98275e9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/botframework-webchat-component.component.js +1 -1
- package/dist/botframework-webchat-component.component.mjs +1 -1
- package/dist/botframework-webchat-component.decorator.mjs +1 -1
- package/dist/botframework-webchat-component.decorator.mjs.map +1 -1
- package/dist/botframework-webchat-component.hook.js +1 -1
- package/dist/botframework-webchat-component.hook.mjs +1 -1
- package/dist/botframework-webchat-component.internal.js +1 -1
- package/dist/botframework-webchat-component.internal.mjs +1 -1
- package/dist/botframework-webchat-component.js +1 -1
- package/dist/botframework-webchat-component.mjs +1 -1
- package/dist/{chunk-BAUWCUDN.mjs → chunk-4F6LZYQ4.mjs} +2 -2
- package/dist/{chunk-BAUWCUDN.mjs.map → chunk-4F6LZYQ4.mjs.map} +1 -1
- package/dist/{chunk-5B56ZRD4.js → chunk-7VLC7NQ2.js} +2 -2
- package/dist/{chunk-5B56ZRD4.js.map → chunk-7VLC7NQ2.js.map} +1 -1
- package/dist/{chunk-6H4ZYHBT.mjs → chunk-AHWNZ4YH.mjs} +3 -3
- package/dist/{chunk-6H4ZYHBT.mjs.map → chunk-AHWNZ4YH.mjs.map} +1 -1
- package/dist/{chunk-73YJV47H.mjs → chunk-CZ5MRG6Z.mjs} +2 -2
- package/dist/{chunk-73YJV47H.mjs.map → chunk-CZ5MRG6Z.mjs.map} +1 -1
- package/dist/{chunk-74IWB2LS.mjs → chunk-D5H5535X.mjs} +2 -2
- package/dist/{chunk-74IWB2LS.mjs.map → chunk-D5H5535X.mjs.map} +1 -1
- package/dist/{chunk-PKWU5U3T.js → chunk-EIYEGXJZ.js} +2 -2
- package/dist/{chunk-PKWU5U3T.js.map → chunk-EIYEGXJZ.js.map} +1 -1
- package/dist/{chunk-KS7INOU5.js → chunk-LV2PAEVH.js} +2 -2
- package/dist/{chunk-KS7INOU5.js.map → chunk-LV2PAEVH.js.map} +1 -1
- package/dist/{chunk-ZFKGZ4XM.js → chunk-O6SZ66XI.js} +8 -8
- package/dist/{chunk-ZFKGZ4XM.js.map → chunk-O6SZ66XI.js.map} +1 -1
- package/dist/{chunk-O5T4MT2K.js → chunk-RUESPP5Y.js} +2 -2
- package/dist/{chunk-O5T4MT2K.js.map → chunk-RUESPP5Y.js.map} +1 -1
- package/dist/{chunk-VMNBZX3V.mjs → chunk-TKMUGCDK.mjs} +2 -2
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/package.json +9 -9
- /package/dist/{chunk-VMNBZX3V.mjs.map → chunk-TKMUGCDK.mjs.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkO6SZ66XIjs = require('./chunk-O6SZ66XI.js');require('./chunk-I6EXXZUN.js');var _chunkRUESPP5Yjs = require('./chunk-RUESPP5Y.js');require('./chunk-EIYEGXJZ.js');require('./chunk-7VLC7NQ2.js');require('./chunk-P6HWMBMQ.js');exports.AccessKeySinkSurface = _chunkO6SZ66XIjs.A; exports.AttachmentBar = _chunkRUESPP5Yjs.E; exports.AudioContent = _chunkO6SZ66XIjs.a; exports.Avatar = _chunkO6SZ66XIjs.D; exports.BasicConnectivityStatus = _chunkO6SZ66XIjs.x; exports.BasicSendBox = _chunkRUESPP5Yjs.$; exports.BasicSendBoxToolbar = _chunkO6SZ66XIjs.v; exports.BasicToaster = _chunkO6SZ66XIjs.y; exports.BasicTranscript = _chunkO6SZ66XIjs.z; exports.BasicWebChat = _chunkO6SZ66XIjs.B; exports.Bubble = _chunkO6SZ66XIjs.l; exports.Composer = _chunkO6SZ66XIjs.w; exports.DictationInterims = _chunkRUESPP5Yjs.F; exports.ErrorBox = _chunkO6SZ66XIjs.E; exports.FileContent = _chunkO6SZ66XIjs.b; exports.HTMLVideoContent = _chunkO6SZ66XIjs.g; exports.ImageContent = _chunkO6SZ66XIjs.c; exports.LocalizedString = _chunkO6SZ66XIjs.e; exports.MicrophoneButton = _chunkRUESPP5Yjs.M; exports.ReactWebChat = _chunkO6SZ66XIjs.C; exports.SendButton = _chunkRUESPP5Yjs.O; exports.SendStatus = _chunkO6SZ66XIjs.n; exports.SendTextBox = _chunkRUESPP5Yjs.Z; exports.SpeakActivity = _chunkO6SZ66XIjs.t; exports.SuggestedActions = _chunkRUESPP5Yjs.V; exports.TextArea = _chunkO6SZ66XIjs.d; exports.TextContent = _chunkO6SZ66XIjs.f; exports.ThemeProvider = _chunkO6SZ66XIjs.F; exports.Timestamp = _chunkO6SZ66XIjs.p; exports.UploadButton = _chunkO6SZ66XIjs.u; exports.VideoContent = _chunkO6SZ66XIjs.j; exports.VimeoContent = _chunkO6SZ66XIjs.h; exports.YouTubeContent = _chunkO6SZ66XIjs.i;
|
|
2
2
|
//# sourceMappingURL=botframework-webchat-component.component.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{A as B,B as C,C as D,D as E,E as F,F as G,a,b,c,d as k,e as l,f as m,g as n,h as o,i as p,j as q,l as r,n as s,p as t,t as u,u as v,v as w,w as x,x as y,y as z,z as A}from"./chunk-
|
|
1
|
+
import{A as B,B as C,C as D,D as E,E as F,F as G,a,b,c,d as k,e as l,f as m,g as n,h as o,i as p,j as q,l as r,n as s,p as t,t as u,u as v,v as w,w as x,x as y,y as z,z as A}from"./chunk-AHWNZ4YH.mjs";import"./chunk-UKBRB4EA.mjs";import{$ as j,E as d,F as e,M as f,O as g,V as h,Z as i}from"./chunk-D5H5535X.mjs";import"./chunk-CZ5MRG6Z.mjs";import"./chunk-4F6LZYQ4.mjs";import"./chunk-4B4HI4PM.mjs";export{B as AccessKeySinkSurface,d as AttachmentBar,a as AudioContent,E as Avatar,y as BasicConnectivityStatus,j as BasicSendBox,w as BasicSendBoxToolbar,z as BasicToaster,A as BasicTranscript,C as BasicWebChat,r as Bubble,x as Composer,e as DictationInterims,F as ErrorBox,b as FileContent,n as HTMLVideoContent,c as ImageContent,l as LocalizedString,f as MicrophoneButton,D as ReactWebChat,g as SendButton,s as SendStatus,i as SendTextBox,u as SpeakActivity,h as SuggestedActions,k as TextArea,m as TextContent,G as ThemeProvider,t as Timestamp,v as UploadButton,q as VideoContent,o as VimeoContent,p as YouTubeContent};
|
|
2
2
|
//# sourceMappingURL=botframework-webchat-component.component.mjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as f}from"./chunk-UKBRB4EA.mjs";import{b as s,c as d,d as p,e as c}from"./chunk-4B4HI4PM.mjs";import{createActivityBorderMiddleware as S,DecoratorComposer as V}from"botframework-webchat-api/decorator";import t,{Fragment as X,memo as Z}from"react";import{object as $,optional as k,pipe as rr,readonly as ar,string as er}from"valibot";import{useStyleOptions as N}from"botframework-webchat-api/hook";import A,{memo as E}from"react";import{never as B,object as I,optional as z,pipe as P,readonly as W,string as q,undefinedable as T}from"valibot";var D="@property --webchat-decorator-borderFlair-animated-angle{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --webchat-decorator-borderFlair-animated-color1{syntax: \"<color>\"; inherits: true; initial-value: #0000;}@property --webchat-decorator-borderFlair-animated-color2{syntax: \"<color>\"; inherits: true; initial-value: #0000;}@property --webchat-decorator-borderFlair-animated-color3{syntax: \"<color>\"; inherits: true; initial-value: #0000;}@keyframes borderAnimation-angle{0%{--webchat-decorator-borderFlair-animated-angle: .75}to{--webchat-decorator-borderFlair-animated-angle: 2.75}}@keyframes borderAnimation-color1{0%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}33%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}83%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}to{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}}@keyframes borderAnimation-color2{0%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}33%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}83%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}to{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}}@keyframes borderAnimation-color3{0%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}33%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}83%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}to{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}}.webchat .wEWpITq_border-flair{--webchat-decorator-borderFlair-color1: var(--webchat-borderFlair-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderFlair-color2: var(--webchat-borderFlair-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderFlair-color3: var(--webchat-borderFlair-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderFlair-color1Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-color2Fade: var(--webchat-borderFlair-color2Fade, transparent);--webchat-decorator-borderFlair-color3Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-borderSize: var(--webchat-borderFlair-borderSize, 2px);--webchat-decorator-borderFlair-backgroundSize: calc(100% + (2 * var(--webchat-decorator-borderFlair-borderSize)));--webchat-decorator-borderFlair-borderGradient: linear-gradient(calc(var(--webchat-decorator-borderFlair-animated-angle) * 180deg + 45deg), var(--webchat-decorator-borderFlair-animated-color1), var(--webchat-decorator-borderFlair-animated-color2), var(--webchat-decorator-borderFlair-animated-color3));--webchat-decorator-borderFlair-borderMask: linear-gradient(#fff0, #fff0) padding-box, linear-gradient(#fff, #fff) border-box;background:var(--webchat-decorator-borderFlair-borderGradient) center center / var(--webchat-decorator-borderFlair-backgroundSize) var(--webchat-decorator-borderFlair-backgroundSize);border:var(--webchat-decorator-borderFlair-borderSize) solid transparent;border-radius:inherit;isolation:isolate;-webkit-mask:var(--webchat-decorator-borderFlair-borderMask);-webkit-mask-composite:clear;mask:var(--webchat-decorator-borderFlair-borderMask);pointer-events:none;animation:2s linear forwards borderAnimation-angle,1.2s linear forwards borderAnimation-color1,1.2s linear .2s forwards borderAnimation-color2,1.2s linear .4s forwards borderAnimation-color3;position:absolute;inset:0;mask-composite:intersect}.webchat .wEWpITq_border-flair--complete{animation-play-state:paused}@supports ((-moz-appearance: none)){@keyframes borderFlair-animation{0%{--webchat-decorator-borderFlair-animated: 0}1%{--webchat-decorator-borderFlair-animated: .01}2%{--webchat-decorator-borderFlair-animated: .02}3%{--webchat-decorator-borderFlair-animated: .03}4%{--webchat-decorator-borderFlair-animated: .04}5%{--webchat-decorator-borderFlair-animated: .05}6%{--webchat-decorator-borderFlair-animated: .06}7%{--webchat-decorator-borderFlair-animated: .07}8%{--webchat-decorator-borderFlair-animated: .08}9%{--webchat-decorator-borderFlair-animated: .09}10%{--webchat-decorator-borderFlair-animated: .1}11%{--webchat-decorator-borderFlair-animated: .11}12%{--webchat-decorator-borderFlair-animated: .12}13%{--webchat-decorator-borderFlair-animated: .13}14%{--webchat-decorator-borderFlair-animated: .14}15%{--webchat-decorator-borderFlair-animated: .15}16%{--webchat-decorator-borderFlair-animated: .16}17%{--webchat-decorator-borderFlair-animated: .17}18%{--webchat-decorator-borderFlair-animated: .18}19%{--webchat-decorator-borderFlair-animated: .19}20%{--webchat-decorator-borderFlair-animated: .2}21%{--webchat-decorator-borderFlair-animated: .21}22%{--webchat-decorator-borderFlair-animated: .22}23%{--webchat-decorator-borderFlair-animated: .23}24%{--webchat-decorator-borderFlair-animated: .24}25%{--webchat-decorator-borderFlair-animated: .25}26%{--webchat-decorator-borderFlair-animated: .26}27%{--webchat-decorator-borderFlair-animated: .27}28%{--webchat-decorator-borderFlair-animated: .28}29%{--webchat-decorator-borderFlair-animated: .29}30%{--webchat-decorator-borderFlair-animated: .3}31%{--webchat-decorator-borderFlair-animated: .31}32%{--webchat-decorator-borderFlair-animated: .32}33%{--webchat-decorator-borderFlair-animated: .33}34%{--webchat-decorator-borderFlair-animated: .34}35%{--webchat-decorator-borderFlair-animated: .35}36%{--webchat-decorator-borderFlair-animated: .36}37%{--webchat-decorator-borderFlair-animated: .37}38%{--webchat-decorator-borderFlair-animated: .38}39%{--webchat-decorator-borderFlair-animated: .39}40%{--webchat-decorator-borderFlair-animated: .4}41%{--webchat-decorator-borderFlair-animated: .41}42%{--webchat-decorator-borderFlair-animated: .42}43%{--webchat-decorator-borderFlair-animated: .43}44%{--webchat-decorator-borderFlair-animated: .44}45%{--webchat-decorator-borderFlair-animated: .45}46%{--webchat-decorator-borderFlair-animated: .46}47%{--webchat-decorator-borderFlair-animated: .47}48%{--webchat-decorator-borderFlair-animated: .48}49%{--webchat-decorator-borderFlair-animated: .49}50%{--webchat-decorator-borderFlair-animated: .5}51%{--webchat-decorator-borderFlair-animated: .51}52%{--webchat-decorator-borderFlair-animated: .52}53%{--webchat-decorator-borderFlair-animated: .53}54%{--webchat-decorator-borderFlair-animated: .54}55%{--webchat-decorator-borderFlair-animated: .55}56%{--webchat-decorator-borderFlair-animated: .56}57%{--webchat-decorator-borderFlair-animated: .57}58%{--webchat-decorator-borderFlair-animated: .58}59%{--webchat-decorator-borderFlair-animated: .59}60%{--webchat-decorator-borderFlair-animated: .6}61%{--webchat-decorator-borderFlair-animated: .61}62%{--webchat-decorator-borderFlair-animated: .62}63%{--webchat-decorator-borderFlair-animated: .63}64%{--webchat-decorator-borderFlair-animated: .64}65%{--webchat-decorator-borderFlair-animated: .65}66%{--webchat-decorator-borderFlair-animated: .66}67%{--webchat-decorator-borderFlair-animated: .67}68%{--webchat-decorator-borderFlair-animated: .68}69%{--webchat-decorator-borderFlair-animated: .69}70%{--webchat-decorator-borderFlair-animated: .7}71%{--webchat-decorator-borderFlair-animated: .71}72%{--webchat-decorator-borderFlair-animated: .72}73%{--webchat-decorator-borderFlair-animated: .73}74%{--webchat-decorator-borderFlair-animated: .74}75%{--webchat-decorator-borderFlair-animated: .75}76%{--webchat-decorator-borderFlair-animated: .76}77%{--webchat-decorator-borderFlair-animated: .77}78%{--webchat-decorator-borderFlair-animated: .78}79%{--webchat-decorator-borderFlair-animated: .79}80%{--webchat-decorator-borderFlair-animated: .8}81%{--webchat-decorator-borderFlair-animated: .81}82%{--webchat-decorator-borderFlair-animated: .82}83%{--webchat-decorator-borderFlair-animated: .83}84%{--webchat-decorator-borderFlair-animated: .84}85%{--webchat-decorator-borderFlair-animated: .85}86%{--webchat-decorator-borderFlair-animated: .86}87%{--webchat-decorator-borderFlair-animated: .87}88%{--webchat-decorator-borderFlair-animated: .88}89%{--webchat-decorator-borderFlair-animated: .89}90%{--webchat-decorator-borderFlair-animated: .9}91%{--webchat-decorator-borderFlair-animated: .91}92%{--webchat-decorator-borderFlair-animated: .92}93%{--webchat-decorator-borderFlair-animated: .93}94%{--webchat-decorator-borderFlair-animated: .94}95%{--webchat-decorator-borderFlair-animated: .95}96%{--webchat-decorator-borderFlair-animated: .96}97%{--webchat-decorator-borderFlair-animated: .97}98%{--webchat-decorator-borderFlair-animated: .98}99%{--webchat-decorator-borderFlair-animated: .99}to{--webchat-decorator-borderFlair-animated: 1}}.webchat .wEWpITq_border-flair{--webchat-decorator-borderFlair-animated-angle: calc(.75 + 2 * var(--webchat-decorator-borderFlair-animated));--webchat-decorator-borderFlair-animated-color1: color-mix(in srgb, var(--webchat-decorator-borderFlair-color1) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.5))*100%) , var(--webchat-decorator-borderFlair-color1Fade));--webchat-decorator-borderFlair-animated-color2: color-mix(in srgb, var(--webchat-decorator-borderFlair-color2) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.75))*100%) , var(--webchat-decorator-borderFlair-color2Fade));--webchat-decorator-borderFlair-animated-color3: color-mix(in srgb, var(--webchat-decorator-borderFlair-color3) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 2))*100%) , var(--webchat-decorator-borderFlair-color3Fade));animation:2s linear forwards borderFlair-animation}}@keyframes borderAnimation-position{0%{width:33%;left:-33%}to{width:33%;left:100%}}.webchat .w17q6fa_border-loader__track{--webchat-decorator-borderLoader-borderSize: var(--webchat-borderLoader-borderSize, 4px);background-color:var(--webchat-colorNeutralBackground6, #e6e6e6);height:var(--webchat-decorator-borderLoader-borderSize);width:100%;position:relative}.webchat .w17q6fa_border-loader__loader{--webchat-decorator-borderLoader-color1: var(--webchat-borderLoader-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderLoader-color2: var(--webchat-borderLoader-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderLoader-color3: var(--webchat-borderLoader-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderLoader-color1Fade: var(--webchat-borderLoader-color1Fade, transparent);--webchat-decorator-borderLoader-color3Fade: var(--webchat-borderLoader-color1Fade, transparent);background:linear-gradient(90deg,var(--webchat-decorator-borderLoader-color1Fade) 0%,var(--webchat-decorator-borderLoader-color1) 35%,var(--webchat-decorator-borderLoader-color2) 70%,var(--webchat-decorator-borderLoader-color3) 92%,var(--webchat-decorator-borderLoader-color3Fade)) no-repeat;height:var(--webchat-decorator-borderLoader-borderSize);isolation:isolate;width:100%;animation:3s linear infinite borderAnimation-position;position:absolute;inset:0}\n",C=f(D),v=C;var M=P(I({children:z(B()),nonce:T(q())}),W()),O=v("component/decorator");function u(e){let{nonce:a}=d(M,e),[{stylesRoot:r}]=N();return A.createElement(p,{at:r,nonce:a,styleElements:O})}u.displayName="DecoratorStylesheet";var _=E(u);import y,{Fragment as j,memo as G,useCallback as Y,useState as H}from"react";import J from"classnames";var n={"border-flair":"wEWpITq_border-flair","border-flair--complete":"wEWpITq_border-flair--complete"},i=n,vr=n["border-flair"];var ur=n["border-flair--complete"];function K({children:e,showFlair:a=!0}){let r=c(i),[o,w]=H(!1),L=Y(F=>(F.animationName===i["borderAnimation-angle"]||F.animationName===i["borderFlair-animation"])&&w(!0),[]);return!a&&o&&w(!1),y.createElement(j,null,e,a&&y.createElement("div",{className:J(r["border-flair"],o&&r["border-flair--complete"]),onAnimationEnd:L}))}var b=G(K);import h,{Fragment as Q,memo as R}from"react";var m={"border-loader__loader":"w17q6fa_border-loader__loader","border-loader__track":"w17q6fa_border-loader__track"},g=m,Nr=m["border-loader__loader"];var Ar=m["border-loader__track"];function U({children:e,showLoader:a=!0}){let r=c(g);return h.createElement(Q,null,e,a&&h.createElement("div",{className:r["border-loader__track"]},h.createElement("div",{className:r["border-loader__loader"]})))}var l=R(U);var or=Object.freeze([S(function({request:a,Next:r,...o}){return t.createElement(b,{showFlair:o.showFlair??a.livestreamingState==="completing"},t.createElement(r,{...o,showFlair:!1}))}),S(function({request:a,Next:r,...o}){return t.createElement(l,{showLoader:o.showLoader??a.livestreamingState==="preparing"},t.createElement(r,{...o,showLoader:!1}))})]),tr=rr($({children:k(s()),nonce:k(er())}),ar());function dr(e){let{children:a,nonce:r}=d(tr,e);return t.createElement(X,null,t.createElement(_,{nonce:r}),t.createElement(V,{middleware:or},a))}var x=Z(dr);export{b as BorderFlair,l as BorderLoader,x as WebChatDecorator};
|
|
1
|
+
import{a as f}from"./chunk-UKBRB4EA.mjs";import{b as s,c as d,d as p,e as c}from"./chunk-4B4HI4PM.mjs";import{createActivityBorderMiddleware as S,DecoratorComposer as V}from"botframework-webchat-api/decorator";import t,{Fragment as X,memo as Z}from"react";import{object as $,optional as k,pipe as rr,readonly as ar,string as er}from"valibot";import{useStyleOptions as N}from"botframework-webchat-api/hook";import A,{memo as E}from"react";import{never as B,object as I,optional as z,pipe as P,readonly as W,string as q,undefinedable as T}from"valibot";var D="@property --webchat-decorator-borderFlair-animated-angle{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --webchat-decorator-borderFlair-animated-color1{syntax: \"<color>\"; inherits: true; initial-value: #0000;}@property --webchat-decorator-borderFlair-animated-color2{syntax: \"<color>\"; inherits: true; initial-value: #0000;}@property --webchat-decorator-borderFlair-animated-color3{syntax: \"<color>\"; inherits: true; initial-value: #0000;}@keyframes borderAnimation-angle{0%{--webchat-decorator-borderFlair-animated-angle: .75}to{--webchat-decorator-borderFlair-animated-angle: 2.75}}@keyframes borderAnimation-color1{0%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}33%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}83%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}to{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}}@keyframes borderAnimation-color2{0%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}33%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}83%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}to{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}}@keyframes borderAnimation-color3{0%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}33%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}83%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}to{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}}.webchat .wEWpITq_border-flair{--webchat-decorator-borderFlair-color1: var(--webchat-borderFlair-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderFlair-color2: var(--webchat-borderFlair-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderFlair-color3: var(--webchat-borderFlair-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderFlair-color1Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-color2Fade: var(--webchat-borderFlair-color2Fade, transparent);--webchat-decorator-borderFlair-color3Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-borderSize: var(--webchat-borderFlair-borderSize, 2px);--webchat-decorator-borderFlair-backgroundSize: calc(100% + (2 * var(--webchat-decorator-borderFlair-borderSize)));--webchat-decorator-borderFlair-borderGradient: linear-gradient(calc(var(--webchat-decorator-borderFlair-animated-angle) * 180deg + 45deg), var(--webchat-decorator-borderFlair-animated-color1), var(--webchat-decorator-borderFlair-animated-color2), var(--webchat-decorator-borderFlair-animated-color3));--webchat-decorator-borderFlair-borderMask: linear-gradient(#fff0, #fff0) padding-box, linear-gradient(#fff, #fff) border-box;background:var(--webchat-decorator-borderFlair-borderGradient) center center / var(--webchat-decorator-borderFlair-backgroundSize) var(--webchat-decorator-borderFlair-backgroundSize);border:var(--webchat-decorator-borderFlair-borderSize) solid transparent;border-radius:inherit;isolation:isolate;-webkit-mask:var(--webchat-decorator-borderFlair-borderMask);-webkit-mask-composite:clear;mask:var(--webchat-decorator-borderFlair-borderMask);pointer-events:none;animation:2s linear forwards borderAnimation-angle,1.2s linear forwards borderAnimation-color1,1.2s linear .2s forwards borderAnimation-color2,1.2s linear .4s forwards borderAnimation-color3;position:absolute;inset:0;mask-composite:intersect}.webchat .wEWpITq_border-flair--complete{animation-play-state:paused}@supports ((-moz-appearance: none)){@keyframes borderFlair-animation{0%{--webchat-decorator-borderFlair-animated: 0}1%{--webchat-decorator-borderFlair-animated: .01}2%{--webchat-decorator-borderFlair-animated: .02}3%{--webchat-decorator-borderFlair-animated: .03}4%{--webchat-decorator-borderFlair-animated: .04}5%{--webchat-decorator-borderFlair-animated: .05}6%{--webchat-decorator-borderFlair-animated: .06}7%{--webchat-decorator-borderFlair-animated: .07}8%{--webchat-decorator-borderFlair-animated: .08}9%{--webchat-decorator-borderFlair-animated: .09}10%{--webchat-decorator-borderFlair-animated: .1}11%{--webchat-decorator-borderFlair-animated: .11}12%{--webchat-decorator-borderFlair-animated: .12}13%{--webchat-decorator-borderFlair-animated: .13}14%{--webchat-decorator-borderFlair-animated: .14}15%{--webchat-decorator-borderFlair-animated: .15}16%{--webchat-decorator-borderFlair-animated: .16}17%{--webchat-decorator-borderFlair-animated: .17}18%{--webchat-decorator-borderFlair-animated: .18}19%{--webchat-decorator-borderFlair-animated: .19}20%{--webchat-decorator-borderFlair-animated: .2}21%{--webchat-decorator-borderFlair-animated: .21}22%{--webchat-decorator-borderFlair-animated: .22}23%{--webchat-decorator-borderFlair-animated: .23}24%{--webchat-decorator-borderFlair-animated: .24}25%{--webchat-decorator-borderFlair-animated: .25}26%{--webchat-decorator-borderFlair-animated: .26}27%{--webchat-decorator-borderFlair-animated: .27}28%{--webchat-decorator-borderFlair-animated: .28}29%{--webchat-decorator-borderFlair-animated: .29}30%{--webchat-decorator-borderFlair-animated: .3}31%{--webchat-decorator-borderFlair-animated: .31}32%{--webchat-decorator-borderFlair-animated: .32}33%{--webchat-decorator-borderFlair-animated: .33}34%{--webchat-decorator-borderFlair-animated: .34}35%{--webchat-decorator-borderFlair-animated: .35}36%{--webchat-decorator-borderFlair-animated: .36}37%{--webchat-decorator-borderFlair-animated: .37}38%{--webchat-decorator-borderFlair-animated: .38}39%{--webchat-decorator-borderFlair-animated: .39}40%{--webchat-decorator-borderFlair-animated: .4}41%{--webchat-decorator-borderFlair-animated: .41}42%{--webchat-decorator-borderFlair-animated: .42}43%{--webchat-decorator-borderFlair-animated: .43}44%{--webchat-decorator-borderFlair-animated: .44}45%{--webchat-decorator-borderFlair-animated: .45}46%{--webchat-decorator-borderFlair-animated: .46}47%{--webchat-decorator-borderFlair-animated: .47}48%{--webchat-decorator-borderFlair-animated: .48}49%{--webchat-decorator-borderFlair-animated: .49}50%{--webchat-decorator-borderFlair-animated: .5}51%{--webchat-decorator-borderFlair-animated: .51}52%{--webchat-decorator-borderFlair-animated: .52}53%{--webchat-decorator-borderFlair-animated: .53}54%{--webchat-decorator-borderFlair-animated: .54}55%{--webchat-decorator-borderFlair-animated: .55}56%{--webchat-decorator-borderFlair-animated: .56}57%{--webchat-decorator-borderFlair-animated: .57}58%{--webchat-decorator-borderFlair-animated: .58}59%{--webchat-decorator-borderFlair-animated: .59}60%{--webchat-decorator-borderFlair-animated: .6}61%{--webchat-decorator-borderFlair-animated: .61}62%{--webchat-decorator-borderFlair-animated: .62}63%{--webchat-decorator-borderFlair-animated: .63}64%{--webchat-decorator-borderFlair-animated: .64}65%{--webchat-decorator-borderFlair-animated: .65}66%{--webchat-decorator-borderFlair-animated: .66}67%{--webchat-decorator-borderFlair-animated: .67}68%{--webchat-decorator-borderFlair-animated: .68}69%{--webchat-decorator-borderFlair-animated: .69}70%{--webchat-decorator-borderFlair-animated: .7}71%{--webchat-decorator-borderFlair-animated: .71}72%{--webchat-decorator-borderFlair-animated: .72}73%{--webchat-decorator-borderFlair-animated: .73}74%{--webchat-decorator-borderFlair-animated: .74}75%{--webchat-decorator-borderFlair-animated: .75}76%{--webchat-decorator-borderFlair-animated: .76}77%{--webchat-decorator-borderFlair-animated: .77}78%{--webchat-decorator-borderFlair-animated: .78}79%{--webchat-decorator-borderFlair-animated: .79}80%{--webchat-decorator-borderFlair-animated: .8}81%{--webchat-decorator-borderFlair-animated: .81}82%{--webchat-decorator-borderFlair-animated: .82}83%{--webchat-decorator-borderFlair-animated: .83}84%{--webchat-decorator-borderFlair-animated: .84}85%{--webchat-decorator-borderFlair-animated: .85}86%{--webchat-decorator-borderFlair-animated: .86}87%{--webchat-decorator-borderFlair-animated: .87}88%{--webchat-decorator-borderFlair-animated: .88}89%{--webchat-decorator-borderFlair-animated: .89}90%{--webchat-decorator-borderFlair-animated: .9}91%{--webchat-decorator-borderFlair-animated: .91}92%{--webchat-decorator-borderFlair-animated: .92}93%{--webchat-decorator-borderFlair-animated: .93}94%{--webchat-decorator-borderFlair-animated: .94}95%{--webchat-decorator-borderFlair-animated: .95}96%{--webchat-decorator-borderFlair-animated: .96}97%{--webchat-decorator-borderFlair-animated: .97}98%{--webchat-decorator-borderFlair-animated: .98}99%{--webchat-decorator-borderFlair-animated: .99}to{--webchat-decorator-borderFlair-animated: 1}}.webchat .wEWpITq_border-flair{--webchat-decorator-borderFlair-animated-angle: calc(.75 + 2 * var(--webchat-decorator-borderFlair-animated));--webchat-decorator-borderFlair-animated-color1: color-mix(in srgb, var(--webchat-decorator-borderFlair-color1) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.5))*100%) , var(--webchat-decorator-borderFlair-color1Fade));--webchat-decorator-borderFlair-animated-color2: color-mix(in srgb, var(--webchat-decorator-borderFlair-color2) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.75))*100%) , var(--webchat-decorator-borderFlair-color2Fade));--webchat-decorator-borderFlair-animated-color3: color-mix(in srgb, var(--webchat-decorator-borderFlair-color3) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 2))*100%) , var(--webchat-decorator-borderFlair-color3Fade));animation:2s linear forwards borderFlair-animation}}@keyframes borderAnimation-position{0%{width:33%;left:-33%}to{width:33%;left:100%}}.webchat .w17q6fa_border-loader__track{--webchat-decorator-borderLoader-borderSize: var(--webchat-borderLoader-borderSize, 4px);background-color:var(--webchat-colorNeutralBackground6, #e6e6e6);height:var(--webchat-decorator-borderLoader-borderSize);width:100%;position:relative}.webchat .w17q6fa_border-loader__loader{--webchat-decorator-borderLoader-color1: var(--webchat-borderLoader-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderLoader-color2: var(--webchat-borderLoader-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderLoader-color3: var(--webchat-borderLoader-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderLoader-color1Fade: var(--webchat-borderLoader-color1Fade, transparent);--webchat-decorator-borderLoader-color3Fade: var(--webchat-borderLoader-color1Fade, transparent);background:linear-gradient(90deg,var(--webchat-decorator-borderLoader-color1Fade) 0%,var(--webchat-decorator-borderLoader-color1) 35%,var(--webchat-decorator-borderLoader-color2) 70%,var(--webchat-decorator-borderLoader-color3) 92%,var(--webchat-decorator-borderLoader-color3Fade)) no-repeat;height:var(--webchat-decorator-borderLoader-borderSize);isolation:isolate;width:100%;animation:3s linear infinite borderAnimation-position;position:absolute;inset:0}\n",C=f(D),v=C;var M=P(I({children:z(B()),nonce:T(q())}),W()),O=v("component/decorator");function u(e){let{nonce:a}=d(M,e),[{stylesRoot:r}]=N();return A.createElement(p,{at:r,nonce:a,styleElements:O})}u.displayName="DecoratorStylesheet";var _=E(u);import y,{Fragment as j,memo as G,useCallback as Y,useState as H}from"react";import J from"classnames";var n={"border-flair--complete":"wEWpITq_border-flair--complete","border-flair":"wEWpITq_border-flair"},i=n,vr=n["border-flair--complete"];var ur=n["border-flair"];function K({children:e,showFlair:a=!0}){let r=c(i),[o,w]=H(!1),L=Y(F=>(F.animationName===i["borderAnimation-angle"]||F.animationName===i["borderFlair-animation"])&&w(!0),[]);return!a&&o&&w(!1),y.createElement(j,null,e,a&&y.createElement("div",{className:J(r["border-flair"],o&&r["border-flair--complete"]),onAnimationEnd:L}))}var b=G(K);import h,{Fragment as Q,memo as R}from"react";var m={"border-loader__loader":"w17q6fa_border-loader__loader","border-loader__track":"w17q6fa_border-loader__track"},g=m,Nr=m["border-loader__loader"];var Ar=m["border-loader__track"];function U({children:e,showLoader:a=!0}){let r=c(g);return h.createElement(Q,null,e,a&&h.createElement("div",{className:r["border-loader__track"]},h.createElement("div",{className:r["border-loader__loader"]})))}var l=R(U);var or=Object.freeze([S(function({request:a,Next:r,...o}){return t.createElement(b,{showFlair:o.showFlair??a.livestreamingState==="completing"},t.createElement(r,{...o,showFlair:!1}))}),S(function({request:a,Next:r,...o}){return t.createElement(l,{showLoader:o.showLoader??a.livestreamingState==="preparing"},t.createElement(r,{...o,showLoader:!1}))})]),tr=rr($({children:k(s()),nonce:k(er())}),ar());function dr(e){let{children:a,nonce:r}=d(tr,e);return t.createElement(X,null,t.createElement(_,{nonce:r}),t.createElement(V,{middleware:or},a))}var x=Z(dr);export{b as BorderFlair,l as BorderLoader,x as WebChatDecorator};
|
|
2
2
|
//# sourceMappingURL=botframework-webchat-component.decorator.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/decorator/private/WebChatDecorator.tsx","../src/decorator/stylesheet/DecoratorStylesheet.tsx","../src/decorator/stylesheet/createDecoratorStyleElements.ts","../src/decorator/private/BorderFlair.tsx","unplugin-lightningcss:/__w/1/s/BotFramework-WebChat/packages/component/src/decorator/private/BorderFlair.module.css?css_module","../src/decorator/private/BorderLoader.tsx","unplugin-lightningcss:/__w/1/s/BotFramework-WebChat/packages/component/src/decorator/private/BorderLoader.module.css?css_module"],"sourcesContent":["/* eslint-disable prefer-arrow-callback */\nimport { reactNode, validateProps } from '@msinternal/botframework-webchat-react-valibot';\nimport {\n createActivityBorderMiddleware,\n DecoratorComposer,\n type DecoratorMiddleware\n} from 'botframework-webchat-api/decorator';\nimport React, { Fragment, memo } from 'react';\nimport { object, optional, pipe, readonly, string, type InferInput } from 'valibot';\n\nimport DecoratorStylesheet from '../stylesheet/DecoratorStylesheet';\nimport BorderFlair from './BorderFlair';\nimport BorderLoader from './BorderLoader';\n\nconst middleware: readonly DecoratorMiddleware[] = Object.freeze([\n createActivityBorderMiddleware(function BorderFlairDecorator({ request, Next, ...props }) {\n return (\n <BorderFlair showFlair={props.showFlair ?? request.livestreamingState === 'completing'}>\n <Next {...props} showFlair={false} />\n </BorderFlair>\n );\n }),\n createActivityBorderMiddleware(function BorderLoaderDecorator({ request, Next, ...props }) {\n return (\n <BorderLoader showLoader={props.showLoader ?? request.livestreamingState === 'preparing'}>\n <Next {...props} showLoader={false} />\n </BorderLoader>\n );\n })\n]);\n\nconst webChatDecoratorPropsSchema = pipe(\n object({\n children: optional(reactNode()),\n nonce: optional(string())\n }),\n readonly()\n);\n\ntype WebChatDecoratorProps = InferInput<typeof webChatDecoratorPropsSchema>;\n\nfunction WebChatDecorator(props: WebChatDecoratorProps) {\n const { children, nonce } = validateProps(webChatDecoratorPropsSchema, props);\n\n return (\n <Fragment>\n <DecoratorStylesheet nonce={nonce} />\n <DecoratorComposer middleware={middleware}>{children}</DecoratorComposer>\n </Fragment>\n );\n}\n\nexport default memo(WebChatDecorator);\nexport { webChatDecoratorPropsSchema, type WebChatDecoratorProps };\n","// TODO: [P2] This component can be replaced by `bindProps`.\nimport { InjectStyleElements } from '@msinternal/botframework-webchat-styles/react';\nimport { validateProps } from '@msinternal/botframework-webchat-react-valibot';\nimport { useStyleOptions } from 'botframework-webchat-api/hook';\nimport React, { memo, type FunctionComponent } from 'react';\nimport { never, object, optional, pipe, readonly, string, undefinedable, type InferInput } from 'valibot';\n\nimport createDecoratorStyleElements from './createDecoratorStyleElements';\n\nconst decoratorStylesheetPropsSchema = pipe(\n object({\n children: optional(never()),\n nonce: undefinedable(string())\n }),\n readonly()\n);\n\ntype DecoratorStylesheetProps = InferInput<typeof decoratorStylesheetPropsSchema>;\n\nconst styleElements = createDecoratorStyleElements('component/decorator');\n\nfunction DecoratorStylesheet(props: DecoratorStylesheetProps) {\n const { nonce } = validateProps(decoratorStylesheetPropsSchema, props);\n\n const [{ stylesRoot }] = useStyleOptions();\n\n return <InjectStyleElements at={stylesRoot} nonce={nonce} styleElements={styleElements} />;\n}\n\nDecoratorStylesheet.displayName = 'DecoratorStylesheet';\n\nexport default memo(DecoratorStylesheet as FunctionComponent<DecoratorStylesheetProps>);\nexport { decoratorStylesheetPropsSchema, type DecoratorStylesheetProps };\n","import { makeCreateStyles } from '@msinternal/botframework-webchat-styles';\n\nconst decoratorStyleContent = '@--DECORATOR-STYLES-CONTENT--@';\n\nconst createDecoratorStyleElements = makeCreateStyles(decoratorStyleContent);\n\nexport default createDecoratorStyleElements;\nexport { decoratorStyleContent };\n","import React, { Fragment, memo, useCallback, useState, type ReactNode } from 'react';\nimport cx from 'classnames';\nimport { useStyles } from '@msinternal/botframework-webchat-styles/react';\n\nimport styles from './BorderFlair.module.css';\n\nfunction BorderFlair({\n children,\n showFlair = true\n}: Readonly<{ children?: ReactNode | undefined; showFlair?: boolean }>) {\n const classNames = useStyles(styles);\n const [isComplete, setComplete] = useState(false);\n\n const handleAnimationEnd = useCallback(\n event =>\n (event.animationName === styles['borderAnimation-angle'] ||\n event.animationName === styles['borderFlair-animation']) &&\n setComplete(true),\n []\n );\n\n if (!showFlair && isComplete) {\n setComplete(false);\n }\n\n return (\n <Fragment>\n {children}\n {showFlair && (\n <div\n className={cx(classNames['border-flair'], isComplete && classNames['border-flair--complete'])}\n onAnimationEnd={handleAnimationEnd}\n />\n )}\n </Fragment>\n );\n}\n\nexport default memo(BorderFlair);\n","import \"/__w/1/s/BotFramework-WebChat/packages/component/src/decorator/private/BorderFlair.module_built.css\";\nconst classes = {\"border-flair\":\"wEWpITq_border-flair\",\"border-flair--complete\":\"wEWpITq_border-flair--complete\"}\nexport default classes\n\nconst _border_flair0 = classes[\"border-flair\"]\nexport { _border_flair0 as \"border-flair\" }\n\nconst _border_flair__complete0 = classes[\"border-flair--complete\"]\nexport { _border_flair__complete0 as \"border-flair--complete\" }\n","import React, { Fragment, memo, type ReactNode } from 'react';\nimport { useStyles } from '@msinternal/botframework-webchat-styles/react';\n\nimport styles from './BorderLoader.module.css';\n\nfunction BorderLoader({\n children,\n showLoader = true\n}: Readonly<{ children?: ReactNode | undefined; showLoader?: boolean }>) {\n const classNames = useStyles(styles);\n\n return (\n <Fragment>\n {children}\n {showLoader && (\n <div className={classNames['border-loader__track']}>\n <div className={classNames['border-loader__loader']} />\n </div>\n )}\n </Fragment>\n );\n}\n\nexport default memo(BorderLoader);\n","import \"/__w/1/s/BotFramework-WebChat/packages/component/src/decorator/private/BorderLoader.module_built.css\";\nconst classes = {\"border-loader__loader\":\"w17q6fa_border-loader__loader\",\"border-loader__track\":\"w17q6fa_border-loader__track\"}\nexport default classes\n\nconst _border_loader__loader0 = classes[\"border-loader__loader\"]\nexport { _border_loader__loader0 as \"border-loader__loader\" }\n\nconst _border_loader__track0 = classes[\"border-loader__track\"]\nexport { _border_loader__track0 as \"border-loader__track\" }\n"],"mappings":"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","names":["createActivityBorderMiddleware","DecoratorComposer","React","Fragment","memo","object","optional","pipe","readonly","string","useStyleOptions","React","memo","never","object","optional","pipe","readonly","string","undefinedable","decoratorStyleContent","createDecoratorStyleElements","r","createDecoratorStyleElements_default","decoratorStylesheetPropsSchema","pipe","object","optional","never","undefinedable","string","readonly","styleElements","createDecoratorStyleElements_default","DecoratorStylesheet","props","nonce","o","stylesRoot","useStyleOptions","React","vt","DecoratorStylesheet_default","memo","React","Fragment","memo","useCallback","useState","cx","classes","BorderFlair_module_default","_border_flair0","_border_flair__complete0","classes","BorderFlair","children","showFlair","classNames","dt","BorderFlair_module_default","isComplete","setComplete","useState","handleAnimationEnd","useCallback","event","React","Fragment","cx","BorderFlair_default","memo","React","Fragment","memo","classes","BorderLoader_module_default","_border_loader__loader0","_border_loader__track0","classes","BorderLoader","children","showLoader","classNames","dt","BorderLoader_module_default","React","Fragment","BorderLoader_default","memo","middleware","createActivityBorderMiddleware","request","Next","props","React","BorderFlair_default","BorderLoader_default","webChatDecoratorPropsSchema","pipe","object","optional","c","string","readonly","WebChatDecorator","children","nonce","o","Fragment","DecoratorStylesheet_default","DecoratorComposer","WebChatDecorator_default","memo"]}
|
|
1
|
+
{"version":3,"sources":["../src/decorator/private/WebChatDecorator.tsx","../src/decorator/stylesheet/DecoratorStylesheet.tsx","../src/decorator/stylesheet/createDecoratorStyleElements.ts","../src/decorator/private/BorderFlair.tsx","unplugin-lightningcss:/__w/1/s/BotFramework-WebChat/packages/component/src/decorator/private/BorderFlair.module.css?css_module","../src/decorator/private/BorderLoader.tsx","unplugin-lightningcss:/__w/1/s/BotFramework-WebChat/packages/component/src/decorator/private/BorderLoader.module.css?css_module"],"sourcesContent":["/* eslint-disable prefer-arrow-callback */\nimport { reactNode, validateProps } from '@msinternal/botframework-webchat-react-valibot';\nimport {\n createActivityBorderMiddleware,\n DecoratorComposer,\n type DecoratorMiddleware\n} from 'botframework-webchat-api/decorator';\nimport React, { Fragment, memo } from 'react';\nimport { object, optional, pipe, readonly, string, type InferInput } from 'valibot';\n\nimport DecoratorStylesheet from '../stylesheet/DecoratorStylesheet';\nimport BorderFlair from './BorderFlair';\nimport BorderLoader from './BorderLoader';\n\nconst middleware: readonly DecoratorMiddleware[] = Object.freeze([\n createActivityBorderMiddleware(function BorderFlairDecorator({ request, Next, ...props }) {\n return (\n <BorderFlair showFlair={props.showFlair ?? request.livestreamingState === 'completing'}>\n <Next {...props} showFlair={false} />\n </BorderFlair>\n );\n }),\n createActivityBorderMiddleware(function BorderLoaderDecorator({ request, Next, ...props }) {\n return (\n <BorderLoader showLoader={props.showLoader ?? request.livestreamingState === 'preparing'}>\n <Next {...props} showLoader={false} />\n </BorderLoader>\n );\n })\n]);\n\nconst webChatDecoratorPropsSchema = pipe(\n object({\n children: optional(reactNode()),\n nonce: optional(string())\n }),\n readonly()\n);\n\ntype WebChatDecoratorProps = InferInput<typeof webChatDecoratorPropsSchema>;\n\nfunction WebChatDecorator(props: WebChatDecoratorProps) {\n const { children, nonce } = validateProps(webChatDecoratorPropsSchema, props);\n\n return (\n <Fragment>\n <DecoratorStylesheet nonce={nonce} />\n <DecoratorComposer middleware={middleware}>{children}</DecoratorComposer>\n </Fragment>\n );\n}\n\nexport default memo(WebChatDecorator);\nexport { webChatDecoratorPropsSchema, type WebChatDecoratorProps };\n","// TODO: [P2] This component can be replaced by `bindProps`.\nimport { InjectStyleElements } from '@msinternal/botframework-webchat-styles/react';\nimport { validateProps } from '@msinternal/botframework-webchat-react-valibot';\nimport { useStyleOptions } from 'botframework-webchat-api/hook';\nimport React, { memo, type FunctionComponent } from 'react';\nimport { never, object, optional, pipe, readonly, string, undefinedable, type InferInput } from 'valibot';\n\nimport createDecoratorStyleElements from './createDecoratorStyleElements';\n\nconst decoratorStylesheetPropsSchema = pipe(\n object({\n children: optional(never()),\n nonce: undefinedable(string())\n }),\n readonly()\n);\n\ntype DecoratorStylesheetProps = InferInput<typeof decoratorStylesheetPropsSchema>;\n\nconst styleElements = createDecoratorStyleElements('component/decorator');\n\nfunction DecoratorStylesheet(props: DecoratorStylesheetProps) {\n const { nonce } = validateProps(decoratorStylesheetPropsSchema, props);\n\n const [{ stylesRoot }] = useStyleOptions();\n\n return <InjectStyleElements at={stylesRoot} nonce={nonce} styleElements={styleElements} />;\n}\n\nDecoratorStylesheet.displayName = 'DecoratorStylesheet';\n\nexport default memo(DecoratorStylesheet as FunctionComponent<DecoratorStylesheetProps>);\nexport { decoratorStylesheetPropsSchema, type DecoratorStylesheetProps };\n","import { makeCreateStyles } from '@msinternal/botframework-webchat-styles';\n\nconst decoratorStyleContent = '@--DECORATOR-STYLES-CONTENT--@';\n\nconst createDecoratorStyleElements = makeCreateStyles(decoratorStyleContent);\n\nexport default createDecoratorStyleElements;\nexport { decoratorStyleContent };\n","import React, { Fragment, memo, useCallback, useState, type ReactNode } from 'react';\nimport cx from 'classnames';\nimport { useStyles } from '@msinternal/botframework-webchat-styles/react';\n\nimport styles from './BorderFlair.module.css';\n\nfunction BorderFlair({\n children,\n showFlair = true\n}: Readonly<{ children?: ReactNode | undefined; showFlair?: boolean }>) {\n const classNames = useStyles(styles);\n const [isComplete, setComplete] = useState(false);\n\n const handleAnimationEnd = useCallback(\n event =>\n (event.animationName === styles['borderAnimation-angle'] ||\n event.animationName === styles['borderFlair-animation']) &&\n setComplete(true),\n []\n );\n\n if (!showFlair && isComplete) {\n setComplete(false);\n }\n\n return (\n <Fragment>\n {children}\n {showFlair && (\n <div\n className={cx(classNames['border-flair'], isComplete && classNames['border-flair--complete'])}\n onAnimationEnd={handleAnimationEnd}\n />\n )}\n </Fragment>\n );\n}\n\nexport default memo(BorderFlair);\n","import \"/__w/1/s/BotFramework-WebChat/packages/component/src/decorator/private/BorderFlair.module_built.css\";\nconst classes = {\"border-flair--complete\":\"wEWpITq_border-flair--complete\",\"border-flair\":\"wEWpITq_border-flair\"}\nexport default classes\n\nconst _border_flair__complete0 = classes[\"border-flair--complete\"]\nexport { _border_flair__complete0 as \"border-flair--complete\" }\n\nconst _border_flair0 = classes[\"border-flair\"]\nexport { _border_flair0 as \"border-flair\" }\n","import React, { Fragment, memo, type ReactNode } from 'react';\nimport { useStyles } from '@msinternal/botframework-webchat-styles/react';\n\nimport styles from './BorderLoader.module.css';\n\nfunction BorderLoader({\n children,\n showLoader = true\n}: Readonly<{ children?: ReactNode | undefined; showLoader?: boolean }>) {\n const classNames = useStyles(styles);\n\n return (\n <Fragment>\n {children}\n {showLoader && (\n <div className={classNames['border-loader__track']}>\n <div className={classNames['border-loader__loader']} />\n </div>\n )}\n </Fragment>\n );\n}\n\nexport default memo(BorderLoader);\n","import \"/__w/1/s/BotFramework-WebChat/packages/component/src/decorator/private/BorderLoader.module_built.css\";\nconst classes = {\"border-loader__loader\":\"w17q6fa_border-loader__loader\",\"border-loader__track\":\"w17q6fa_border-loader__track\"}\nexport default classes\n\nconst _border_loader__loader0 = classes[\"border-loader__loader\"]\nexport { _border_loader__loader0 as \"border-loader__loader\" }\n\nconst _border_loader__track0 = classes[\"border-loader__track\"]\nexport { _border_loader__track0 as \"border-loader__track\" }\n"],"mappings":"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","names":["createActivityBorderMiddleware","DecoratorComposer","React","Fragment","memo","object","optional","pipe","readonly","string","useStyleOptions","React","memo","never","object","optional","pipe","readonly","string","undefinedable","decoratorStyleContent","createDecoratorStyleElements","r","createDecoratorStyleElements_default","decoratorStylesheetPropsSchema","pipe","object","optional","never","undefinedable","string","readonly","styleElements","createDecoratorStyleElements_default","DecoratorStylesheet","props","nonce","o","stylesRoot","useStyleOptions","React","vt","DecoratorStylesheet_default","memo","React","Fragment","memo","useCallback","useState","cx","classes","BorderFlair_module_default","_border_flair__complete0","_border_flair0","classes","BorderFlair","children","showFlair","classNames","dt","BorderFlair_module_default","isComplete","setComplete","useState","handleAnimationEnd","useCallback","event","React","Fragment","cx","BorderFlair_default","memo","React","Fragment","memo","classes","BorderLoader_module_default","_border_loader__loader0","_border_loader__track0","classes","BorderLoader","children","showLoader","classNames","dt","BorderLoader_module_default","React","Fragment","BorderLoader_default","memo","middleware","createActivityBorderMiddleware","request","Next","props","React","BorderFlair_default","BorderLoader_default","webChatDecoratorPropsSchema","pipe","object","optional","c","string","readonly","WebChatDecorator","children","nonce","o","Fragment","DecoratorStylesheet_default","DecoratorComposer","WebChatDecorator_default","memo"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLV2PAEVHjs = require('./chunk-LV2PAEVH.js');var _chunkRUESPP5Yjs = require('./chunk-RUESPP5Y.js');var _chunk7VLC7NQ2js = require('./chunk-7VLC7NQ2.js');require('./chunk-P6HWMBMQ.js');exports.useActiveTyping = _chunkLV2PAEVHjs.b; exports.useActivities = _chunkLV2PAEVHjs.c; exports.useActivityKeys = _chunkLV2PAEVHjs.d; exports.useActivityKeysByRead = _chunkLV2PAEVHjs.e; exports.useAvatarForBot = _chunkLV2PAEVHjs.f; exports.useAvatarForUser = _chunkLV2PAEVHjs.g; exports.useBuildRenderActivityCallback = _chunkLV2PAEVHjs.h; exports.useByteFormatter = _chunkLV2PAEVHjs.i; exports.useConnectivityStatus = _chunkLV2PAEVHjs.j; exports.useCreateActivityRenderer = _chunkLV2PAEVHjs.k; exports.useCreateActivityStatusRenderer = _chunkLV2PAEVHjs.l; exports.useCreateAttachmentForScreenReaderRenderer = _chunkLV2PAEVHjs.m; exports.useCreateAvatarRenderer = _chunkLV2PAEVHjs.n; exports.useCreateScrollToEndButtonRenderer = _chunkLV2PAEVHjs.o; exports.useDateFormatter = _chunkLV2PAEVHjs.p; exports.useDebouncedNotifications = _chunkLV2PAEVHjs.q; exports.useDictateAbortable = _chunkRUESPP5Yjs.i; exports.useDictateInterims = _chunkLV2PAEVHjs.r; exports.useDictateState = _chunkLV2PAEVHjs.s; exports.useDirection = _chunkLV2PAEVHjs.t; exports.useDisabled = _chunkLV2PAEVHjs.u; exports.useDismissNotification = _chunkLV2PAEVHjs.v; exports.useEmitTypingIndicator = _chunkLV2PAEVHjs.w; exports.useFocus = _chunkRUESPP5Yjs.l; exports.useGetActivitiesByKey = _chunkLV2PAEVHjs.x; exports.useGetActivityByKey = _chunkLV2PAEVHjs.y; exports.useGetHasAcknowledgedByActivityKey = _chunkLV2PAEVHjs.z; exports.useGetKeyByActivity = _chunkLV2PAEVHjs.A; exports.useGetKeyByActivityId = _chunkLV2PAEVHjs.B; exports.useGetSendTimeoutForActivity = _chunkLV2PAEVHjs.C; exports.useGrammars = _chunkLV2PAEVHjs.D; exports.useGroupActivities = _chunkLV2PAEVHjs.E; exports.useGroupActivitiesByName = _chunkLV2PAEVHjs.F; exports.useGroupTimestamp = _chunkLV2PAEVHjs.G; exports.useLanguage = _chunkLV2PAEVHjs.H; exports.useLastAcknowledgedActivityKey = _chunkLV2PAEVHjs.I; exports.useLastReadActivityKey = _chunkLV2PAEVHjs.J; exports.useLocalizer = _chunkLV2PAEVHjs.K; exports.useMakeThumbnail = _chunkRUESPP5Yjs.o; exports.useMarkActivityAsSpoken = _chunkLV2PAEVHjs.L; exports.useMarkActivityKeyAsRead = _chunkLV2PAEVHjs.M; exports.useMarkAllAsAcknowledged = _chunkLV2PAEVHjs.N; exports.useMicrophoneButtonClick = _chunkRUESPP5Yjs.K; exports.useMicrophoneButtonDisabled = _chunkRUESPP5Yjs.L; exports.useNotifications = _chunkLV2PAEVHjs.O; exports.useObserveScrollPosition = _chunkRUESPP5Yjs.p; exports.useObserveTranscriptFocus = _chunkRUESPP5Yjs.q; exports.usePerformCardAction = _chunkLV2PAEVHjs.P; exports.usePonyfill = _chunkLV2PAEVHjs.Q; exports.usePostActivity = _chunkLV2PAEVHjs.R; exports.useReferenceGrammarID = _chunkLV2PAEVHjs.S; exports.useRegisterFocusSendBox = _chunkRUESPP5Yjs.k; exports.useRelativeTimeFormatter = _chunkLV2PAEVHjs.T; exports.useRenderAttachment = _chunkLV2PAEVHjs.U; exports.useRenderMarkdownAsHTML = _chunkRUESPP5Yjs.e; exports.useRenderToast = _chunkLV2PAEVHjs.V; exports.useRenderTypingIndicator = _chunkLV2PAEVHjs.W; exports.useScrollDown = _chunkRUESPP5Yjs.t; exports.useScrollTo = _chunkRUESPP5Yjs.u; exports.useScrollToEnd = _chunkRUESPP5Yjs.v; exports.useScrollUp = _chunkRUESPP5Yjs.w; exports.useSendBoxAttachments = _chunkLV2PAEVHjs.X; exports.useSendBoxSpeechInterimsVisible = _chunkRUESPP5Yjs._; exports.useSendBoxValue = _chunkLV2PAEVHjs.Y; exports.useSendEvent = _chunkLV2PAEVHjs.Z; exports.useSendFiles = _chunkRUESPP5Yjs.x; exports.useSendMessage = _chunkRUESPP5Yjs.y; exports.useSendMessageBack = _chunkLV2PAEVHjs._; exports.useSendPostBack = _chunkLV2PAEVHjs.$; exports.useSendStatusByActivityKey = _chunkLV2PAEVHjs.aa; exports.useSendTimeoutForActivity = _chunkLV2PAEVHjs.ba; exports.useSendTypingIndicator = _chunkLV2PAEVHjs.ca; exports.useSetNotification = _chunkLV2PAEVHjs.da; exports.useShouldReduceMotion = _chunkRUESPP5Yjs.g; exports.useShouldSpeakIncomingActivity = _chunkLV2PAEVHjs.ea; exports.useStartDictate = _chunkLV2PAEVHjs.fa; exports.useStopDictate = _chunkLV2PAEVHjs.ga; exports.useStyleOptions = _chunkLV2PAEVHjs.ha; exports.useStyleSet = _chunk7VLC7NQ2js.c; exports.useSubmitSendBox = _chunkLV2PAEVHjs.ia; exports.useSuggestedActions = _chunkLV2PAEVHjs.ja; exports.useSuggestedActionsHooks = _chunkLV2PAEVHjs.ka; exports.useTextBoxSubmit = _chunkRUESPP5Yjs.X; exports.useTextBoxValue = _chunkRUESPP5Yjs.Y; exports.useTimeoutForSend = _chunkLV2PAEVHjs.la; exports.useTrackDimension = _chunkLV2PAEVHjs.ma; exports.useTrackEvent = _chunkLV2PAEVHjs.na; exports.useTrackException = _chunkLV2PAEVHjs.oa; exports.useTrackTiming = _chunkLV2PAEVHjs.pa; exports.useTransformHTMLContent = _chunkRUESPP5Yjs.d; exports.useTypingIndicatorVisible = _chunkRUESPP5Yjs.A; exports.useUIState = _chunkLV2PAEVHjs.qa; exports.useUserID = _chunkLV2PAEVHjs.ra; exports.useUsername = _chunkLV2PAEVHjs.sa; exports.useVoiceSelector = _chunkLV2PAEVHjs.ta; exports.useWebSpeechPonyfill = _chunkRUESPP5Yjs.z;
|
|
2
2
|
//# sourceMappingURL=botframework-webchat-component.hook.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{$ as va,A as W,B as X,C as Y,D as Z,E as _,F as $,G as aa,H as ba,I as ca,J as da,K as ea,L as fa,M as ga,N as ha,O as ia,P as ja,Q as ka,R as la,S as ma,T as na,U as oa,V as pa,W as qa,X as ra,Y as sa,Z as ta,_ as ua,aa as wa,b as x,ba as xa,c as y,ca as ya,d as z,da as za,e as A,ea as Aa,f as B,fa as Ba,g as C,ga as Ca,h as D,ha as Da,i as E,ia as Ea,j as F,ja as Fa,k as G,ka as Ga,l as H,la as Ha,m as I,ma as Ia,n as J,na as Ja,o as K,oa as Ka,p as L,pa as La,q as M,qa as Ma,r as N,ra as Na,s as O,sa as Oa,t as P,ta as Pa,u as Q,v as R,w as S,x as T,y as U,z as V}from"./chunk-
|
|
1
|
+
import{$ as va,A as W,B as X,C as Y,D as Z,E as _,F as $,G as aa,H as ba,I as ca,J as da,K as ea,L as fa,M as ga,N as ha,O as ia,P as ja,Q as ka,R as la,S as ma,T as na,U as oa,V as pa,W as qa,X as ra,Y as sa,Z as ta,_ as ua,aa as wa,b as x,ba as xa,c as y,ca as ya,d as z,da as za,e as A,ea as Aa,f as B,fa as Ba,g as C,ga as Ca,h as D,ha as Da,i as E,ia as Ea,j as F,ja as Fa,k as G,ka as Ga,l as H,la as Ha,m as I,ma as Ia,n as J,na as Ja,o as K,oa as Ka,p as L,pa as La,q as M,qa as Ma,r as N,ra as Na,s as O,sa as Oa,t as P,ta as Pa,u as Q,v as R,w as S,x as T,y as U,z as V}from"./chunk-TKMUGCDK.mjs";import{A as r,K as s,L as t,X as u,Y as v,_ as w,d as b,e as c,g as d,i as e,k as f,l as g,o as h,p as i,q as j,t as k,u as l,v as m,w as n,x as o,y as p,z as q}from"./chunk-D5H5535X.mjs";import{c as a}from"./chunk-4F6LZYQ4.mjs";import"./chunk-4B4HI4PM.mjs";export{x as useActiveTyping,y as useActivities,z as useActivityKeys,A as useActivityKeysByRead,B as useAvatarForBot,C as useAvatarForUser,D as useBuildRenderActivityCallback,E as useByteFormatter,F as useConnectivityStatus,G as useCreateActivityRenderer,H as useCreateActivityStatusRenderer,I as useCreateAttachmentForScreenReaderRenderer,J as useCreateAvatarRenderer,K as useCreateScrollToEndButtonRenderer,L as useDateFormatter,M as useDebouncedNotifications,e as useDictateAbortable,N as useDictateInterims,O as useDictateState,P as useDirection,Q as useDisabled,R as useDismissNotification,S as useEmitTypingIndicator,g as useFocus,T as useGetActivitiesByKey,U as useGetActivityByKey,V as useGetHasAcknowledgedByActivityKey,W as useGetKeyByActivity,X as useGetKeyByActivityId,Y as useGetSendTimeoutForActivity,Z as useGrammars,_ as useGroupActivities,$ as useGroupActivitiesByName,aa as useGroupTimestamp,ba as useLanguage,ca as useLastAcknowledgedActivityKey,da as useLastReadActivityKey,ea as useLocalizer,h as useMakeThumbnail,fa as useMarkActivityAsSpoken,ga as useMarkActivityKeyAsRead,ha as useMarkAllAsAcknowledged,s as useMicrophoneButtonClick,t as useMicrophoneButtonDisabled,ia as useNotifications,i as useObserveScrollPosition,j as useObserveTranscriptFocus,ja as usePerformCardAction,ka as usePonyfill,la as usePostActivity,ma as useReferenceGrammarID,f as useRegisterFocusSendBox,na as useRelativeTimeFormatter,oa as useRenderAttachment,c as useRenderMarkdownAsHTML,pa as useRenderToast,qa as useRenderTypingIndicator,k as useScrollDown,l as useScrollTo,m as useScrollToEnd,n as useScrollUp,ra as useSendBoxAttachments,w as useSendBoxSpeechInterimsVisible,sa as useSendBoxValue,ta as useSendEvent,o as useSendFiles,p as useSendMessage,ua as useSendMessageBack,va as useSendPostBack,wa as useSendStatusByActivityKey,xa as useSendTimeoutForActivity,ya as useSendTypingIndicator,za as useSetNotification,d as useShouldReduceMotion,Aa as useShouldSpeakIncomingActivity,Ba as useStartDictate,Ca as useStopDictate,Da as useStyleOptions,a as useStyleSet,Ea as useSubmitSendBox,Fa as useSuggestedActions,Ga as useSuggestedActionsHooks,u as useTextBoxSubmit,v as useTextBoxValue,Ha as useTimeoutForSend,Ia as useTrackDimension,Ja as useTrackEvent,Ka as useTrackException,La as useTrackTiming,b as useTransformHTMLContent,r as useTypingIndicatorVisible,Ma as useUIState,Na as useUserID,Oa as useUsername,Pa as useVoiceSelector,q as useWebSpeechPonyfill};
|
|
2
2
|
//# sourceMappingURL=botframework-webchat-component.hook.mjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkEIYEGXJZjs = require('./chunk-EIYEGXJZ.js');var _chunk7VLC7NQ2js = require('./chunk-7VLC7NQ2.js');var _chunkP6HWMBMQjs = require('./chunk-P6HWMBMQ.js');exports.CodeHighlighterComposer = _chunkEIYEGXJZjs.K; exports.InjectStyleElements = _chunkP6HWMBMQjs.i; exports.PartGrouping = _chunkEIYEGXJZjs.H; exports.ScreenReaderText = _chunkEIYEGXJZjs.d; exports.createIconComponent = _chunk7VLC7NQ2js.f; exports.parseDocumentFragmentFromString = _chunk7VLC7NQ2js.i; exports.serializeDocumentFragmentIntoString = _chunk7VLC7NQ2js.j; exports.useCodeHighlighter = _chunkEIYEGXJZjs.J; exports.useLiveRegion = _chunk7VLC7NQ2js.m;
|
|
2
2
|
//# sourceMappingURL=botframework-webchat-component.internal.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{H as n,J as f,K as i,d as m}from"./chunk-
|
|
1
|
+
import{H as n,J as f,K as i,d as m}from"./chunk-CZ5MRG6Z.mjs";import{f as r,i as t,j as o,m as a}from"./chunk-4F6LZYQ4.mjs";import{d as e}from"./chunk-4B4HI4PM.mjs";export{i as CodeHighlighterComposer,e as InjectStyleElements,n as PartGrouping,m as ScreenReaderText,r as createIconComponent,t as parseDocumentFragmentFromString,o as serializeDocumentFragmentIntoString,f as useCodeHighlighter,a as useLiveRegion};
|
|
2
2
|
//# sourceMappingURL=botframework-webchat-component.internal.mjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkO6SZ66XIjs = require('./chunk-O6SZ66XI.js');require('./chunk-I6EXXZUN.js');var _chunkLV2PAEVHjs = require('./chunk-LV2PAEVH.js');var _chunkRUESPP5Yjs = require('./chunk-RUESPP5Y.js');require('./chunk-EIYEGXJZ.js');var _chunk7VLC7NQ2js = require('./chunk-7VLC7NQ2.js');require('./chunk-P6HWMBMQ.js');var _botframeworkwebchatapi = require('botframework-webchat-api');var t=_chunkO6SZ66XIjs.o.call(void 0, "botframework-webchat:component");t.set("buildTool","tsup");t.set("moduleFormat","commonjs");t.set("version","4.18.1-main.20251022.98275e9");var a=t;var{object:b,version:I}=a;exports.Components = _chunkO6SZ66XIjs.G; exports.Context = _chunk7VLC7NQ2js.a; exports.buildInfo = b; exports.concatMiddleware = _botframeworkwebchatapi.concatMiddleware; exports.createCoreActivityMiddleware = _chunkO6SZ66XIjs.m; exports.createCoreActivityStatusMiddleware = _chunkO6SZ66XIjs.q; exports.createCoreAttachmentMiddleware = _chunkO6SZ66XIjs.k; exports.createStyleSet = _chunkO6SZ66XIjs.r; exports.default = _chunkO6SZ66XIjs.C; exports.getTabIndex = _chunkO6SZ66XIjs.s; exports.hooks = _chunkLV2PAEVHjs.a; exports.localize = _botframeworkwebchatapi.localize; exports.testIds = _chunkRUESPP5Yjs.D; exports.version = I; exports.withEmoji = _chunkRUESPP5Yjs.W;
|
|
2
2
|
//# sourceMappingURL=botframework-webchat-component.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{C as d,G as i,k as n,m as l,o as e,q as m,r as s,s as p}from"./chunk-
|
|
1
|
+
import{C as d,G as i,k as n,m as l,o as e,q as m,r as s,s as p}from"./chunk-AHWNZ4YH.mjs";import"./chunk-UKBRB4EA.mjs";import{a as c}from"./chunk-TKMUGCDK.mjs";import{D as a,W as f}from"./chunk-D5H5535X.mjs";import"./chunk-CZ5MRG6Z.mjs";import{a as r}from"./chunk-4F6LZYQ4.mjs";import"./chunk-4B4HI4PM.mjs";import{concatMiddleware as h,localize as y}from"botframework-webchat-api";var t=e("botframework-webchat:component");t.set("buildTool","tsup");t.set("moduleFormat","esmodules");t.set("version","4.18.1-main.20251022.98275e9");var o=t;var{object:b,version:I}=o;export{i as Components,r as Context,b as buildInfo,h as concatMiddleware,l as createCoreActivityMiddleware,m as createCoreActivityStatusMiddleware,n as createCoreAttachmentMiddleware,s as createStyleSet,d as default,p as getTabIndex,c as hooks,y as localize,a as testIds,I as version,f as withEmoji};
|
|
2
2
|
//# sourceMappingURL=botframework-webchat-component.mjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{c as f,e as b}from"./chunk-4B4HI4PM.mjs";import{createContext as le}from"react";var me=le(void 0),H=me;import{useContext as pe}from"react";function M(){let e=pe(H);if(!e)throw new Error("This hook can only be used on a component that is a descendant of <Composer>");return e}function de(){return Object.freeze([M().styleSet])}import ue from"classnames";import{object as he,optional as fe,picklist as we,pipe as ge,readonly as ve}from"valibot";import ye from"react";function xe(e,i){let t=Object.keys(e).reduce((o,s)=>{let[l,c]=s.split("--");if(!c)return o;let p=l;if(!i.includes(p))return o;let m=o.get(p);return m||(m=new Set,o.set(p,m)),m.add(c),o},new Map),n=Array.from(t.entries()).reduce((o,[s,l])=>{let c=Array.from(l);return c.length&&(o[s]=fe(we(c))),o},{}),r=he(n);return ge(r,ve())}function E(e,i,t){let n=xe(e,i);return{component:(o=>{let{className:s,...l}=o,c=f(n,o),p=b(e),m=Object.entries(c).map(([x,w])=>p[`${x}--${w}`]);return ye.createElement(t,{className:ue(s,m),...l})}),modifierPropsSchema:n}}function _e(e){let t=new DOMParser().parseFromString(e,"text/html"),n=t.createDocumentFragment();return n.append(...t.body.childNodes),n}function Ce(e){return new XMLSerializer().serializeToString(e).trim()}import{useMemo as De}from"react";import{useRefFrom as $e}from"use-ref-from";import{useContext as ze}from"react";import{createContext as Fe}from"react";import{hooks as Le}from"botframework-webchat-api";import $,{memo as Ae,useCallback as U,useEffect as Ie,useMemo as K,useRef as q,useState as Ze}from"react";import{useRefFrom as W}from"use-ref-from";import L,{Fragment as Se}from"react";import{literal as z,object as Te,optional as g,pipe as ke,readonly as Me,string as v,union as Ee}from"valibot";import{useEffect as be}from"react";function R(){let{markAllAsRendered:e}=u();be(e)}function P(){return u().staticElementEntriesState}var Re=ke(Te({"aria-label":g(v()),"aria-live":Ee([z("assertive"),z("polite")]),"aria-roledescription":g(v()),className:g(v()),role:g(v()),textElementClassName:g(v())}),Me());function Pe(e){let{"aria-label":i,"aria-live":t,"aria-roledescription":n,className:r,role:o,textElementClassName:s}=f(Re,e),[l]=P();return R(),L.createElement("div",{"aria-label":i,"aria-live":t,"aria-roledescription":n,className:r,role:o},l.map(({element:c,key:p})=>typeof c=="string"?L.createElement("div",{"aria-atomic":!0,className:s,key:p},c):L.createElement(Se,{key:p},c)))}var D=Pe;var{usePonyfill:Oe}=Le,Ve="polite",je=1e3,Ne=({Provider:e})=>{let i=({"aria-label":t,"aria-live":n=Ve,"aria-roledescription":r,children:o,className:s,fadeAfter:l=je,role:c,textElementClassName:p})=>{let[{clearTimeout:m,setTimeout:x}]=Oe(),[w,_]=Ze([]),j=W(l),d=q(),C=q(1),k=W(w),N=U(()=>{k.current.length&&(d.current&&m(d.current),d.current=x(()=>{k.current.length&&_([])},j.current))},[m,j,d,_,x,k]);Ie(()=>()=>d.current&&m(d.current),[m,d]);let F=U(re=>{let ce=C.current;C.current=C.current+1,_(se=>[...se,{element:re,key:ce}])},[C,_]),B=K(()=>Object.freeze([Object.freeze(w)]),[w]),ie=K(()=>({markAllAsRendered:N,queueStaticElement:F,staticElementEntriesState:B}),[N,F,B]);return $.createElement(e,{value:ie},$.createElement(D,{"aria-label":t,"aria-live":n,"aria-roledescription":r,className:s,role:c,textElementClassName:p}),o)};return i.displayName="LiveRegionTwinComposer",Ae(i)},Q=Ne;var A=Fe(new Proxy({},{get(e,i){throw new Error(`botframework-webchat: LiveRegionTwinContext.${i} can only be used inside of <LiveRegionTwinComposer>.`)}})),Be=Q(A),He=Be;function u(){return ze(A)}function S(){return u().queueStaticElement}function X(e,i){let t=$e(e),n=S();De(()=>{let r=t?.current();r&&n(r)},[...i,t,n])}import{createContext as tt,createRef as ot,useContext as nt,memo as at}from"react";import Qe,{useCallback as Xe}from"react";import{useRefFrom as Ge}from"use-ref-from";import Ke from"@emotion/css/create-instance";import{useEffect as qe,useMemo as We}from"react";import Ue from"math-random";function I(){return Ue().toString(26).substr(2,5).replace(/\d/gu,e=>String.fromCharCode(e.charCodeAt(0)+65))}var y=[];function Z(e,i){let t=We(()=>{let r=y.find(({sheet:o})=>o.nonce===e&&o.container===i)??Ke({container:i,key:`webchat--css-${I()}`,nonce:e});return y.push(r),r},[i,e]);return qe(()=>()=>{let n=y.lastIndexOf(t);if(~n&&y.splice(n,1),!y.includes(t)&&t.sheet?.tags)for(let r of t.sheet.tags)r.remove()},[t]),t}import{hooks as Je}from"botframework-webchat-api";var{useStyleOptions:Ye}=Je,et=({Provider:e})=>({children:i,nonce:t})=>{let[{stylesRoot:n}]=Ye(),r=Z(t,n),o=Xe(l=>r.css(l),[r]),s=Ge(o);return Qe.createElement(e,{value:s},o&&i)},G=et;var J=tt(new Proxy(ot(),{get(){throw new Error("StyleToEmotionObjectContext was used without StyleToEmotionObjectComposer")}}));function it(){return nt(J).current}var Y=at(G(J));Y.displayName="StyleToEmotionObjectComposer";import rt from"classnames";import ct,{memo as st}from"react";import{literal as lt,object as ee,optional as T,pipe as te,readonly as oe,string as V}from"valibot";var a={"icon--
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{c as f,e as b}from"./chunk-4B4HI4PM.mjs";import{createContext as le}from"react";var me=le(void 0),H=me;import{useContext as pe}from"react";function M(){let e=pe(H);if(!e)throw new Error("This hook can only be used on a component that is a descendant of <Composer>");return e}function de(){return Object.freeze([M().styleSet])}import ue from"classnames";import{object as he,optional as fe,picklist as we,pipe as ge,readonly as ve}from"valibot";import ye from"react";function xe(e,i){let t=Object.keys(e).reduce((o,s)=>{let[l,c]=s.split("--");if(!c)return o;let p=l;if(!i.includes(p))return o;let m=o.get(p);return m||(m=new Set,o.set(p,m)),m.add(c),o},new Map),n=Array.from(t.entries()).reduce((o,[s,l])=>{let c=Array.from(l);return c.length&&(o[s]=fe(we(c))),o},{}),r=he(n);return ge(r,ve())}function E(e,i,t){let n=xe(e,i);return{component:(o=>{let{className:s,...l}=o,c=f(n,o),p=b(e),m=Object.entries(c).map(([x,w])=>p[`${x}--${w}`]);return ye.createElement(t,{className:ue(s,m),...l})}),modifierPropsSchema:n}}function _e(e){let t=new DOMParser().parseFromString(e,"text/html"),n=t.createDocumentFragment();return n.append(...t.body.childNodes),n}function Ce(e){return new XMLSerializer().serializeToString(e).trim()}import{useMemo as De}from"react";import{useRefFrom as $e}from"use-ref-from";import{useContext as ze}from"react";import{createContext as Fe}from"react";import{hooks as Le}from"botframework-webchat-api";import $,{memo as Ae,useCallback as U,useEffect as Ie,useMemo as K,useRef as q,useState as Ze}from"react";import{useRefFrom as W}from"use-ref-from";import L,{Fragment as Se}from"react";import{literal as z,object as Te,optional as g,pipe as ke,readonly as Me,string as v,union as Ee}from"valibot";import{useEffect as be}from"react";function R(){let{markAllAsRendered:e}=u();be(e)}function P(){return u().staticElementEntriesState}var Re=ke(Te({"aria-label":g(v()),"aria-live":Ee([z("assertive"),z("polite")]),"aria-roledescription":g(v()),className:g(v()),role:g(v()),textElementClassName:g(v())}),Me());function Pe(e){let{"aria-label":i,"aria-live":t,"aria-roledescription":n,className:r,role:o,textElementClassName:s}=f(Re,e),[l]=P();return R(),L.createElement("div",{"aria-label":i,"aria-live":t,"aria-roledescription":n,className:r,role:o},l.map(({element:c,key:p})=>typeof c=="string"?L.createElement("div",{"aria-atomic":!0,className:s,key:p},c):L.createElement(Se,{key:p},c)))}var D=Pe;var{usePonyfill:Oe}=Le,Ve="polite",je=1e3,Ne=({Provider:e})=>{let i=({"aria-label":t,"aria-live":n=Ve,"aria-roledescription":r,children:o,className:s,fadeAfter:l=je,role:c,textElementClassName:p})=>{let[{clearTimeout:m,setTimeout:x}]=Oe(),[w,_]=Ze([]),j=W(l),d=q(),C=q(1),k=W(w),N=U(()=>{k.current.length&&(d.current&&m(d.current),d.current=x(()=>{k.current.length&&_([])},j.current))},[m,j,d,_,x,k]);Ie(()=>()=>d.current&&m(d.current),[m,d]);let F=U(re=>{let ce=C.current;C.current=C.current+1,_(se=>[...se,{element:re,key:ce}])},[C,_]),B=K(()=>Object.freeze([Object.freeze(w)]),[w]),ie=K(()=>({markAllAsRendered:N,queueStaticElement:F,staticElementEntriesState:B}),[N,F,B]);return $.createElement(e,{value:ie},$.createElement(D,{"aria-label":t,"aria-live":n,"aria-roledescription":r,className:s,role:c,textElementClassName:p}),o)};return i.displayName="LiveRegionTwinComposer",Ae(i)},Q=Ne;var A=Fe(new Proxy({},{get(e,i){throw new Error(`botframework-webchat: LiveRegionTwinContext.${i} can only be used inside of <LiveRegionTwinComposer>.`)}})),Be=Q(A),He=Be;function u(){return ze(A)}function S(){return u().queueStaticElement}function X(e,i){let t=$e(e),n=S();De(()=>{let r=t?.current();r&&n(r)},[...i,t,n])}import{createContext as tt,createRef as ot,useContext as nt,memo as at}from"react";import Qe,{useCallback as Xe}from"react";import{useRefFrom as Ge}from"use-ref-from";import Ke from"@emotion/css/create-instance";import{useEffect as qe,useMemo as We}from"react";import Ue from"math-random";function I(){return Ue().toString(26).substr(2,5).replace(/\d/gu,e=>String.fromCharCode(e.charCodeAt(0)+65))}var y=[];function Z(e,i){let t=We(()=>{let r=y.find(({sheet:o})=>o.nonce===e&&o.container===i)??Ke({container:i,key:`webchat--css-${I()}`,nonce:e});return y.push(r),r},[i,e]);return qe(()=>()=>{let n=y.lastIndexOf(t);if(~n&&y.splice(n,1),!y.includes(t)&&t.sheet?.tags)for(let r of t.sheet.tags)r.remove()},[t]),t}import{hooks as Je}from"botframework-webchat-api";var{useStyleOptions:Ye}=Je,et=({Provider:e})=>({children:i,nonce:t})=>{let[{stylesRoot:n}]=Ye(),r=Z(t,n),o=Xe(l=>r.css(l),[r]),s=Ge(o);return Qe.createElement(e,{value:s},o&&i)},G=et;var J=tt(new Proxy(ot(),{get(){throw new Error("StyleToEmotionObjectContext was used without StyleToEmotionObjectComposer")}}));function it(){return nt(J).current}var Y=at(G(J));Y.displayName="StyleToEmotionObjectComposer";import rt from"classnames";import ct,{memo as st}from"react";import{literal as lt,object as ee,optional as T,pipe as te,readonly as oe,string as V}from"valibot";var a={"icon--thumb-up":"w61aa0a_icon--thumb-up","appearance--text":"w61aa0a_appearance--text","direction--follow":"w61aa0a_direction--follow","icon--dismiss":"w61aa0a_icon--dismiss","icon--attachment":"w61aa0a_icon--attachment","icon--attachment-checkmark":"w61aa0a_icon--attachment-checkmark","icon--copy-code":"w61aa0a_icon--copy-code","icon--copy-code-checkmark":"w61aa0a_icon--copy-code-checkmark","icon--thumb-up-filled":"w61aa0a_icon--thumb-up-filled","icon--unchecked-circle":"w61aa0a_icon--unchecked-circle","icon--copy":"w61aa0a_icon--copy","icon--microphone":"w61aa0a_icon--microphone","icon--download":"w61aa0a_icon--download","icon--thumb-down-filled":"w61aa0a_icon--thumb-down-filled","icon--view-code":"w61aa0a_icon--view-code","direction--rtl":"w61aa0a_direction--rtl","icon--send":"w61aa0a_icon--send","icon--thumb-down":"w61aa0a_icon--thumb-down","icon--checkmark-circle":"w61aa0a_icon--checkmark-circle","component-icon":"w61aa0a_component-icon","icon--chevron":"w61aa0a_icon--chevron"},O=a,Mo=a["icon--thumb-up"];var Eo=a["appearance--text"];var Ro=a["direction--follow"];var Po=a["icon--dismiss"];var Lo=a["icon--attachment"];var Ao=a["icon--attachment-checkmark"];var Io=a["icon--copy-code"];var Zo=a["icon--copy-code-checkmark"];var Oo=a["icon--thumb-up-filled"];var Vo=a["icon--unchecked-circle"];var jo=a["icon--copy"];var No=a["icon--microphone"];var Fo=a["icon--download"];var Bo=a["icon--thumb-down-filled"];var Ho=a["icon--view-code"];var zo=a["direction--rtl"];var Do=a["icon--send"];var $o=a["icon--thumb-down"];var Uo=a["icon--checkmark-circle"];var Ko=a["component-icon"];var qo=a["icon--chevron"];var ne=te(ee({"aria-hidden":T(lt("true")),"aria-label":T(V()),className:T(V()),role:T(V())}),oe());function mt(e){let{className:i,"aria-hidden":t,"aria-label":n,role:r}=f(ne,e),o=b(O);return ct.createElement("div",{"aria-hidden":t,"aria-label":n,className:rt(o["component-icon"],i),role:r})}var{component:ae,modifierPropsSchema:pt}=E(O,["appearance","direction","icon"],mt);ae.displayName="ComponentIcon";var dt=te(ee({...ne.entries,...pt.entries}),oe()),ut=st(ae);var{userAgent:h}=navigator,rn=/Linux; Android/u.test(h),cn=!/Edge\//u.test(h)&&/Chrome\//u.test(h),sn=/Edg\//u.test(h),ln=/Edge\//u.test(h),mn=/Firefox\//u.test(h),pn=/Trident\/7.0/u.test(h);export{H as a,M as b,de as c,it as d,Y as e,E as f,dt as g,ut as h,_e as i,Ce as j,He as k,S as l,X as m,rn as n,pn as o};
|
|
2
|
+
//# sourceMappingURL=chunk-4F6LZYQ4.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/hooks/internal/WebChatUIContext.ts","../src/hooks/internal/useWebChatUIContext.js","../src/hooks/useStyleSet.ts","../src/Utils/createIconComponent.tsx","../src/Utils/parseDocumentFragmentFromString.ts","../src/Utils/serializeDocumentFragmentIntoString.ts","../src/providers/LiveRegionTwin/useLiveRegion.ts","../src/providers/LiveRegionTwin/private/useContext.ts","../src/providers/LiveRegionTwin/private/LiveRegionTwinComposer.ts","../src/providers/LiveRegionTwin/private/createLiveRegionTwinComposer.tsx","../src/providers/LiveRegionTwin/private/LiveRegionTwinContainer.tsx","../src/providers/LiveRegionTwin/private/useMarkAllAsRenderedEffect.ts","../src/providers/LiveRegionTwin/private/useStaticElementEntries.ts","../src/providers/LiveRegionTwin/useQueueStaticElement.ts","../src/hooks/internal/styleToEmotionObject/private/StyleToEmotionObjectComposer.tsx","../src/hooks/internal/styleToEmotionObject/private/createStyleToEmotionObjectComposer.tsx","../src/hooks/internal/useEmotion.ts","../src/Utils/createCSSKey.js","../src/Icon/ComponentIcon.tsx","unplugin-lightningcss:/__w/1/s/BotFramework-WebChat/packages/component/src/Icon/ComponentIcon.module.css?css_module","../src/Utils/detectBrowser.js"],"sourcesContent":["import { createContext, type MutableRefObject } from 'react';\n\nimport { type FocusTranscriptInit } from '../../types/internal/FocusTranscriptInit';\n\nexport type ContextType = {\n focusTranscriptCallbacksRef: MutableRefObject<((init?: FocusTranscriptInit | undefined) => Promise<void>)[]>;\n nonce: string | undefined;\n\n // TODO: [P0] Infer the following types.\n dictateAbortable: any;\n dispatchScrollPosition: any;\n dispatchTranscriptFocusByActivityKey: any;\n internalMarkdownItState: [any];\n internalRenderMarkdownInline: any;\n numTranscriptFocusObservers: any;\n observeScrollPosition: any;\n observeTranscriptFocus: any;\n renderMarkdown: any;\n scrollToCallbacksRef: any;\n scrollToEndCallbacksRef: any;\n setDictateAbortable: any;\n styleSet: any;\n suggestedActionsAccessKey: any;\n webSpeechPonyfill: any;\n};\n\nconst context = createContext<ContextType>(undefined as ContextType);\n\nexport default context;\n","import { useContext } from 'react';\n\nimport WebChatUIContext from './WebChatUIContext';\n\nexport default function useWebChatUIContext() {\n const context = useContext(WebChatUIContext);\n\n if (!context) {\n throw new Error('This hook can only be used on a component that is a descendant of <Composer>');\n }\n\n return context;\n}\n","import type createStyleSet from '../Styles/createStyleSet';\nimport useWebChatUIContext from './internal/useWebChatUIContext';\n\n// TODO: Seems type of value is `string`.\nexport default function useStyleSet(): readonly [Record<keyof ReturnType<typeof createStyleSet>, any>] {\n return Object.freeze([useWebChatUIContext().styleSet] as const);\n}\n","import { useStyles } from '@msinternal/botframework-webchat-styles/react';\nimport { validateProps } from '@msinternal/botframework-webchat-react-valibot';\nimport cx from 'classnames';\nimport {\n object,\n optional,\n picklist,\n pipe,\n readonly,\n type BaseIssue,\n type BaseSchema,\n type OptionalSchema,\n type PicklistSchema\n} from 'valibot';\nimport React, { type ComponentType } from 'react';\n\ntype CSSModuleClasses = { readonly [key: string]: any };\n\ntype Prefixes<T> = T extends `${infer P}--${string}` ? P : never;\n\ntype SuffixesOf<Prefix extends string, T> = T extends `${Prefix}--${infer S}` ? S : never;\n\ntype ModifierMap<T> = {\n [P in Prefixes<keyof T>]?: SuffixesOf<P, keyof T>;\n};\n\ntype SafeModifierList<TCSSModuleClasses> = keyof ModifierMap<TCSSModuleClasses> extends never\n ? string\n : keyof ModifierMap<TCSSModuleClasses>;\n\ntype ModifierSchemaEntry = OptionalSchema<PicklistSchema<readonly [string, ...string[]], undefined>, undefined>;\n\nexport type IconModifierPropsSchema<TModifiers extends string> = BaseSchema<\n Partial<Record<TModifiers, string>>,\n Readonly<Partial<Record<TModifiers, string>>>,\n BaseIssue<unknown>\n> & {\n readonly entries: Partial<Record<TModifiers, ModifierSchemaEntry>>;\n};\n\nfunction createPropsSchema<\n const TCSSModuleClasses extends CSSModuleClasses,\n const TModifiers extends SafeModifierList<TCSSModuleClasses>\n>(styles: TCSSModuleClasses, modifiers: TModifiers[]): IconModifierPropsSchema<TModifiers> {\n const props = Object.keys(styles).reduce((acc, key) => {\n const [rawBase, modifier] = key.split('--') as [string, string | undefined];\n\n if (!modifier) {\n return acc;\n }\n\n const base = rawBase as TModifiers;\n\n if (!modifiers.includes(base)) {\n return acc;\n }\n\n let modifierSet = acc.get(base);\n\n if (!modifierSet) {\n modifierSet = new Set<string>();\n acc.set(base, modifierSet);\n }\n\n modifierSet.add(modifier);\n\n return acc;\n }, new Map<TModifiers, Set<string>>());\n\n const schemaEntries = Array.from(props.entries()).reduce<Partial<Record<TModifiers, ModifierSchemaEntry>>>(\n (acc, [base, modifierSet]) => {\n const values = Array.from(modifierSet);\n\n if (values.length) {\n // eslint-disable-next-line security/detect-object-injection\n acc[base] = optional(picklist(values as unknown as readonly [string, ...string[]])) as ModifierSchemaEntry;\n }\n\n return acc;\n },\n {}\n );\n\n const schema = object(schemaEntries as Partial<Record<TModifiers, ModifierSchemaEntry>>);\n\n return pipe(schema, readonly()) as IconModifierPropsSchema<TModifiers>;\n}\n\nexport default function createIconComponent<\n const TProps extends { className?: string | undefined },\n const TModifiers extends SafeModifierList<TCSSModuleClasses>,\n const TCSSModuleClasses extends CSSModuleClasses\n>(\n styles: TCSSModuleClasses,\n modifiers: TModifiers[],\n BaseIcon: ComponentType<TProps>\n): {\n component: ComponentType<\n (TModifiers extends Prefixes<keyof TCSSModuleClasses>\n ? Pick<ModifierMap<TCSSModuleClasses>, TModifiers>\n : Partial<Record<TModifiers, string>>) &\n TProps\n >;\n modifierPropsSchema: IconModifierPropsSchema<TModifiers>;\n} {\n type CSSModuleModifiers = ModifierMap<TCSSModuleClasses>;\n\n // Do not bail if no CSS modules TypeScript plugin is provided.\n type FinalCSSModuleModifiers = TModifiers extends keyof CSSModuleModifiers\n ? Pick<CSSModuleModifiers, TModifiers>\n : Partial<Record<TModifiers, string>>;\n\n const modifierPropsSchema = createPropsSchema(styles, modifiers);\n\n const component = (props => {\n const { className, ...rest } = props;\n const validatedProps = validateProps(modifierPropsSchema, props);\n const classNames = useStyles(styles);\n\n const classes = Object.entries(validatedProps).map(([key, value]) => classNames[`${key}--${value}`]);\n\n return <BaseIcon className={cx(className, classes)} {...(rest as TProps)} />;\n }) as ComponentType<FinalCSSModuleModifiers & TProps>;\n\n return { component, modifierPropsSchema };\n}\n","export default function parseDocumentFragmentFromString(html: string): DocumentFragment {\n const parser = new DOMParser();\n const parsedDocument = parser.parseFromString(html, 'text/html');\n const fragment = parsedDocument.createDocumentFragment();\n\n fragment.append(...parsedDocument.body.childNodes);\n\n return fragment;\n}\n","export default function serializeDocumentFragmentIntoString(documentFragment: DocumentFragment): string {\n return new XMLSerializer().serializeToString(documentFragment).trim();\n}\n","import { useMemo, type DependencyList, type ReactElement } from 'react';\nimport { useRefFrom } from 'use-ref-from';\n\nimport useQueueStaticElement from './useQueueStaticElement';\n\n/**\n * Pushes a node to the live region.\n *\n * Once the node is pushed, it cannot be undoed.\n *\n * @param createNode Create node to be pushed to the live region.\n * @param deps Will push a new node if the values in the list change.\n */\nexport default function useLiveRegion(\n createNode: () => false | null | ReactElement | string | undefined,\n deps: DependencyList\n) {\n const createNodeRef = useRefFrom(createNode);\n const queueStaticElement = useQueueStaticElement();\n\n useMemo(() => {\n const node = createNodeRef?.current();\n\n node && queueStaticElement(node);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [...deps, createNodeRef, queueStaticElement]);\n}\n","import { useContext } from 'react';\n\nimport { LiveRegionTwinContext, type LiveRegionTwinContextType } from './LiveRegionTwinComposer';\n\nexport default function useLiveRegionTwinContext(): LiveRegionTwinContextType {\n const contextValue = useContext(LiveRegionTwinContext);\n\n return contextValue;\n}\n","import { createContext } from 'react';\nimport createLiveRegionTwinComposer from './createLiveRegionTwinComposer';\n\nimport type { StaticElement, StaticElementEntry } from './types';\n\nexport type LiveRegionTwinContextType = {\n markAllAsRendered: () => void;\n queueStaticElement: (element: StaticElement) => void;\n staticElementEntriesState: readonly [readonly StaticElementEntry[]];\n};\n\nexport const LiveRegionTwinContext = createContext<LiveRegionTwinContextType>(\n new Proxy(\n {},\n {\n get(_target, key: string) {\n throw new Error(\n `botframework-webchat: LiveRegionTwinContext.${key} can only be used inside of <LiveRegionTwinComposer>.`\n );\n }\n }\n ) as unknown as LiveRegionTwinContextType\n);\n\nconst LiveRegionTwinComposer = createLiveRegionTwinComposer(LiveRegionTwinContext);\n\nexport default LiveRegionTwinComposer;\n","import { hooks } from 'botframework-webchat-api';\nimport React, { memo, useCallback, useEffect, useMemo, useRef, useState, type Context, type ReactNode } from 'react';\nimport { useRefFrom } from 'use-ref-from';\n\nimport { type LiveRegionTwinContextType } from './LiveRegionTwinComposer';\nimport LiveRegionTwinContainer from './LiveRegionTwinContainer';\n\nimport type { StaticElement, StaticElementEntry } from './types';\n\nconst { usePonyfill } = hooks;\n\nconst DEFAULT_ARIA_LIVE = 'polite';\nconst DEFAULT_FADE_AFTER = 1000;\n\ntype LiveRegionTwinComposerProps = Readonly<{\n /** Optional \"aria-label\" attribute for the live region twin container. */\n 'aria-label'?: string;\n\n /** \"aria-live\" attribute for the live region twin container, defaults to `'polite'`. */\n 'aria-live'?: 'assertive' | 'polite';\n\n /** Optional \"aria-roledescription\" attribute for the live region twin container. */\n 'aria-roledescription'?: string;\n\n /** Optional \"className\" attribute for the live region twin container. */\n className?: string;\n\n /**\n * Static elements will fade out after this timeout value specified in milliseconds, defaults to `1000`.\n *\n * When lowering this value, make sure screen reader can continue to pick up new static elements before fading out.\n *\n * If this prop is updated, it will be reflected in next queueing elements.\n */\n fadeAfter?: number;\n\n /** Optional \"role\" attribute for the live region twin container. */\n role?: string;\n\n /** Optional \"className\" attribute for static text element. */\n textElementClassName?: string;\n\n children?: ReactNode | undefined;\n}>;\n\n/**\n * Live region twin is an UI component for queueing texts or elements to the screen reader using\n * a container element with `aria-live` attribute set.\n *\n * After the text is rendered and queued, it will be removed to reduce burden on the DOM tree.\n * Currently, we assume the assistive technologies should pick up the text within 1 second of rendering.\n * This value is configurable.\n *\n * By default, the live region is visible. If is is not desirable, the caller can use `className` prop to\n * hide its visuals.\n */\nconst createLiveRegionTwinComposer = ({ Provider }: Context<LiveRegionTwinContextType>) => {\n const LiveRegionTwinComposer = ({\n 'aria-label': ariaLabel,\n 'aria-live': ariaLive = DEFAULT_ARIA_LIVE,\n 'aria-roledescription': ariaRoleDescription,\n children,\n className,\n fadeAfter = DEFAULT_FADE_AFTER,\n role,\n textElementClassName\n }: LiveRegionTwinComposerProps) => {\n const [{ clearTimeout, setTimeout }] = usePonyfill();\n const [staticElementEntries, setStaticElementEntries] = useState<StaticElementEntry[]>([]);\n const fadeAfterRef = useRefFrom(fadeAfter);\n const markAllAsRenderedTimeoutIdRef = useRef<any>();\n const nextKeyRef = useRef<number>(1);\n\n const staticElementEntriesRef = useRefFrom(staticElementEntries);\n\n // This function is called by an effect hook `useMarkAllAsRenderedEffect`, it must be designed with converging in mind.\n // To prevent infinite render loop, after multiple calls to this function, it should eventually no-op.\n const markAllAsRendered = useCallback<() => void>(() => {\n if (!staticElementEntriesRef.current.length) {\n // Nothing to remove.\n return;\n }\n\n // When removing each element one-by-one based on an individual timeout, Narrator would narrate them twice occasionally.\n // Possibly it think some elements that is not removed during the current cycle, are new elements and queued them twice.\n // Thus, we are removing all at once to prevent bugs in Narrator.\n markAllAsRenderedTimeoutIdRef.current && clearTimeout(markAllAsRenderedTimeoutIdRef.current);\n\n markAllAsRenderedTimeoutIdRef.current = setTimeout(() => {\n // We are playing safe by using value ref to check its length here.\n // If we are certain that `setStaticElements(emptyArray => emptyArray)` is a no-op,\n // we could replace it with just the setter function.\n staticElementEntriesRef.current.length && setStaticElementEntries([]);\n }, fadeAfterRef.current);\n }, [\n clearTimeout,\n fadeAfterRef,\n markAllAsRenderedTimeoutIdRef,\n setStaticElementEntries,\n setTimeout,\n staticElementEntriesRef\n ]);\n\n // When this component is unmounting, make sure all future `setTimeout` are cleared and should not be fired.\n useEffect(\n () => () => markAllAsRenderedTimeoutIdRef.current && clearTimeout(markAllAsRenderedTimeoutIdRef.current),\n [clearTimeout, markAllAsRenderedTimeoutIdRef]\n );\n\n const queueStaticElement = useCallback<(staticElement: StaticElement) => void>(\n (element: StaticElement): void => {\n const key = nextKeyRef.current;\n\n nextKeyRef.current = nextKeyRef.current + 1;\n\n setStaticElementEntries(entries => [...entries, { element, key }]);\n },\n [nextKeyRef, setStaticElementEntries]\n );\n\n const staticElementEntriesState = useMemo<readonly [readonly StaticElementEntry[]]>(\n () => Object.freeze([Object.freeze(staticElementEntries)]) as readonly [readonly StaticElementEntry[]],\n [staticElementEntries]\n );\n\n const context = useMemo(\n () => ({\n markAllAsRendered,\n queueStaticElement,\n staticElementEntriesState\n }),\n [markAllAsRendered, queueStaticElement, staticElementEntriesState]\n );\n\n return (\n <Provider value={context}>\n <LiveRegionTwinContainer\n aria-label={ariaLabel}\n aria-live={ariaLive}\n aria-roledescription={ariaRoleDescription}\n className={className}\n role={role}\n textElementClassName={textElementClassName}\n />\n {children}\n </Provider>\n );\n };\n\n LiveRegionTwinComposer.displayName = 'LiveRegionTwinComposer';\n\n return memo(LiveRegionTwinComposer);\n};\n\nexport default createLiveRegionTwinComposer;\n","import { validateProps } from '@msinternal/botframework-webchat-react-valibot';\nimport React, { Fragment } from 'react';\nimport { literal, object, optional, pipe, readonly, string, union, type InferInput } from 'valibot';\n\nimport useMarkAllAsRenderedEffect from './useMarkAllAsRenderedEffect';\nimport useStaticElementEntries from './useStaticElementEntries';\n\nconst liveRegionTwinContainerPropsSchema = pipe(\n object({\n 'aria-label': optional(string()),\n 'aria-live': union([literal('assertive'), literal('polite')]),\n 'aria-roledescription': optional(string()),\n className: optional(string()),\n role: optional(string()),\n textElementClassName: optional(string())\n }),\n readonly()\n);\n\ntype LiveRegionTwinContainerProps = InferInput<typeof liveRegionTwinContainerPropsSchema>;\n\n// This container is marked as private because we assume there is only one instance under the <LiveRegionTwinContext>.\nfunction LiveRegionTwinContainer(props: LiveRegionTwinContainerProps) {\n const {\n 'aria-label': ariaLabel,\n 'aria-live': ariaLive,\n 'aria-roledescription': ariaRoleDescription,\n className,\n role,\n textElementClassName\n } = validateProps(liveRegionTwinContainerPropsSchema, props);\n\n const [staticElementEntries] = useStaticElementEntries();\n\n // We assume there is only one instance under the <LiveRegionTwinContext>.\n // The assumption made us safe to mark everything is rendered.\n // In contrary, if we have 0-to-many at different time, we may falsely mark something as rendered.\n useMarkAllAsRenderedEffect();\n\n return (\n <div\n aria-label={ariaLabel}\n aria-live={ariaLive}\n aria-roledescription={ariaRoleDescription}\n className={className}\n role={role}\n >\n {staticElementEntries.map(({ element, key }) => {\n if (typeof element === 'string') {\n return (\n <div aria-atomic={true} className={textElementClassName} key={key}>\n {element}\n </div>\n );\n }\n\n return <Fragment key={key}>{element}</Fragment>;\n })}\n </div>\n );\n}\n\nexport default LiveRegionTwinContainer;\nexport { liveRegionTwinContainerPropsSchema, type LiveRegionTwinContainerProps };\n","import { useEffect } from 'react';\n\nimport useLiveRegionTwinContext from './useContext';\n\n// After calling `markAllAsRendered`, it will cause a re-render.\n// Since `markAllAsRendered` is a converging function, it will eventually stop re-rendering.\n// We call this hook `useXXXEffect` for us to abstract the business logic here.\nexport default function useMarkAllAsRenderedEffect(): void {\n const { markAllAsRendered } = useLiveRegionTwinContext();\n\n // We did not set the `deps` argument as we want to run this function on every render.\n useEffect(markAllAsRendered);\n}\n","import useLiveRegionTwinContext from './useContext';\n\nimport type { StaticElementEntry } from './types';\n\nexport default function useStaticElementEntries(): readonly [readonly StaticElementEntry[]] {\n return useLiveRegionTwinContext().staticElementEntriesState;\n}\n","import useLiveRegionTwinContext from './private/useContext';\n\nimport type { StaticElement } from './private/types';\n\n/**\n * Queues a static element to the live region.\n *\n * After the element is queued, screen reader will eventually narrate it and it cannot be changed.\n */\nexport default function useQueueStaticElement(): (element: StaticElement) => void {\n return useLiveRegionTwinContext().queueStaticElement;\n}\n","import { createContext, createRef, type RefObject, useContext, memo } from 'react';\nimport createStyleToEmotionObjectComposer from './createStyleToEmotionObjectComposer';\n\nexport type StyleToEmotionObjectContextType = RefObject<(...args: unknown[]) => string>;\n\nconst styleToEmotionObjectContext = createContext<StyleToEmotionObjectContextType>(\n new Proxy(createRef(), {\n get() {\n throw new Error('StyleToEmotionObjectContext was used without StyleToEmotionObjectComposer');\n }\n })\n);\n\nexport function useStyleToEmotionObject() {\n return useContext(styleToEmotionObjectContext).current;\n}\n\nexport const StyleToEmotionObjectComposer = memo(createStyleToEmotionObjectComposer(styleToEmotionObjectContext));\n\nStyleToEmotionObjectComposer.displayName = 'StyleToEmotionObjectComposer';\n","import React, { type ReactNode, useCallback } from 'react';\nimport { useRefFrom } from 'use-ref-from';\nimport useEmotion from '../../useEmotion';\nimport { type StyleToEmotionObjectContextType } from './StyleToEmotionObjectComposer';\nimport { hooks } from 'botframework-webchat-api';\n\nconst { useStyleOptions } = hooks;\n\nconst createStyleToEmotionObjectComposer =\n ({ Provider }: React.Context<StyleToEmotionObjectContextType>) =>\n ({ children, nonce }: Readonly<{ children: ReactNode; nonce: string }>) => {\n const [{ stylesRoot }] = useStyleOptions();\n\n const emotion = useEmotion(nonce, stylesRoot);\n const styleToEmotionObject = useCallback(style => emotion.css(style), [emotion]);\n\n const styleToEmotionObjectRef = useRefFrom(styleToEmotionObject);\n\n return <Provider value={styleToEmotionObjectRef}>{styleToEmotionObject && children}</Provider>;\n };\n\nexport default createStyleToEmotionObjectComposer;\n","import createEmotion from '@emotion/css/create-instance';\nimport { useEffect, useMemo } from 'react';\nimport createCSSKey from '../../Utils/createCSSKey';\n\nconst sharedEmotionInstances = [];\n\nexport default function useEmotion(nonce?: string, container?: Node) {\n const emotion = useMemo(() => {\n const sharedEmotion = sharedEmotionInstances.find(\n ({ sheet }) => sheet.nonce === nonce && sheet.container === container\n );\n const emotion = sharedEmotion ?? createEmotion({ container, key: `webchat--css-${createCSSKey()}`, nonce });\n\n sharedEmotionInstances.push(emotion);\n\n return emotion;\n }, [container, nonce]);\n\n useEffect(\n () => () => {\n const index = sharedEmotionInstances.lastIndexOf(emotion);\n\n // Reduce ref count for the specific emotion instance.\n ~index && sharedEmotionInstances.splice(index, 1);\n\n if (!sharedEmotionInstances.includes(emotion) && emotion.sheet?.tags) {\n // No more hooks use this emotion object, we can clean up the container for stuff we added.\n for (const child of emotion.sheet.tags) {\n child.remove();\n }\n }\n },\n [emotion]\n );\n\n return emotion;\n}\n","/* eslint no-magic-numbers: [\"error\", { \"ignore\": [0, 2, 5, 26, 65] }] */\n\nimport random from 'math-random';\n\nexport default function useCSSKey() {\n return random()\n .toString(26)\n .substr(2, 5)\n .replace(/\\d/gu, value => String.fromCharCode(value.charCodeAt(0) + 65));\n}\n","import { validateProps } from '@msinternal/botframework-webchat-react-valibot';\nimport { useStyles } from '@msinternal/botframework-webchat-styles/react';\nimport cx from 'classnames';\nimport React, { memo } from 'react';\nimport { literal, object, optional, pipe, readonly, string, type InferInput } from 'valibot';\n\nimport createIconComponent from '../Utils/createIconComponent';\nimport styles from './ComponentIcon.module.css';\n\nconst baseComponentIconPropsSchema = pipe(\n object({\n 'aria-hidden': optional(literal('true')),\n 'aria-label': optional(string()),\n className: optional(string()),\n role: optional(string())\n }),\n readonly()\n);\n\nfunction BaseComponentIcon(props: InferInput<typeof baseComponentIconPropsSchema>) {\n const {\n className,\n 'aria-hidden': ariaHidden,\n 'aria-label': ariaLabel,\n role\n } = validateProps(baseComponentIconPropsSchema, props);\n\n const classNames = useStyles(styles);\n\n return (\n <div\n aria-hidden={ariaHidden}\n aria-label={ariaLabel}\n className={cx(classNames['component-icon'], className)}\n role={role}\n />\n );\n}\n\nconst { component: ComponentIcon, modifierPropsSchema: componentIconModifiersPropsSchema } = createIconComponent(\n styles,\n ['appearance', 'direction', 'icon'],\n BaseComponentIcon\n);\n\nComponentIcon.displayName = 'ComponentIcon';\n\nconst componentIconPropsSchema = pipe(\n object({\n ...baseComponentIconPropsSchema.entries,\n ...componentIconModifiersPropsSchema.entries\n }),\n readonly()\n);\n\ntype ComponentIconProps = InferInput<typeof componentIconPropsSchema>;\n\nexport default memo(ComponentIcon);\nexport { componentIconPropsSchema, type ComponentIconProps };\n","import \"/__w/1/s/BotFramework-WebChat/packages/component/src/Icon/ComponentIcon.module_built.css\";\nconst classes = {\"icon--copy-code\":\"w61aa0a_icon--copy-code\",\"appearance--text\":\"w61aa0a_appearance--text\",\"icon--attachment\":\"w61aa0a_icon--attachment\",\"icon--view-code\":\"w61aa0a_icon--view-code\",\"icon--attachment-checkmark\":\"w61aa0a_icon--attachment-checkmark\",\"icon--thumb-up\":\"w61aa0a_icon--thumb-up\",\"icon--thumb-down\":\"w61aa0a_icon--thumb-down\",\"icon--microphone\":\"w61aa0a_icon--microphone\",\"component-icon\":\"w61aa0a_component-icon\",\"icon--copy\":\"w61aa0a_icon--copy\",\"icon--download\":\"w61aa0a_icon--download\",\"icon--unchecked-circle\":\"w61aa0a_icon--unchecked-circle\",\"icon--dismiss\":\"w61aa0a_icon--dismiss\",\"icon--thumb-down-filled\":\"w61aa0a_icon--thumb-down-filled\",\"icon--copy-code-checkmark\":\"w61aa0a_icon--copy-code-checkmark\",\"icon--thumb-up-filled\":\"w61aa0a_icon--thumb-up-filled\",\"icon--checkmark-circle\":\"w61aa0a_icon--checkmark-circle\",\"icon--chevron\":\"w61aa0a_icon--chevron\",\"icon--send\":\"w61aa0a_icon--send\",\"direction--follow\":\"w61aa0a_direction--follow\",\"direction--rtl\":\"w61aa0a_direction--rtl\"}\nexport default classes\n\nconst _icon__copy_code0 = classes[\"icon--copy-code\"]\nexport { _icon__copy_code0 as \"icon--copy-code\" }\n\nconst _appearance__text0 = classes[\"appearance--text\"]\nexport { _appearance__text0 as \"appearance--text\" }\n\nconst _icon__attachment0 = classes[\"icon--attachment\"]\nexport { _icon__attachment0 as \"icon--attachment\" }\n\nconst _icon__view_code0 = classes[\"icon--view-code\"]\nexport { _icon__view_code0 as \"icon--view-code\" }\n\nconst _icon__attachment_checkmark0 = classes[\"icon--attachment-checkmark\"]\nexport { _icon__attachment_checkmark0 as \"icon--attachment-checkmark\" }\n\nconst _icon__thumb_up0 = classes[\"icon--thumb-up\"]\nexport { _icon__thumb_up0 as \"icon--thumb-up\" }\n\nconst _icon__thumb_down0 = classes[\"icon--thumb-down\"]\nexport { _icon__thumb_down0 as \"icon--thumb-down\" }\n\nconst _icon__microphone0 = classes[\"icon--microphone\"]\nexport { _icon__microphone0 as \"icon--microphone\" }\n\nconst _component_icon0 = classes[\"component-icon\"]\nexport { _component_icon0 as \"component-icon\" }\n\nconst _icon__copy0 = classes[\"icon--copy\"]\nexport { _icon__copy0 as \"icon--copy\" }\n\nconst _icon__download0 = classes[\"icon--download\"]\nexport { _icon__download0 as \"icon--download\" }\n\nconst _icon__unchecked_circle0 = classes[\"icon--unchecked-circle\"]\nexport { _icon__unchecked_circle0 as \"icon--unchecked-circle\" }\n\nconst _icon__dismiss0 = classes[\"icon--dismiss\"]\nexport { _icon__dismiss0 as \"icon--dismiss\" }\n\nconst _icon__thumb_down_filled0 = classes[\"icon--thumb-down-filled\"]\nexport { _icon__thumb_down_filled0 as \"icon--thumb-down-filled\" }\n\nconst _icon__copy_code_checkmark0 = classes[\"icon--copy-code-checkmark\"]\nexport { _icon__copy_code_checkmark0 as \"icon--copy-code-checkmark\" }\n\nconst _icon__thumb_up_filled0 = classes[\"icon--thumb-up-filled\"]\nexport { _icon__thumb_up_filled0 as \"icon--thumb-up-filled\" }\n\nconst _icon__checkmark_circle0 = classes[\"icon--checkmark-circle\"]\nexport { _icon__checkmark_circle0 as \"icon--checkmark-circle\" }\n\nconst _icon__chevron0 = classes[\"icon--chevron\"]\nexport { _icon__chevron0 as \"icon--chevron\" }\n\nconst _icon__send0 = classes[\"icon--send\"]\nexport { _icon__send0 as \"icon--send\" }\n\nconst _direction__follow0 = classes[\"direction--follow\"]\nexport { _direction__follow0 as \"direction--follow\" }\n\nconst _direction__rtl0 = classes[\"direction--rtl\"]\nexport { _direction__rtl0 as \"direction--rtl\" }\n","const { userAgent } = navigator;\n\n// not DRY so that list can be alphabetical\nconst android = /Linux; Android/u.test(userAgent);\nconst chromium = !/Edge\\//u.test(userAgent) && /Chrome\\//u.test(userAgent);\nconst edgeAnaheim = /Edg\\//u.test(userAgent);\nconst edgeUWP = /Edge\\//u.test(userAgent);\nconst firefox = /Firefox\\//u.test(userAgent);\nconst ie11 = /Trident\\/7.0/u.test(userAgent);\n\nconst chrome = chromium && !edgeAnaheim;\nconst safari = !(chrome || edgeUWP || ie11 || firefox);\n\nexport { android, chrome, chromium, edgeAnaheim, edgeUWP, firefox, ie11, safari };\n"],"mappings":"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","names":["createContext","context","WebChatUIContext_default","useContext","useWebChatUIContext","context","useContext","WebChatUIContext_default","useStyleSet","useWebChatUIContext","cx","object","optional","picklist","pipe","readonly","React","createPropsSchema","styles","modifiers","props","acc","key","rawBase","modifier","base","modifierSet","schemaEntries","values","schema","createIconComponent","BaseIcon","modifierPropsSchema","className","rest","validatedProps","o","classNames","dt","classes","value","parseDocumentFragmentFromString","html","parsedDocument","fragment","serializeDocumentFragmentIntoString","documentFragment","useMemo","useRefFrom","useContext","createContext","hooks","React","memo","useCallback","useEffect","useMemo","useRef","useState","useRefFrom","React","Fragment","literal","object","optional","pipe","readonly","string","union","useEffect","useMarkAllAsRenderedEffect","markAllAsRendered","useLiveRegionTwinContext","useEffect","useStaticElementEntries","useLiveRegionTwinContext","liveRegionTwinContainerPropsSchema","pipe","object","optional","string","union","literal","readonly","LiveRegionTwinContainer","props","ariaLabel","ariaLive","ariaRoleDescription","className","role","textElementClassName","o","staticElementEntries","useStaticElementEntries","useMarkAllAsRenderedEffect","React","element","key","Fragment","LiveRegionTwinContainer_default","usePonyfill","hooks","DEFAULT_ARIA_LIVE","DEFAULT_FADE_AFTER","createLiveRegionTwinComposer","Provider","LiveRegionTwinComposer","ariaLabel","ariaLive","ariaRoleDescription","children","className","fadeAfter","role","textElementClassName","clearTimeout","setTimeout","staticElementEntries","setStaticElementEntries","useState","fadeAfterRef","useRefFrom","markAllAsRenderedTimeoutIdRef","useRef","nextKeyRef","staticElementEntriesRef","markAllAsRendered","useCallback","useEffect","queueStaticElement","element","key","entries","staticElementEntriesState","useMemo","context","React","LiveRegionTwinContainer_default","memo","createLiveRegionTwinComposer_default","LiveRegionTwinContext","createContext","_target","key","LiveRegionTwinComposer","createLiveRegionTwinComposer_default","LiveRegionTwinComposer_default","useLiveRegionTwinContext","useContext","LiveRegionTwinContext","useQueueStaticElement","useLiveRegionTwinContext","useLiveRegion","createNode","deps","createNodeRef","useRefFrom","queueStaticElement","useQueueStaticElement","useMemo","node","createContext","createRef","useContext","memo","React","useCallback","useRefFrom","createEmotion","useEffect","useMemo","random","useCSSKey","value","sharedEmotionInstances","useEmotion","nonce","container","emotion","useMemo","sheet","createEmotion","useCSSKey","useEffect","index","child","hooks","useStyleOptions","createStyleToEmotionObjectComposer","Provider","children","nonce","stylesRoot","emotion","useEmotion","styleToEmotionObject","useCallback","style","styleToEmotionObjectRef","useRefFrom","React","createStyleToEmotionObjectComposer_default","styleToEmotionObjectContext","createContext","createRef","useStyleToEmotionObject","useContext","StyleToEmotionObjectComposer","memo","createStyleToEmotionObjectComposer_default","cx","React","memo","literal","object","optional","pipe","readonly","string","classes","ComponentIcon_module_default","_icon__copy_code0","_appearance__text0","classes","_icon__attachment0","classes","_icon__view_code0","classes","_icon__attachment_checkmark0","classes","_icon__thumb_up0","classes","_icon__thumb_down0","classes","_icon__microphone0","classes","_component_icon0","classes","_icon__copy0","classes","_icon__download0","classes","_icon__unchecked_circle0","classes","_icon__dismiss0","classes","_icon__thumb_down_filled0","classes","_icon__copy_code_checkmark0","classes","_icon__thumb_up_filled0","classes","_icon__checkmark_circle0","classes","_icon__chevron0","classes","_icon__send0","classes","_direction__follow0","classes","_direction__rtl0","classes","baseComponentIconPropsSchema","pipe","object","optional","literal","string","readonly","BaseComponentIcon","props","className","ariaHidden","ariaLabel","role","o","classNames","dt","ComponentIcon_module_default","React","cx","ComponentIcon","componentIconModifiersPropsSchema","createIconComponent","componentIconPropsSchema","ComponentIcon_default","memo","userAgent","android","chromium","edgeAnaheim","edgeUWP","firefox","ie11"]}
|
|
1
|
+
{"version":3,"sources":["../src/hooks/internal/WebChatUIContext.ts","../src/hooks/internal/useWebChatUIContext.js","../src/hooks/useStyleSet.ts","../src/Utils/createIconComponent.tsx","../src/Utils/parseDocumentFragmentFromString.ts","../src/Utils/serializeDocumentFragmentIntoString.ts","../src/providers/LiveRegionTwin/useLiveRegion.ts","../src/providers/LiveRegionTwin/private/useContext.ts","../src/providers/LiveRegionTwin/private/LiveRegionTwinComposer.ts","../src/providers/LiveRegionTwin/private/createLiveRegionTwinComposer.tsx","../src/providers/LiveRegionTwin/private/LiveRegionTwinContainer.tsx","../src/providers/LiveRegionTwin/private/useMarkAllAsRenderedEffect.ts","../src/providers/LiveRegionTwin/private/useStaticElementEntries.ts","../src/providers/LiveRegionTwin/useQueueStaticElement.ts","../src/hooks/internal/styleToEmotionObject/private/StyleToEmotionObjectComposer.tsx","../src/hooks/internal/styleToEmotionObject/private/createStyleToEmotionObjectComposer.tsx","../src/hooks/internal/useEmotion.ts","../src/Utils/createCSSKey.js","../src/Icon/ComponentIcon.tsx","unplugin-lightningcss:/__w/1/s/BotFramework-WebChat/packages/component/src/Icon/ComponentIcon.module.css?css_module","../src/Utils/detectBrowser.js"],"sourcesContent":["import { createContext, type MutableRefObject } from 'react';\n\nimport { type FocusTranscriptInit } from '../../types/internal/FocusTranscriptInit';\n\nexport type ContextType = {\n focusTranscriptCallbacksRef: MutableRefObject<((init?: FocusTranscriptInit | undefined) => Promise<void>)[]>;\n nonce: string | undefined;\n\n // TODO: [P0] Infer the following types.\n dictateAbortable: any;\n dispatchScrollPosition: any;\n dispatchTranscriptFocusByActivityKey: any;\n internalMarkdownItState: [any];\n internalRenderMarkdownInline: any;\n numTranscriptFocusObservers: any;\n observeScrollPosition: any;\n observeTranscriptFocus: any;\n renderMarkdown: any;\n scrollToCallbacksRef: any;\n scrollToEndCallbacksRef: any;\n setDictateAbortable: any;\n styleSet: any;\n suggestedActionsAccessKey: any;\n webSpeechPonyfill: any;\n};\n\nconst context = createContext<ContextType>(undefined as ContextType);\n\nexport default context;\n","import { useContext } from 'react';\n\nimport WebChatUIContext from './WebChatUIContext';\n\nexport default function useWebChatUIContext() {\n const context = useContext(WebChatUIContext);\n\n if (!context) {\n throw new Error('This hook can only be used on a component that is a descendant of <Composer>');\n }\n\n return context;\n}\n","import type createStyleSet from '../Styles/createStyleSet';\nimport useWebChatUIContext from './internal/useWebChatUIContext';\n\n// TODO: Seems type of value is `string`.\nexport default function useStyleSet(): readonly [Record<keyof ReturnType<typeof createStyleSet>, any>] {\n return Object.freeze([useWebChatUIContext().styleSet] as const);\n}\n","import { useStyles } from '@msinternal/botframework-webchat-styles/react';\nimport { validateProps } from '@msinternal/botframework-webchat-react-valibot';\nimport cx from 'classnames';\nimport {\n object,\n optional,\n picklist,\n pipe,\n readonly,\n type BaseIssue,\n type BaseSchema,\n type OptionalSchema,\n type PicklistSchema\n} from 'valibot';\nimport React, { type ComponentType } from 'react';\n\ntype CSSModuleClasses = { readonly [key: string]: any };\n\ntype Prefixes<T> = T extends `${infer P}--${string}` ? P : never;\n\ntype SuffixesOf<Prefix extends string, T> = T extends `${Prefix}--${infer S}` ? S : never;\n\ntype ModifierMap<T> = {\n [P in Prefixes<keyof T>]?: SuffixesOf<P, keyof T>;\n};\n\ntype SafeModifierList<TCSSModuleClasses> = keyof ModifierMap<TCSSModuleClasses> extends never\n ? string\n : keyof ModifierMap<TCSSModuleClasses>;\n\ntype ModifierSchemaEntry = OptionalSchema<PicklistSchema<readonly [string, ...string[]], undefined>, undefined>;\n\nexport type IconModifierPropsSchema<TModifiers extends string> = BaseSchema<\n Partial<Record<TModifiers, string>>,\n Readonly<Partial<Record<TModifiers, string>>>,\n BaseIssue<unknown>\n> & {\n readonly entries: Partial<Record<TModifiers, ModifierSchemaEntry>>;\n};\n\nfunction createPropsSchema<\n const TCSSModuleClasses extends CSSModuleClasses,\n const TModifiers extends SafeModifierList<TCSSModuleClasses>\n>(styles: TCSSModuleClasses, modifiers: TModifiers[]): IconModifierPropsSchema<TModifiers> {\n const props = Object.keys(styles).reduce((acc, key) => {\n const [rawBase, modifier] = key.split('--') as [string, string | undefined];\n\n if (!modifier) {\n return acc;\n }\n\n const base = rawBase as TModifiers;\n\n if (!modifiers.includes(base)) {\n return acc;\n }\n\n let modifierSet = acc.get(base);\n\n if (!modifierSet) {\n modifierSet = new Set<string>();\n acc.set(base, modifierSet);\n }\n\n modifierSet.add(modifier);\n\n return acc;\n }, new Map<TModifiers, Set<string>>());\n\n const schemaEntries = Array.from(props.entries()).reduce<Partial<Record<TModifiers, ModifierSchemaEntry>>>(\n (acc, [base, modifierSet]) => {\n const values = Array.from(modifierSet);\n\n if (values.length) {\n // eslint-disable-next-line security/detect-object-injection\n acc[base] = optional(picklist(values as unknown as readonly [string, ...string[]])) as ModifierSchemaEntry;\n }\n\n return acc;\n },\n {}\n );\n\n const schema = object(schemaEntries as Partial<Record<TModifiers, ModifierSchemaEntry>>);\n\n return pipe(schema, readonly()) as IconModifierPropsSchema<TModifiers>;\n}\n\nexport default function createIconComponent<\n const TProps extends { className?: string | undefined },\n const TModifiers extends SafeModifierList<TCSSModuleClasses>,\n const TCSSModuleClasses extends CSSModuleClasses\n>(\n styles: TCSSModuleClasses,\n modifiers: TModifiers[],\n BaseIcon: ComponentType<TProps>\n): {\n component: ComponentType<\n (TModifiers extends Prefixes<keyof TCSSModuleClasses>\n ? Pick<ModifierMap<TCSSModuleClasses>, TModifiers>\n : Partial<Record<TModifiers, string>>) &\n TProps\n >;\n modifierPropsSchema: IconModifierPropsSchema<TModifiers>;\n} {\n type CSSModuleModifiers = ModifierMap<TCSSModuleClasses>;\n\n // Do not bail if no CSS modules TypeScript plugin is provided.\n type FinalCSSModuleModifiers = TModifiers extends keyof CSSModuleModifiers\n ? Pick<CSSModuleModifiers, TModifiers>\n : Partial<Record<TModifiers, string>>;\n\n const modifierPropsSchema = createPropsSchema(styles, modifiers);\n\n const component = (props => {\n const { className, ...rest } = props;\n const validatedProps = validateProps(modifierPropsSchema, props);\n const classNames = useStyles(styles);\n\n const classes = Object.entries(validatedProps).map(([key, value]) => classNames[`${key}--${value}`]);\n\n return <BaseIcon className={cx(className, classes)} {...(rest as TProps)} />;\n }) as ComponentType<FinalCSSModuleModifiers & TProps>;\n\n return { component, modifierPropsSchema };\n}\n","export default function parseDocumentFragmentFromString(html: string): DocumentFragment {\n const parser = new DOMParser();\n const parsedDocument = parser.parseFromString(html, 'text/html');\n const fragment = parsedDocument.createDocumentFragment();\n\n fragment.append(...parsedDocument.body.childNodes);\n\n return fragment;\n}\n","export default function serializeDocumentFragmentIntoString(documentFragment: DocumentFragment): string {\n return new XMLSerializer().serializeToString(documentFragment).trim();\n}\n","import { useMemo, type DependencyList, type ReactElement } from 'react';\nimport { useRefFrom } from 'use-ref-from';\n\nimport useQueueStaticElement from './useQueueStaticElement';\n\n/**\n * Pushes a node to the live region.\n *\n * Once the node is pushed, it cannot be undoed.\n *\n * @param createNode Create node to be pushed to the live region.\n * @param deps Will push a new node if the values in the list change.\n */\nexport default function useLiveRegion(\n createNode: () => false | null | ReactElement | string | undefined,\n deps: DependencyList\n) {\n const createNodeRef = useRefFrom(createNode);\n const queueStaticElement = useQueueStaticElement();\n\n useMemo(() => {\n const node = createNodeRef?.current();\n\n node && queueStaticElement(node);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [...deps, createNodeRef, queueStaticElement]);\n}\n","import { useContext } from 'react';\n\nimport { LiveRegionTwinContext, type LiveRegionTwinContextType } from './LiveRegionTwinComposer';\n\nexport default function useLiveRegionTwinContext(): LiveRegionTwinContextType {\n const contextValue = useContext(LiveRegionTwinContext);\n\n return contextValue;\n}\n","import { createContext } from 'react';\nimport createLiveRegionTwinComposer from './createLiveRegionTwinComposer';\n\nimport type { StaticElement, StaticElementEntry } from './types';\n\nexport type LiveRegionTwinContextType = {\n markAllAsRendered: () => void;\n queueStaticElement: (element: StaticElement) => void;\n staticElementEntriesState: readonly [readonly StaticElementEntry[]];\n};\n\nexport const LiveRegionTwinContext = createContext<LiveRegionTwinContextType>(\n new Proxy(\n {},\n {\n get(_target, key: string) {\n throw new Error(\n `botframework-webchat: LiveRegionTwinContext.${key} can only be used inside of <LiveRegionTwinComposer>.`\n );\n }\n }\n ) as unknown as LiveRegionTwinContextType\n);\n\nconst LiveRegionTwinComposer = createLiveRegionTwinComposer(LiveRegionTwinContext);\n\nexport default LiveRegionTwinComposer;\n","import { hooks } from 'botframework-webchat-api';\nimport React, { memo, useCallback, useEffect, useMemo, useRef, useState, type Context, type ReactNode } from 'react';\nimport { useRefFrom } from 'use-ref-from';\n\nimport { type LiveRegionTwinContextType } from './LiveRegionTwinComposer';\nimport LiveRegionTwinContainer from './LiveRegionTwinContainer';\n\nimport type { StaticElement, StaticElementEntry } from './types';\n\nconst { usePonyfill } = hooks;\n\nconst DEFAULT_ARIA_LIVE = 'polite';\nconst DEFAULT_FADE_AFTER = 1000;\n\ntype LiveRegionTwinComposerProps = Readonly<{\n /** Optional \"aria-label\" attribute for the live region twin container. */\n 'aria-label'?: string;\n\n /** \"aria-live\" attribute for the live region twin container, defaults to `'polite'`. */\n 'aria-live'?: 'assertive' | 'polite';\n\n /** Optional \"aria-roledescription\" attribute for the live region twin container. */\n 'aria-roledescription'?: string;\n\n /** Optional \"className\" attribute for the live region twin container. */\n className?: string;\n\n /**\n * Static elements will fade out after this timeout value specified in milliseconds, defaults to `1000`.\n *\n * When lowering this value, make sure screen reader can continue to pick up new static elements before fading out.\n *\n * If this prop is updated, it will be reflected in next queueing elements.\n */\n fadeAfter?: number;\n\n /** Optional \"role\" attribute for the live region twin container. */\n role?: string;\n\n /** Optional \"className\" attribute for static text element. */\n textElementClassName?: string;\n\n children?: ReactNode | undefined;\n}>;\n\n/**\n * Live region twin is an UI component for queueing texts or elements to the screen reader using\n * a container element with `aria-live` attribute set.\n *\n * After the text is rendered and queued, it will be removed to reduce burden on the DOM tree.\n * Currently, we assume the assistive technologies should pick up the text within 1 second of rendering.\n * This value is configurable.\n *\n * By default, the live region is visible. If is is not desirable, the caller can use `className` prop to\n * hide its visuals.\n */\nconst createLiveRegionTwinComposer = ({ Provider }: Context<LiveRegionTwinContextType>) => {\n const LiveRegionTwinComposer = ({\n 'aria-label': ariaLabel,\n 'aria-live': ariaLive = DEFAULT_ARIA_LIVE,\n 'aria-roledescription': ariaRoleDescription,\n children,\n className,\n fadeAfter = DEFAULT_FADE_AFTER,\n role,\n textElementClassName\n }: LiveRegionTwinComposerProps) => {\n const [{ clearTimeout, setTimeout }] = usePonyfill();\n const [staticElementEntries, setStaticElementEntries] = useState<StaticElementEntry[]>([]);\n const fadeAfterRef = useRefFrom(fadeAfter);\n const markAllAsRenderedTimeoutIdRef = useRef<any>();\n const nextKeyRef = useRef<number>(1);\n\n const staticElementEntriesRef = useRefFrom(staticElementEntries);\n\n // This function is called by an effect hook `useMarkAllAsRenderedEffect`, it must be designed with converging in mind.\n // To prevent infinite render loop, after multiple calls to this function, it should eventually no-op.\n const markAllAsRendered = useCallback<() => void>(() => {\n if (!staticElementEntriesRef.current.length) {\n // Nothing to remove.\n return;\n }\n\n // When removing each element one-by-one based on an individual timeout, Narrator would narrate them twice occasionally.\n // Possibly it think some elements that is not removed during the current cycle, are new elements and queued them twice.\n // Thus, we are removing all at once to prevent bugs in Narrator.\n markAllAsRenderedTimeoutIdRef.current && clearTimeout(markAllAsRenderedTimeoutIdRef.current);\n\n markAllAsRenderedTimeoutIdRef.current = setTimeout(() => {\n // We are playing safe by using value ref to check its length here.\n // If we are certain that `setStaticElements(emptyArray => emptyArray)` is a no-op,\n // we could replace it with just the setter function.\n staticElementEntriesRef.current.length && setStaticElementEntries([]);\n }, fadeAfterRef.current);\n }, [\n clearTimeout,\n fadeAfterRef,\n markAllAsRenderedTimeoutIdRef,\n setStaticElementEntries,\n setTimeout,\n staticElementEntriesRef\n ]);\n\n // When this component is unmounting, make sure all future `setTimeout` are cleared and should not be fired.\n useEffect(\n () => () => markAllAsRenderedTimeoutIdRef.current && clearTimeout(markAllAsRenderedTimeoutIdRef.current),\n [clearTimeout, markAllAsRenderedTimeoutIdRef]\n );\n\n const queueStaticElement = useCallback<(staticElement: StaticElement) => void>(\n (element: StaticElement): void => {\n const key = nextKeyRef.current;\n\n nextKeyRef.current = nextKeyRef.current + 1;\n\n setStaticElementEntries(entries => [...entries, { element, key }]);\n },\n [nextKeyRef, setStaticElementEntries]\n );\n\n const staticElementEntriesState = useMemo<readonly [readonly StaticElementEntry[]]>(\n () => Object.freeze([Object.freeze(staticElementEntries)]) as readonly [readonly StaticElementEntry[]],\n [staticElementEntries]\n );\n\n const context = useMemo(\n () => ({\n markAllAsRendered,\n queueStaticElement,\n staticElementEntriesState\n }),\n [markAllAsRendered, queueStaticElement, staticElementEntriesState]\n );\n\n return (\n <Provider value={context}>\n <LiveRegionTwinContainer\n aria-label={ariaLabel}\n aria-live={ariaLive}\n aria-roledescription={ariaRoleDescription}\n className={className}\n role={role}\n textElementClassName={textElementClassName}\n />\n {children}\n </Provider>\n );\n };\n\n LiveRegionTwinComposer.displayName = 'LiveRegionTwinComposer';\n\n return memo(LiveRegionTwinComposer);\n};\n\nexport default createLiveRegionTwinComposer;\n","import { validateProps } from '@msinternal/botframework-webchat-react-valibot';\nimport React, { Fragment } from 'react';\nimport { literal, object, optional, pipe, readonly, string, union, type InferInput } from 'valibot';\n\nimport useMarkAllAsRenderedEffect from './useMarkAllAsRenderedEffect';\nimport useStaticElementEntries from './useStaticElementEntries';\n\nconst liveRegionTwinContainerPropsSchema = pipe(\n object({\n 'aria-label': optional(string()),\n 'aria-live': union([literal('assertive'), literal('polite')]),\n 'aria-roledescription': optional(string()),\n className: optional(string()),\n role: optional(string()),\n textElementClassName: optional(string())\n }),\n readonly()\n);\n\ntype LiveRegionTwinContainerProps = InferInput<typeof liveRegionTwinContainerPropsSchema>;\n\n// This container is marked as private because we assume there is only one instance under the <LiveRegionTwinContext>.\nfunction LiveRegionTwinContainer(props: LiveRegionTwinContainerProps) {\n const {\n 'aria-label': ariaLabel,\n 'aria-live': ariaLive,\n 'aria-roledescription': ariaRoleDescription,\n className,\n role,\n textElementClassName\n } = validateProps(liveRegionTwinContainerPropsSchema, props);\n\n const [staticElementEntries] = useStaticElementEntries();\n\n // We assume there is only one instance under the <LiveRegionTwinContext>.\n // The assumption made us safe to mark everything is rendered.\n // In contrary, if we have 0-to-many at different time, we may falsely mark something as rendered.\n useMarkAllAsRenderedEffect();\n\n return (\n <div\n aria-label={ariaLabel}\n aria-live={ariaLive}\n aria-roledescription={ariaRoleDescription}\n className={className}\n role={role}\n >\n {staticElementEntries.map(({ element, key }) => {\n if (typeof element === 'string') {\n return (\n <div aria-atomic={true} className={textElementClassName} key={key}>\n {element}\n </div>\n );\n }\n\n return <Fragment key={key}>{element}</Fragment>;\n })}\n </div>\n );\n}\n\nexport default LiveRegionTwinContainer;\nexport { liveRegionTwinContainerPropsSchema, type LiveRegionTwinContainerProps };\n","import { useEffect } from 'react';\n\nimport useLiveRegionTwinContext from './useContext';\n\n// After calling `markAllAsRendered`, it will cause a re-render.\n// Since `markAllAsRendered` is a converging function, it will eventually stop re-rendering.\n// We call this hook `useXXXEffect` for us to abstract the business logic here.\nexport default function useMarkAllAsRenderedEffect(): void {\n const { markAllAsRendered } = useLiveRegionTwinContext();\n\n // We did not set the `deps` argument as we want to run this function on every render.\n useEffect(markAllAsRendered);\n}\n","import useLiveRegionTwinContext from './useContext';\n\nimport type { StaticElementEntry } from './types';\n\nexport default function useStaticElementEntries(): readonly [readonly StaticElementEntry[]] {\n return useLiveRegionTwinContext().staticElementEntriesState;\n}\n","import useLiveRegionTwinContext from './private/useContext';\n\nimport type { StaticElement } from './private/types';\n\n/**\n * Queues a static element to the live region.\n *\n * After the element is queued, screen reader will eventually narrate it and it cannot be changed.\n */\nexport default function useQueueStaticElement(): (element: StaticElement) => void {\n return useLiveRegionTwinContext().queueStaticElement;\n}\n","import { createContext, createRef, type RefObject, useContext, memo } from 'react';\nimport createStyleToEmotionObjectComposer from './createStyleToEmotionObjectComposer';\n\nexport type StyleToEmotionObjectContextType = RefObject<(...args: unknown[]) => string>;\n\nconst styleToEmotionObjectContext = createContext<StyleToEmotionObjectContextType>(\n new Proxy(createRef(), {\n get() {\n throw new Error('StyleToEmotionObjectContext was used without StyleToEmotionObjectComposer');\n }\n })\n);\n\nexport function useStyleToEmotionObject() {\n return useContext(styleToEmotionObjectContext).current;\n}\n\nexport const StyleToEmotionObjectComposer = memo(createStyleToEmotionObjectComposer(styleToEmotionObjectContext));\n\nStyleToEmotionObjectComposer.displayName = 'StyleToEmotionObjectComposer';\n","import React, { type ReactNode, useCallback } from 'react';\nimport { useRefFrom } from 'use-ref-from';\nimport useEmotion from '../../useEmotion';\nimport { type StyleToEmotionObjectContextType } from './StyleToEmotionObjectComposer';\nimport { hooks } from 'botframework-webchat-api';\n\nconst { useStyleOptions } = hooks;\n\nconst createStyleToEmotionObjectComposer =\n ({ Provider }: React.Context<StyleToEmotionObjectContextType>) =>\n ({ children, nonce }: Readonly<{ children: ReactNode; nonce: string }>) => {\n const [{ stylesRoot }] = useStyleOptions();\n\n const emotion = useEmotion(nonce, stylesRoot);\n const styleToEmotionObject = useCallback(style => emotion.css(style), [emotion]);\n\n const styleToEmotionObjectRef = useRefFrom(styleToEmotionObject);\n\n return <Provider value={styleToEmotionObjectRef}>{styleToEmotionObject && children}</Provider>;\n };\n\nexport default createStyleToEmotionObjectComposer;\n","import createEmotion from '@emotion/css/create-instance';\nimport { useEffect, useMemo } from 'react';\nimport createCSSKey from '../../Utils/createCSSKey';\n\nconst sharedEmotionInstances = [];\n\nexport default function useEmotion(nonce?: string, container?: Node) {\n const emotion = useMemo(() => {\n const sharedEmotion = sharedEmotionInstances.find(\n ({ sheet }) => sheet.nonce === nonce && sheet.container === container\n );\n const emotion = sharedEmotion ?? createEmotion({ container, key: `webchat--css-${createCSSKey()}`, nonce });\n\n sharedEmotionInstances.push(emotion);\n\n return emotion;\n }, [container, nonce]);\n\n useEffect(\n () => () => {\n const index = sharedEmotionInstances.lastIndexOf(emotion);\n\n // Reduce ref count for the specific emotion instance.\n ~index && sharedEmotionInstances.splice(index, 1);\n\n if (!sharedEmotionInstances.includes(emotion) && emotion.sheet?.tags) {\n // No more hooks use this emotion object, we can clean up the container for stuff we added.\n for (const child of emotion.sheet.tags) {\n child.remove();\n }\n }\n },\n [emotion]\n );\n\n return emotion;\n}\n","/* eslint no-magic-numbers: [\"error\", { \"ignore\": [0, 2, 5, 26, 65] }] */\n\nimport random from 'math-random';\n\nexport default function useCSSKey() {\n return random()\n .toString(26)\n .substr(2, 5)\n .replace(/\\d/gu, value => String.fromCharCode(value.charCodeAt(0) + 65));\n}\n","import { validateProps } from '@msinternal/botframework-webchat-react-valibot';\nimport { useStyles } from '@msinternal/botframework-webchat-styles/react';\nimport cx from 'classnames';\nimport React, { memo } from 'react';\nimport { literal, object, optional, pipe, readonly, string, type InferInput } from 'valibot';\n\nimport createIconComponent from '../Utils/createIconComponent';\nimport styles from './ComponentIcon.module.css';\n\nconst baseComponentIconPropsSchema = pipe(\n object({\n 'aria-hidden': optional(literal('true')),\n 'aria-label': optional(string()),\n className: optional(string()),\n role: optional(string())\n }),\n readonly()\n);\n\nfunction BaseComponentIcon(props: InferInput<typeof baseComponentIconPropsSchema>) {\n const {\n className,\n 'aria-hidden': ariaHidden,\n 'aria-label': ariaLabel,\n role\n } = validateProps(baseComponentIconPropsSchema, props);\n\n const classNames = useStyles(styles);\n\n return (\n <div\n aria-hidden={ariaHidden}\n aria-label={ariaLabel}\n className={cx(classNames['component-icon'], className)}\n role={role}\n />\n );\n}\n\nconst { component: ComponentIcon, modifierPropsSchema: componentIconModifiersPropsSchema } = createIconComponent(\n styles,\n ['appearance', 'direction', 'icon'],\n BaseComponentIcon\n);\n\nComponentIcon.displayName = 'ComponentIcon';\n\nconst componentIconPropsSchema = pipe(\n object({\n ...baseComponentIconPropsSchema.entries,\n ...componentIconModifiersPropsSchema.entries\n }),\n readonly()\n);\n\ntype ComponentIconProps = InferInput<typeof componentIconPropsSchema>;\n\nexport default memo(ComponentIcon);\nexport { componentIconPropsSchema, type ComponentIconProps };\n","import \"/__w/1/s/BotFramework-WebChat/packages/component/src/Icon/ComponentIcon.module_built.css\";\nconst classes = {\"icon--thumb-up\":\"w61aa0a_icon--thumb-up\",\"appearance--text\":\"w61aa0a_appearance--text\",\"direction--follow\":\"w61aa0a_direction--follow\",\"icon--dismiss\":\"w61aa0a_icon--dismiss\",\"icon--attachment\":\"w61aa0a_icon--attachment\",\"icon--attachment-checkmark\":\"w61aa0a_icon--attachment-checkmark\",\"icon--copy-code\":\"w61aa0a_icon--copy-code\",\"icon--copy-code-checkmark\":\"w61aa0a_icon--copy-code-checkmark\",\"icon--thumb-up-filled\":\"w61aa0a_icon--thumb-up-filled\",\"icon--unchecked-circle\":\"w61aa0a_icon--unchecked-circle\",\"icon--copy\":\"w61aa0a_icon--copy\",\"icon--microphone\":\"w61aa0a_icon--microphone\",\"icon--download\":\"w61aa0a_icon--download\",\"icon--thumb-down-filled\":\"w61aa0a_icon--thumb-down-filled\",\"icon--view-code\":\"w61aa0a_icon--view-code\",\"direction--rtl\":\"w61aa0a_direction--rtl\",\"icon--send\":\"w61aa0a_icon--send\",\"icon--thumb-down\":\"w61aa0a_icon--thumb-down\",\"icon--checkmark-circle\":\"w61aa0a_icon--checkmark-circle\",\"component-icon\":\"w61aa0a_component-icon\",\"icon--chevron\":\"w61aa0a_icon--chevron\"}\nexport default classes\n\nconst _icon__thumb_up0 = classes[\"icon--thumb-up\"]\nexport { _icon__thumb_up0 as \"icon--thumb-up\" }\n\nconst _appearance__text0 = classes[\"appearance--text\"]\nexport { _appearance__text0 as \"appearance--text\" }\n\nconst _direction__follow0 = classes[\"direction--follow\"]\nexport { _direction__follow0 as \"direction--follow\" }\n\nconst _icon__dismiss0 = classes[\"icon--dismiss\"]\nexport { _icon__dismiss0 as \"icon--dismiss\" }\n\nconst _icon__attachment0 = classes[\"icon--attachment\"]\nexport { _icon__attachment0 as \"icon--attachment\" }\n\nconst _icon__attachment_checkmark0 = classes[\"icon--attachment-checkmark\"]\nexport { _icon__attachment_checkmark0 as \"icon--attachment-checkmark\" }\n\nconst _icon__copy_code0 = classes[\"icon--copy-code\"]\nexport { _icon__copy_code0 as \"icon--copy-code\" }\n\nconst _icon__copy_code_checkmark0 = classes[\"icon--copy-code-checkmark\"]\nexport { _icon__copy_code_checkmark0 as \"icon--copy-code-checkmark\" }\n\nconst _icon__thumb_up_filled0 = classes[\"icon--thumb-up-filled\"]\nexport { _icon__thumb_up_filled0 as \"icon--thumb-up-filled\" }\n\nconst _icon__unchecked_circle0 = classes[\"icon--unchecked-circle\"]\nexport { _icon__unchecked_circle0 as \"icon--unchecked-circle\" }\n\nconst _icon__copy0 = classes[\"icon--copy\"]\nexport { _icon__copy0 as \"icon--copy\" }\n\nconst _icon__microphone0 = classes[\"icon--microphone\"]\nexport { _icon__microphone0 as \"icon--microphone\" }\n\nconst _icon__download0 = classes[\"icon--download\"]\nexport { _icon__download0 as \"icon--download\" }\n\nconst _icon__thumb_down_filled0 = classes[\"icon--thumb-down-filled\"]\nexport { _icon__thumb_down_filled0 as \"icon--thumb-down-filled\" }\n\nconst _icon__view_code0 = classes[\"icon--view-code\"]\nexport { _icon__view_code0 as \"icon--view-code\" }\n\nconst _direction__rtl0 = classes[\"direction--rtl\"]\nexport { _direction__rtl0 as \"direction--rtl\" }\n\nconst _icon__send0 = classes[\"icon--send\"]\nexport { _icon__send0 as \"icon--send\" }\n\nconst _icon__thumb_down0 = classes[\"icon--thumb-down\"]\nexport { _icon__thumb_down0 as \"icon--thumb-down\" }\n\nconst _icon__checkmark_circle0 = classes[\"icon--checkmark-circle\"]\nexport { _icon__checkmark_circle0 as \"icon--checkmark-circle\" }\n\nconst _component_icon0 = classes[\"component-icon\"]\nexport { _component_icon0 as \"component-icon\" }\n\nconst _icon__chevron0 = classes[\"icon--chevron\"]\nexport { _icon__chevron0 as \"icon--chevron\" }\n","const { userAgent } = navigator;\n\n// not DRY so that list can be alphabetical\nconst android = /Linux; Android/u.test(userAgent);\nconst chromium = !/Edge\\//u.test(userAgent) && /Chrome\\//u.test(userAgent);\nconst edgeAnaheim = /Edg\\//u.test(userAgent);\nconst edgeUWP = /Edge\\//u.test(userAgent);\nconst firefox = /Firefox\\//u.test(userAgent);\nconst ie11 = /Trident\\/7.0/u.test(userAgent);\n\nconst chrome = chromium && !edgeAnaheim;\nconst safari = !(chrome || edgeUWP || ie11 || firefox);\n\nexport { android, chrome, chromium, edgeAnaheim, edgeUWP, firefox, ie11, safari };\n"],"mappings":"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","names":["createContext","context","WebChatUIContext_default","useContext","useWebChatUIContext","context","useContext","WebChatUIContext_default","useStyleSet","useWebChatUIContext","cx","object","optional","picklist","pipe","readonly","React","createPropsSchema","styles","modifiers","props","acc","key","rawBase","modifier","base","modifierSet","schemaEntries","values","schema","createIconComponent","BaseIcon","modifierPropsSchema","className","rest","validatedProps","o","classNames","dt","classes","value","parseDocumentFragmentFromString","html","parsedDocument","fragment","serializeDocumentFragmentIntoString","documentFragment","useMemo","useRefFrom","useContext","createContext","hooks","React","memo","useCallback","useEffect","useMemo","useRef","useState","useRefFrom","React","Fragment","literal","object","optional","pipe","readonly","string","union","useEffect","useMarkAllAsRenderedEffect","markAllAsRendered","useLiveRegionTwinContext","useEffect","useStaticElementEntries","useLiveRegionTwinContext","liveRegionTwinContainerPropsSchema","pipe","object","optional","string","union","literal","readonly","LiveRegionTwinContainer","props","ariaLabel","ariaLive","ariaRoleDescription","className","role","textElementClassName","o","staticElementEntries","useStaticElementEntries","useMarkAllAsRenderedEffect","React","element","key","Fragment","LiveRegionTwinContainer_default","usePonyfill","hooks","DEFAULT_ARIA_LIVE","DEFAULT_FADE_AFTER","createLiveRegionTwinComposer","Provider","LiveRegionTwinComposer","ariaLabel","ariaLive","ariaRoleDescription","children","className","fadeAfter","role","textElementClassName","clearTimeout","setTimeout","staticElementEntries","setStaticElementEntries","useState","fadeAfterRef","useRefFrom","markAllAsRenderedTimeoutIdRef","useRef","nextKeyRef","staticElementEntriesRef","markAllAsRendered","useCallback","useEffect","queueStaticElement","element","key","entries","staticElementEntriesState","useMemo","context","React","LiveRegionTwinContainer_default","memo","createLiveRegionTwinComposer_default","LiveRegionTwinContext","createContext","_target","key","LiveRegionTwinComposer","createLiveRegionTwinComposer_default","LiveRegionTwinComposer_default","useLiveRegionTwinContext","useContext","LiveRegionTwinContext","useQueueStaticElement","useLiveRegionTwinContext","useLiveRegion","createNode","deps","createNodeRef","useRefFrom","queueStaticElement","useQueueStaticElement","useMemo","node","createContext","createRef","useContext","memo","React","useCallback","useRefFrom","createEmotion","useEffect","useMemo","random","useCSSKey","value","sharedEmotionInstances","useEmotion","nonce","container","emotion","useMemo","sheet","createEmotion","useCSSKey","useEffect","index","child","hooks","useStyleOptions","createStyleToEmotionObjectComposer","Provider","children","nonce","stylesRoot","emotion","useEmotion","styleToEmotionObject","useCallback","style","styleToEmotionObjectRef","useRefFrom","React","createStyleToEmotionObjectComposer_default","styleToEmotionObjectContext","createContext","createRef","useStyleToEmotionObject","useContext","StyleToEmotionObjectComposer","memo","createStyleToEmotionObjectComposer_default","cx","React","memo","literal","object","optional","pipe","readonly","string","classes","ComponentIcon_module_default","_icon__thumb_up0","_appearance__text0","classes","_direction__follow0","classes","_icon__dismiss0","classes","_icon__attachment0","classes","_icon__attachment_checkmark0","classes","_icon__copy_code0","classes","_icon__copy_code_checkmark0","classes","_icon__thumb_up_filled0","classes","_icon__unchecked_circle0","classes","_icon__copy0","classes","_icon__microphone0","classes","_icon__download0","classes","_icon__thumb_down_filled0","classes","_icon__view_code0","classes","_direction__rtl0","classes","_icon__send0","classes","_icon__thumb_down0","classes","_icon__checkmark_circle0","classes","_component_icon0","classes","_icon__chevron0","classes","baseComponentIconPropsSchema","pipe","object","optional","literal","string","readonly","BaseComponentIcon","props","className","ariaHidden","ariaLabel","role","o","classNames","dt","ComponentIcon_module_default","React","cx","ComponentIcon","componentIconModifiersPropsSchema","createIconComponent","componentIconPropsSchema","ComponentIcon_default","memo","userAgent","android","chromium","edgeAnaheim","edgeUWP","firefox","ie11"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkP6HWMBMQjs = require('./chunk-P6HWMBMQ.js');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var me=_react.createContext.call(void 0, void 0),H= exports.a =me;function M(){let e=_react.useContext.call(void 0, H);if(!e)throw new Error("This hook can only be used on a component that is a descendant of <Composer>");return e}function de(){return Object.freeze([M().styleSet])}var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);var _valibot = require('valibot');function xe(e,i){let t=Object.keys(e).reduce((n,s)=>{let[l,c]=s.split("--");if(!c)return n;let p=l;if(!i.includes(p))return n;let m=n.get(p);return m||(m=new Set,n.set(p,m)),m.add(c),n},new Map),o=Array.from(t.entries()).reduce((n,[s,l])=>{let c=Array.from(l);return c.length&&(n[s]=_valibot.optional.call(void 0, _valibot.picklist.call(void 0, c))),n},{}),r=_valibot.object.call(void 0, o);return _valibot.pipe.call(void 0, r,_valibot.readonly.call(void 0, ))}function E(e,i,t){let o=xe(e,i);return{component:(n=>{let{className:s,...l}=n,c=_chunkP6HWMBMQjs.h.call(void 0, o,n),p=_chunkP6HWMBMQjs.j.call(void 0, e),m=Object.entries(c).map(([x,w])=>p[`${x}--${w}`]);return _react2.default.createElement(t,{className:_classnames2.default.call(void 0, s,m),...l})}),modifierPropsSchema:o}}function _e(e){let t=new DOMParser().parseFromString(e,"text/html"),o=t.createDocumentFragment();return o.append(...t.body.childNodes),o}function Ce(e){return new XMLSerializer().serializeToString(e).trim()}var _usereffrom = require('use-ref-from');var _botframeworkwebchatapi = require('botframework-webchat-api');function R(){let{markAllAsRendered:e}=u();_react.useEffect.call(void 0, e)}function P(){return u().staticElementEntriesState}var Re=_valibot.pipe.call(void 0, _valibot.object.call(void 0, {"aria-label":_valibot.optional.call(void 0, _valibot.string.call(void 0, )),"aria-live":_valibot.union.call(void 0, [_valibot.literal.call(void 0, "assertive"),_valibot.literal.call(void 0, "polite")]),"aria-roledescription":_valibot.optional.call(void 0, _valibot.string.call(void 0, )),className:_valibot.optional.call(void 0, _valibot.string.call(void 0, )),role:_valibot.optional.call(void 0, _valibot.string.call(void 0, )),textElementClassName:_valibot.optional.call(void 0, _valibot.string.call(void 0, ))}),_valibot.readonly.call(void 0, ));function Pe(e){let{"aria-label":i,"aria-live":t,"aria-roledescription":o,className:r,role:n,textElementClassName:s}=_chunkP6HWMBMQjs.h.call(void 0, Re,e),[l]=P();return R(),_react2.default.createElement("div",{"aria-label":i,"aria-live":t,"aria-roledescription":o,className:r,role:n},l.map(({element:c,key:p})=>typeof c=="string"?_react2.default.createElement("div",{"aria-atomic":!0,className:s,key:p},c):_react2.default.createElement(_react.Fragment,{key:p},c)))}var D=Pe;var{usePonyfill:Oe}=_botframeworkwebchatapi.hooks,Ve="polite",je=1e3,Ne=({Provider:e})=>{let i=({"aria-label":t,"aria-live":o=Ve,"aria-roledescription":r,children:n,className:s,fadeAfter:l=je,role:c,textElementClassName:p})=>{let[{clearTimeout:m,setTimeout:x}]=Oe(),[w,_]=_react.useState.call(void 0, []),j=_usereffrom.useRefFrom.call(void 0, l),d=_react.useRef.call(void 0, ),C=_react.useRef.call(void 0, 1),k=_usereffrom.useRefFrom.call(void 0, w),N=_react.useCallback.call(void 0, ()=>{k.current.length&&(d.current&&m(d.current),d.current=x(()=>{k.current.length&&_([])},j.current))},[m,j,d,_,x,k]);_react.useEffect.call(void 0, ()=>()=>d.current&&m(d.current),[m,d]);let F=_react.useCallback.call(void 0, re=>{let ce=C.current;C.current=C.current+1,_(se=>[...se,{element:re,key:ce}])},[C,_]),B=_react.useMemo.call(void 0, ()=>Object.freeze([Object.freeze(w)]),[w]),ie=_react.useMemo.call(void 0, ()=>({markAllAsRendered:N,queueStaticElement:F,staticElementEntriesState:B}),[N,F,B]);return _react2.default.createElement(e,{value:ie},_react2.default.createElement(D,{"aria-label":t,"aria-live":o,"aria-roledescription":r,className:s,role:c,textElementClassName:p}),n)};return i.displayName="LiveRegionTwinComposer",_react.memo.call(void 0, i)},Q=Ne;var A=_react.createContext.call(void 0, new Proxy({},{get(e,i){throw new Error(`botframework-webchat: LiveRegionTwinContext.${i} can only be used inside of <LiveRegionTwinComposer>.`)}})),Be=Q(A),He= exports.k =Be;function u(){return _react.useContext.call(void 0, A)}function S(){return u().queueStaticElement}function X(e,i){let t=_usereffrom.useRefFrom.call(void 0, e),o=S();_react.useMemo.call(void 0, ()=>{let r=t==null?void 0:t.current();r&&o(r)},[...i,t,o])}var _createinstance = require('@emotion/css/create-instance'); var _createinstance2 = _interopRequireDefault(_createinstance);var _mathrandom = require('math-random'); var _mathrandom2 = _interopRequireDefault(_mathrandom);function I(){return _mathrandom2.default.call(void 0, ).toString(26).substr(2,5).replace(/\d/gu,e=>String.fromCharCode(e.charCodeAt(0)+65))}var y=[];function Z(e,i){let t=_react.useMemo.call(void 0, ()=>{let o=y.find(({sheet:n})=>n.nonce===e&&n.container===i),r=o!=null?o:_createinstance2.default.call(void 0, {container:i,key:`webchat--css-${I()}`,nonce:e});return y.push(r),r},[i,e]);return _react.useEffect.call(void 0, ()=>()=>{var r;let o=y.lastIndexOf(t);if(~o&&y.splice(o,1),!y.includes(t)&&((r=t.sheet)!=null&&r.tags))for(let n of t.sheet.tags)n.remove()},[t]),t}var{useStyleOptions:Ye}=_botframeworkwebchatapi.hooks,et=({Provider:e})=>({children:i,nonce:t})=>{let[{stylesRoot:o}]=Ye(),r=Z(t,o),n=_react.useCallback.call(void 0, l=>r.css(l),[r]),s=_usereffrom.useRefFrom.call(void 0, n);return _react2.default.createElement(e,{value:s},n&&i)},G=et;var J=_react.createContext.call(void 0, new Proxy(_react.createRef.call(void 0, ),{get(){throw new Error("StyleToEmotionObjectContext was used without StyleToEmotionObjectComposer")}}));function it(){return _react.useContext.call(void 0, J).current}var Y=_react.memo.call(void 0, G(J));Y.displayName="StyleToEmotionObjectComposer";var a={"icon--download":"w61aa0a_icon--download","
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkP6HWMBMQjs = require('./chunk-P6HWMBMQ.js');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var me=_react.createContext.call(void 0, void 0),H= exports.a =me;function M(){let e=_react.useContext.call(void 0, H);if(!e)throw new Error("This hook can only be used on a component that is a descendant of <Composer>");return e}function de(){return Object.freeze([M().styleSet])}var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);var _valibot = require('valibot');function xe(e,i){let t=Object.keys(e).reduce((n,s)=>{let[l,c]=s.split("--");if(!c)return n;let p=l;if(!i.includes(p))return n;let m=n.get(p);return m||(m=new Set,n.set(p,m)),m.add(c),n},new Map),o=Array.from(t.entries()).reduce((n,[s,l])=>{let c=Array.from(l);return c.length&&(n[s]=_valibot.optional.call(void 0, _valibot.picklist.call(void 0, c))),n},{}),r=_valibot.object.call(void 0, o);return _valibot.pipe.call(void 0, r,_valibot.readonly.call(void 0, ))}function E(e,i,t){let o=xe(e,i);return{component:(n=>{let{className:s,...l}=n,c=_chunkP6HWMBMQjs.h.call(void 0, o,n),p=_chunkP6HWMBMQjs.j.call(void 0, e),m=Object.entries(c).map(([x,w])=>p[`${x}--${w}`]);return _react2.default.createElement(t,{className:_classnames2.default.call(void 0, s,m),...l})}),modifierPropsSchema:o}}function _e(e){let t=new DOMParser().parseFromString(e,"text/html"),o=t.createDocumentFragment();return o.append(...t.body.childNodes),o}function Ce(e){return new XMLSerializer().serializeToString(e).trim()}var _usereffrom = require('use-ref-from');var _botframeworkwebchatapi = require('botframework-webchat-api');function R(){let{markAllAsRendered:e}=u();_react.useEffect.call(void 0, e)}function P(){return u().staticElementEntriesState}var Re=_valibot.pipe.call(void 0, _valibot.object.call(void 0, {"aria-label":_valibot.optional.call(void 0, _valibot.string.call(void 0, )),"aria-live":_valibot.union.call(void 0, [_valibot.literal.call(void 0, "assertive"),_valibot.literal.call(void 0, "polite")]),"aria-roledescription":_valibot.optional.call(void 0, _valibot.string.call(void 0, )),className:_valibot.optional.call(void 0, _valibot.string.call(void 0, )),role:_valibot.optional.call(void 0, _valibot.string.call(void 0, )),textElementClassName:_valibot.optional.call(void 0, _valibot.string.call(void 0, ))}),_valibot.readonly.call(void 0, ));function Pe(e){let{"aria-label":i,"aria-live":t,"aria-roledescription":o,className:r,role:n,textElementClassName:s}=_chunkP6HWMBMQjs.h.call(void 0, Re,e),[l]=P();return R(),_react2.default.createElement("div",{"aria-label":i,"aria-live":t,"aria-roledescription":o,className:r,role:n},l.map(({element:c,key:p})=>typeof c=="string"?_react2.default.createElement("div",{"aria-atomic":!0,className:s,key:p},c):_react2.default.createElement(_react.Fragment,{key:p},c)))}var D=Pe;var{usePonyfill:Oe}=_botframeworkwebchatapi.hooks,Ve="polite",je=1e3,Ne=({Provider:e})=>{let i=({"aria-label":t,"aria-live":o=Ve,"aria-roledescription":r,children:n,className:s,fadeAfter:l=je,role:c,textElementClassName:p})=>{let[{clearTimeout:m,setTimeout:x}]=Oe(),[w,_]=_react.useState.call(void 0, []),j=_usereffrom.useRefFrom.call(void 0, l),d=_react.useRef.call(void 0, ),C=_react.useRef.call(void 0, 1),k=_usereffrom.useRefFrom.call(void 0, w),N=_react.useCallback.call(void 0, ()=>{k.current.length&&(d.current&&m(d.current),d.current=x(()=>{k.current.length&&_([])},j.current))},[m,j,d,_,x,k]);_react.useEffect.call(void 0, ()=>()=>d.current&&m(d.current),[m,d]);let F=_react.useCallback.call(void 0, re=>{let ce=C.current;C.current=C.current+1,_(se=>[...se,{element:re,key:ce}])},[C,_]),B=_react.useMemo.call(void 0, ()=>Object.freeze([Object.freeze(w)]),[w]),ie=_react.useMemo.call(void 0, ()=>({markAllAsRendered:N,queueStaticElement:F,staticElementEntriesState:B}),[N,F,B]);return _react2.default.createElement(e,{value:ie},_react2.default.createElement(D,{"aria-label":t,"aria-live":o,"aria-roledescription":r,className:s,role:c,textElementClassName:p}),n)};return i.displayName="LiveRegionTwinComposer",_react.memo.call(void 0, i)},Q=Ne;var A=_react.createContext.call(void 0, new Proxy({},{get(e,i){throw new Error(`botframework-webchat: LiveRegionTwinContext.${i} can only be used inside of <LiveRegionTwinComposer>.`)}})),Be=Q(A),He= exports.k =Be;function u(){return _react.useContext.call(void 0, A)}function S(){return u().queueStaticElement}function X(e,i){let t=_usereffrom.useRefFrom.call(void 0, e),o=S();_react.useMemo.call(void 0, ()=>{let r=t==null?void 0:t.current();r&&o(r)},[...i,t,o])}var _createinstance = require('@emotion/css/create-instance'); var _createinstance2 = _interopRequireDefault(_createinstance);var _mathrandom = require('math-random'); var _mathrandom2 = _interopRequireDefault(_mathrandom);function I(){return _mathrandom2.default.call(void 0, ).toString(26).substr(2,5).replace(/\d/gu,e=>String.fromCharCode(e.charCodeAt(0)+65))}var y=[];function Z(e,i){let t=_react.useMemo.call(void 0, ()=>{let o=y.find(({sheet:n})=>n.nonce===e&&n.container===i),r=o!=null?o:_createinstance2.default.call(void 0, {container:i,key:`webchat--css-${I()}`,nonce:e});return y.push(r),r},[i,e]);return _react.useEffect.call(void 0, ()=>()=>{var r;let o=y.lastIndexOf(t);if(~o&&y.splice(o,1),!y.includes(t)&&((r=t.sheet)!=null&&r.tags))for(let n of t.sheet.tags)n.remove()},[t]),t}var{useStyleOptions:Ye}=_botframeworkwebchatapi.hooks,et=({Provider:e})=>({children:i,nonce:t})=>{let[{stylesRoot:o}]=Ye(),r=Z(t,o),n=_react.useCallback.call(void 0, l=>r.css(l),[r]),s=_usereffrom.useRefFrom.call(void 0, n);return _react2.default.createElement(e,{value:s},n&&i)},G=et;var J=_react.createContext.call(void 0, new Proxy(_react.createRef.call(void 0, ),{get(){throw new Error("StyleToEmotionObjectContext was used without StyleToEmotionObjectComposer")}}));function it(){return _react.useContext.call(void 0, J).current}var Y=_react.memo.call(void 0, G(J));Y.displayName="StyleToEmotionObjectComposer";var a={"icon--download":"w61aa0a_icon--download","icon--view-code":"w61aa0a_icon--view-code","icon--copy-code":"w61aa0a_icon--copy-code","component-icon":"w61aa0a_component-icon","direction--follow":"w61aa0a_direction--follow","icon--thumb-up":"w61aa0a_icon--thumb-up","icon--thumb-up-filled":"w61aa0a_icon--thumb-up-filled","icon--chevron":"w61aa0a_icon--chevron","icon--unchecked-circle":"w61aa0a_icon--unchecked-circle","icon--send":"w61aa0a_icon--send","icon--thumb-down-filled":"w61aa0a_icon--thumb-down-filled","icon--copy-code-checkmark":"w61aa0a_icon--copy-code-checkmark","appearance--text":"w61aa0a_appearance--text","direction--rtl":"w61aa0a_direction--rtl","icon--attachment":"w61aa0a_icon--attachment","icon--dismiss":"w61aa0a_icon--dismiss","icon--thumb-down":"w61aa0a_icon--thumb-down","icon--copy":"w61aa0a_icon--copy","icon--attachment-checkmark":"w61aa0a_icon--attachment-checkmark","icon--checkmark-circle":"w61aa0a_icon--checkmark-circle","icon--microphone":"w61aa0a_icon--microphone"},O=a,Mo=a["icon--download"];var Eo=a["icon--view-code"];var Ro=a["icon--copy-code"];var Po=a["component-icon"];var Lo=a["direction--follow"];var Ao=a["icon--thumb-up"];var Io=a["icon--thumb-up-filled"];var Zo=a["icon--chevron"];var Oo=a["icon--unchecked-circle"];var Vo=a["icon--send"];var jo=a["icon--thumb-down-filled"];var No=a["icon--copy-code-checkmark"];var Fo=a["appearance--text"];var Bo=a["direction--rtl"];var Ho=a["icon--attachment"];var zo=a["icon--dismiss"];var Do=a["icon--thumb-down"];var $o=a["icon--copy"];var Uo=a["icon--attachment-checkmark"];var Ko=a["icon--checkmark-circle"];var qo=a["icon--microphone"];var ne=_valibot.pipe.call(void 0, _valibot.object.call(void 0, {"aria-hidden":_valibot.optional.call(void 0, _valibot.literal.call(void 0, "true")),"aria-label":_valibot.optional.call(void 0, _valibot.string.call(void 0, )),className:_valibot.optional.call(void 0, _valibot.string.call(void 0, )),role:_valibot.optional.call(void 0, _valibot.string.call(void 0, ))}),_valibot.readonly.call(void 0, ));function mt(e){let{className:i,"aria-hidden":t,"aria-label":o,role:r}=_chunkP6HWMBMQjs.h.call(void 0, ne,e),n=_chunkP6HWMBMQjs.j.call(void 0, O);return _react2.default.createElement("div",{"aria-hidden":t,"aria-label":o,className:_classnames2.default.call(void 0, n["component-icon"],i),role:r})}var{component:ae,modifierPropsSchema:pt}=E(O,["appearance","direction","icon"],mt);ae.displayName="ComponentIcon";var dt=_valibot.pipe.call(void 0, _valibot.object.call(void 0, {...ne.entries,...pt.entries}),_valibot.readonly.call(void 0, )),ut= exports.h =_react.memo.call(void 0, ae);var{userAgent:h}=navigator,rn= exports.n =/Linux; Android/u.test(h),cn=!/Edge\//u.test(h)&&/Chrome\//u.test(h),sn=/Edg\//u.test(h),ln=/Edge\//u.test(h),mn=/Firefox\//u.test(h),pn= exports.o =/Trident\/7.0/u.test(h);exports.a = H; exports.b = M; exports.c = de; exports.d = it; exports.e = Y; exports.f = E; exports.g = dt; exports.h = ut; exports.i = _e; exports.j = Ce; exports.k = He; exports.l = S; exports.m = X; exports.n = rn; exports.o = pn;
|
|
2
|
+
//# sourceMappingURL=chunk-7VLC7NQ2.js.map
|