@stlite/desktop 0.99.2 → 0.100.0

package/build/assets/{CameraInput-C1f0GN0n-Bo12mEPo.js → CameraInput-CEJ0-YBv-CmSkei37.js}

@@ -1 +1 @@
-import{r as n,G as ye,aG as Se,aP as we,i as A,W as xe,O as Ue,j as p,aw as Ce,ax as B,B as Me,aY as je,aX as Ie,x as O,E as H,_ as q,U as Ee,N as ke,cM as Oe,cN as se,ad as Re,cO as Pe,av as ze,aZ as Te,an as Fe,Q as $e}from"./index-DJf52eor.js";import{t as le}from"./UploadFileInfo-DdcsXhjv-m2CBXl3F.js";import{m as Ve}from"./WidgetLabel-DUaobbKW-DD-xWyXR.js";import{j as Ae}from"./WidgetLabelHelpIcon-Dk_Qm9_8-CtMOr4fX.js";import{q as Le,G as De}from"./ProgressBar-By08lmvS-BN2oE7g_.js";import{e as _e}from"./urls-CuMqgoDl-BWqF1s4U.js";import"./styled-components-BwoIjXty-eQCTyKeV.js";var ce=n.forwardRef(function(e,a){var d={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return n.createElement(H,q({iconAttrs:d,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:a}),n.createElement("rect",{width:24,height:24,fill:"none"}),n.createElement("path",{d:"M20 5h-3.17l-1.24-1.35A1.99 1.99 0 0014.12 3H9.88c-.56 0-1.1.24-1.48.65L7.17 5H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-1.35 8.35l-2.79 2.79c-.32.32-.86.1-.86-.35v-1.75H9v1.75c0 .45-.54.67-.85.35l-2.79-2.79c-.2-.2-.2-.51 0-.71l2.79-2.79a.5.5 0 01.85.36v1.83h6v-1.83c0-.45.54-.67.85-.35l2.79 2.79c.2.19.2.51.01.7z"}))});ce.displayName="SwitchCamera";var de=n.forwardRef(function(e,a){var d={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return n.createElement(H,q({iconAttrs:d,iconVerticalAlign:"middle",iconViewBox:"0 0 8 8"},e,{ref:a}),n.createElement("path",{d:"M.5 1c-.28 0-.5.23-.5.5v4c0 .28.23.5.5.5h5c.28 0 .5-.22.5-.5V4l1 1h1V2H7L6 3V1.5c0-.28-.22-.5-.5-.5h-5z"}))});de.displayName="Video";var ue=n.forwardRef(function(e,a){var d={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return n.createElement(H,q({iconAttrs:d,iconVerticalAlign:"middle",iconViewBox:"0 0 8 8"},e,{ref:a}),n.createElement("path",{d:"M1.41 0L0 1.41l.72.72L2.5 3.94.72 5.72 0 6.41l1.41 1.44.72-.72 1.81-1.81 1.78 1.81.69.72 1.44-1.44-.72-.69-1.81-1.78 1.81-1.81.72-.72L6.41 0l-.69.72L3.94 2.5 2.13.72 1.41 0z"}))});ue.displayName="X";function Ne(e,a){switch(e){case"xsmall":return{padding:`${a.spacing.twoXS} ${a.spacing.sm}`,fontSize:a.fontSizes.sm};case"small":return{padding:`${a.spacing.twoXS} ${a.spacing.md}`};case"large":return{padding:`${a.spacing.md} ${a.spacing.md}`};default:return{padding:`${a.spacing.xs} ${a.spacing.md}`}}}const he=O("div",{target:"etz5kuj8"})({name:"b6gpc",styles:"position:relative;overflow:hidden;width:100%;object-fit:contain"}),G=O("div",{target:"etz5kuj7"})(({theme:e,width:a})=>({backgroundColor:e.colors.secondaryBg,borderRadius:`${e.radii.default} ${e.radii.default} 0 0`,width:"100%",height:a*9/16,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),""),We=O("p",{target:"etz5kuj6"})(({theme:e})=>({marginTop:e.spacing.sm,textAlign:"center"}),""),Be=O("img",{target:"etz5kuj5"})(({theme:e,opacity:a})=>({borderRadius:`${e.radii.default} ${e.radii.default} 0 0`,objectFit:"contain",opacity:a}),""),He=O("a",{target:"etz5kuj4"})(({theme:e})=>({color:e.colors.link,textDecoration:e.linkUnderline?"underline":"none",display:"block"}),""),qe=O("span",{target:"etz5kuj3"})({name:"s5xdrg",styles:"display:flex;align-items:center"}),Ge=O("div",{target:"etz5kuj2"})(({theme:e})=>({position:"absolute",top:e.spacing.lg,right:e.spacing.lg,zIndex:e.zIndices.priority,color:e.colors.fadedText40,mixBlendMode:"difference",opacity:.6}),""),Qe=O("div",{target:"etz5kuj1"})({name:"1yoks5w",styles:"height:fit-content;width:100%;position:absolute;bottom:0"}),Xe=O("button",{target:"etz5kuj0"})(({theme:e})=>({position:"relative",display:"inline-flex",flexDirection:"column",alignItems:"center",justifyContent:"center",backgroundColor:e.colors.lightenedBg05,border:`${e.sizes.borderWidth} solid ${e.colors.borderColor}`,borderRadius:`0 0 ${e.radii.default} ${e.radii.default}`,"&:hover":{borderColor:e.colors.primary,color:e.colors.primary},"&:active":{color:e.colors.white,borderColor:e.colors.primary,backgroundColor:e.colors.primary},"&:focus:not(:active)":{borderColor:e.colors.primary,color:e.colors.primary},"&:disabled, &:disabled:hover, &:disabled:active":{color:e.colors.fadedText40,borderColor:e.colors.borderColor,backgroundColor:e.colors.lightenedBg05,cursor:"not-allowed"},fontWeight:e.fontWeights.normal,padding:`${e.spacing.xs} ${e.spacing.md}`,margin:e.spacing.none,lineHeight:e.lineHeights.base,color:"inherit",width:"100%",userSelect:"none","&:focus":{outline:"none"},"&:focus-visible":{boxShadow:e.shadows.focusRing},...Ne("medium",e)}),"");function Je({disabled:e,onClick:a,children:d,progress:m}){return p.jsxs(Xe,{disabled:e||!1,onClick:a||(()=>{}),progress:m||null,"data-testid":"stCameraInputButton",children:[d,m?p.jsx(Qe,{children:p.jsx(Le,{value:m,size:De.EXTRASMALL,overrides:{Bar:{style:{borderTopLeftRadius:0,borderTopRightRadius:0}},BarProgress:{style:{borderTopLeftRadius:0,borderTopRightRadius:0}},BarContainer:{style:{borderTopLeftRadius:0,borderTopRightRadius:0}}}})}):null]})}const fe=n.memo(Je);var V=(e=>(e.USER="user",e.ENVIRONMENT="environment",e))(V||{});const Ze=({switchFacingMode:e})=>p.jsx(Ge,{"data-testid":"stCameraInputSwitchButton",children:p.jsx(Pe,{content:"Switch camera",placement:ze.TOP_RIGHT,children:p.jsx(Te,{kind:Fe.MINIMAL,onClick:e,children:p.jsx(B,{content:ce,size:"twoXL",color:se.white})})})}),Ke=n.memo(Ze);var W={exports:{}},Ye=W.exports,ae;function et(){return ae||(ae=1,(function(e,a){(function(d,m){e.exports=m($e)})(Ye,function(d){return(function(m){var y={};function f(i){if(y[i])return y[i].exports;var h=y[i]={i,l:!1,exports:{}};return m[i].call(h.exports,h,h.exports,f),h.l=!0,h.exports}return f.m=m,f.c=y,f.d=function(i,h,S){f.o(i,h)||Object.defineProperty(i,h,{enumerable:!0,get:S})},f.r=function(i){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})},f.t=function(i,h){if(h&1&&(i=f(i)),h&8||h&4&&typeof i=="object"&&i&&i.__esModule)return i;var S=Object.create(null);if(f.r(S),Object.defineProperty(S,"default",{enumerable:!0,value:i}),h&2&&typeof i!="string")for(var E in i)f.d(S,E,(function(I){return i[I]}).bind(null,E));return S},f.n=function(i){var h=i&&i.__esModule?(function(){return i.default}):(function(){return i});return f.d(h,"a",h),h},f.o=function(i,h){return Object.prototype.hasOwnProperty.call(i,h)},f.p="",f(f.s="./src/react-webcam.tsx")})({"./src/react-webcam.tsx":(function(m,y,f){f.r(y);var i=f("react"),h=(function(){var g=function(o,r){return g=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,c){t.__proto__=c}||function(t,c){for(var l in c)c.hasOwnProperty(l)&&(t[l]=c[l])},g(o,r)};return function(o,r){g(o,r);function t(){this.constructor=o}o.prototype=r===null?Object.create(r):(t.prototype=r.prototype,new t)}})(),S=function(){return S=Object.assign||function(g){for(var o,r=1,t=arguments.length;r<t;r++){o=arguments[r];for(var c in o)Object.prototype.hasOwnProperty.call(o,c)&&(g[c]=o[c])}return g},S.apply(this,arguments)},E=function(g,o){var r={};for(var t in g)Object.prototype.hasOwnProperty.call(g,t)&&o.indexOf(t)<0&&(r[t]=g[t]);if(g!=null&&typeof Object.getOwnPropertySymbols=="function")for(var c=0,t=Object.getOwnPropertySymbols(g);c<t.length;c++)o.indexOf(t[c])<0&&Object.prototype.propertyIsEnumerable.call(g,t[c])&&(r[t[c]]=g[t[c]]);return r};(function(){typeof window>"u"||(navigator.mediaDevices===void 0&&(navigator.mediaDevices={}),navigator.mediaDevices.getUserMedia===void 0&&(navigator.mediaDevices.getUserMedia=function(g){var o=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;return o?new Promise(function(r,t){o.call(navigator,g,r,t)}):Promise.reject(new Error("getUserMedia is not implemented in this browser"))}))})();function I(){return!!(navigator.mediaDevices&&navigator.mediaDevices.getUserMedia)}var k=(function(g){h(o,g);function o(r){var t=g.call(this,r)||this;return t.canvas=null,t.ctx=null,t.requestUserMediaId=0,t.unmounted=!1,t.state={hasUserMedia:!1},t}return o.prototype.componentDidMount=function(){var r=this,t=r.state,c=r.props;if(this.unmounted=!1,!I()){c.onUserMediaError("getUserMedia not supported");return}t.hasUserMedia||this.requestUserMedia(),c.children&&typeof c.children!="function"&&console.warn("children must be a function")},o.prototype.componentDidUpdate=function(r){var t=this.props;if(!I()){t.onUserMediaError("getUserMedia not supported");return}var c=JSON.stringify(r.audioConstraints)!==JSON.stringify(t.audioConstraints),l=JSON.stringify(r.videoConstraints)!==JSON.stringify(t.videoConstraints),C=r.minScreenshotWidth!==t.minScreenshotWidth,w=r.minScreenshotHeight!==t.minScreenshotHeight;(l||C||w)&&(this.canvas=null,this.ctx=null),(c||l)&&(this.stopAndCleanup(),this.requestUserMedia())},o.prototype.componentWillUnmount=function(){this.unmounted=!0,this.stopAndCleanup()},o.stopMediaStream=function(r){r&&(r.getVideoTracks&&r.getAudioTracks?(r.getVideoTracks().map(function(t){r.removeTrack(t),t.stop()}),r.getAudioTracks().map(function(t){r.removeTrack(t),t.stop()})):r.stop())},o.prototype.stopAndCleanup=function(){var r=this.state;r.hasUserMedia&&(o.stopMediaStream(this.stream),r.src&&window.URL.revokeObjectURL(r.src))},o.prototype.getScreenshot=function(r){var t=this,c=t.state,l=t.props;if(!c.hasUserMedia)return null;var C=this.getCanvas(r);return C&&C.toDataURL(l.screenshotFormat,l.screenshotQuality)},o.prototype.getCanvas=function(r){var t=this,c=t.state,l=t.props;if(!this.video||!c.hasUserMedia||!this.video.videoHeight)return null;if(!this.ctx){var C=this.video.videoWidth,w=this.video.videoHeight;if(!this.props.forceScreenshotSourceSize){var x=C/w;C=l.minScreenshotWidth||this.video.clientWidth,w=C/x,l.minScreenshotHeight&&w<l.minScreenshotHeight&&(w=l.minScreenshotHeight,C=w*x)}this.canvas=document.createElement("canvas"),this.canvas.width=r?.width||C,this.canvas.height=r?.height||w,this.ctx=this.canvas.getContext("2d")}var M=this,U=M.ctx,v=M.canvas;return U&&v&&(v.width=r?.width||v.width,v.height=r?.height||v.height,l.mirrored&&(U.translate(v.width,0),U.scale(-1,1)),U.imageSmoothingEnabled=l.imageSmoothing,U.drawImage(this.video,0,0,r?.width||v.width,r?.height||v.height),l.mirrored&&(U.scale(-1,1),U.translate(-v.width,0))),v},o.prototype.requestUserMedia=function(){var r=this,t=this.props,c=function(w,x){var M={video:typeof x<"u"?x:!0};t.audio&&(M.audio=typeof w<"u"?w:!0),r.requestUserMediaId++;var U=r.requestUserMediaId;navigator.mediaDevices.getUserMedia(M).then(function(v){r.unmounted||U!==r.requestUserMediaId?o.stopMediaStream(v):r.handleUserMedia(null,v)}).catch(function(v){r.handleUserMedia(v)})};if("mediaDevices"in navigator)c(t.audioConstraints,t.videoConstraints);else{var l=function(w){return{optional:[{sourceId:w}]}},C=function(w){var x=w.deviceId;return typeof x=="string"?x:Array.isArray(x)&&x.length>0?x[0]:typeof x=="object"&&x.ideal?x.ideal:null};MediaStreamTrack.getSources(function(w){var x=null,M=null;w.forEach(function(R){R.kind==="audio"?x=R.id:R.kind==="video"&&(M=R.id)});var U=C(t.audioConstraints);U&&(x=U);var v=C(t.videoConstraints);v&&(M=v),c(l(x),l(M))})}},o.prototype.handleUserMedia=function(r,t){var c=this.props;if(r||!t){this.setState({hasUserMedia:!1}),c.onUserMediaError(r);return}this.stream=t;try{this.video&&(this.video.srcObject=t),this.setState({hasUserMedia:!0})}catch{this.setState({hasUserMedia:!0,src:window.URL.createObjectURL(t)})}c.onUserMedia(t)},o.prototype.render=function(){var r=this,t=this,c=t.state,l=t.props,C=l.audio;l.forceScreenshotSourceSize;var w=l.disablePictureInPicture;l.onUserMedia,l.onUserMediaError,l.screenshotFormat,l.screenshotQuality,l.minScreenshotWidth,l.minScreenshotHeight,l.audioConstraints,l.videoConstraints,l.imageSmoothing;var x=l.mirrored,M=l.style,U=M===void 0?{}:M,v=l.children,R=E(l,["audio","forceScreenshotSourceSize","disablePictureInPicture","onUserMedia","onUserMediaError","screenshotFormat","screenshotQuality","minScreenshotWidth","minScreenshotHeight","audioConstraints","videoConstraints","imageSmoothing","mirrored","style","children"]),L=x?S(S({},U),{transform:(U.transform||"")+" scaleX(-1)"}):U,z={getScreenshot:this.getScreenshot.bind(this)};return i.createElement(i.Fragment,null,i.createElement("video",S({autoPlay:!0,disablePictureInPicture:w,src:c.src,muted:!C,playsInline:!0,ref:function(P){r.video=P},style:L},R)),v&&v(z))},o.defaultProps={audio:!1,disablePictureInPicture:!1,forceScreenshotSourceSize:!1,imageSmoothing:!0,mirrored:!1,onUserMedia:function(){},onUserMediaError:function(){},screenshotFormat:"image/webp",screenshotQuality:.92},o})(i.Component);y.default=k}),react:(function(m,y){m.exports=d})}).default})})(W)),W.exports}var tt=et();const rt=Re(tt),ot=({width:e})=>p.jsxs(G,{width:e,children:[p.jsx(B,{size:"threeXL",color:se.gray60,content:de}),p.jsxs(We,{children:["This app would like to use your camera.",p.jsx(He,{href:_e,rel:"noopener noreferrer",target:"_blank",children:"Learn how to allow access."})]})]}),nt=({handleCapture:e,width:a,disabled:d,clearPhotoInProgress:m,setClearPhotoInProgress:y,facingMode:f,setFacingMode:i,testOverride:h})=>{const[S,E]=n.useState(h||"pending"),I=n.useRef(null),[k,g]=n.useState(a),o=n.useCallback(Ee(1e3,g),[]);n.useEffect(()=>{o(a)},[a,o]);function r(){if(I.current!==null){const c=I.current.getScreenshot();e(c)}}const t=ke();return p.jsxs(he,{"data-testid":"stCameraInputWebcamComponent",children:[S!=="success"&&!d&&!m?p.jsx(ot,{width:k}):Oe()&&p.jsx(Ke,{switchFacingMode:i}),p.jsx(G,{"data-testid":"stCameraInputWebcamStyledBox",hidden:S!=="success"&&!d&&!m,width:k,children:!d&&p.jsx(rt,{audio:!1,ref:I,screenshotFormat:"image/jpeg",screenshotQuality:1,width:k,height:k*9/16,style:{borderRadius:`${t.radii.default} ${t.radii.default} 0 0`},onUserMediaError:()=>{E("error")},onUserMedia:()=>{E("success"),y(!1)},videoConstraints:{width:{ideal:k},facingMode:f}})}),p.jsx(fe,{onClick:r,disabled:S!=="success"||d||m,children:"Take Photo"})]})},it=n.memo(nt),pe="RESTORED_FROM_WIDGET",at=150,st=Me.getLogger("CameraInput"),N=e=>{const a=e.filter(d=>d.status.type==="uploaded").map(d=>{const{name:m,size:y,status:f}=d,{fileId:i,fileUrls:h}=f;return new je({fileId:i,fileUrls:h,name:m,size:y})});return new Ie({uploadedFileInfo:a})},lt=(e,a)=>{const d=a.getFileUploaderStateValue(e);if(A(d))return{files:[],nextLocalId:1,imgSrc:null};const{uploadedFileInfo:m}=d;if(A(m)||m.length===0)return{files:[],nextLocalId:1,imgSrc:null};let y=1;const f=m.map(i=>{const h=i.name,S=i.size,E=i.fileId,I=i.fileUrls,k=new le(h,S,y,{type:"uploaded",fileId:E,fileUrls:I});return y+=1,k});return{files:f,nextLocalId:y,imgSrc:f.length>0?pe:null}};function ct(e,a){return fetch(e).then(d=>d.arrayBuffer()).then(d=>new File([d],a,{type:"image/jpeg"}))}const dt=({element:e,widgetMgr:a,uploadClient:d,disabled:m,fragmentId:y,testOverride:f})=>{const{width:i,elementRef:h}=ye(),S=n.useRef(null);S.current===null&&(S.current=lt(e,a));const{files:E,nextLocalId:I,imgSrc:k}=S.current,g=n.useRef(I),[o,r]=n.useState(()=>E),t=n.useRef(o);n.useLayoutEffect(()=>{t.current=o},[o]);const[c,l]=n.useState(()=>k),[C,w]=n.useState(!1),[x,M]=n.useState(!0),[U,v]=n.useState(!1),[R,L]=n.useState(V.USER),z=n.useRef([]),P=n.useRef(null),D=n.useCallback(()=>{z.current.length!==0&&(z.current.forEach(s=>s()),z.current=[])},[]),{clear:Q,restart:X}=Se(()=>{D()},at,{autoStart:!1}),J=n.useCallback(()=>new Promise(s=>{z.current.push(s),X()}),[X]);n.useEffect(()=>()=>{Q(),D(),P.current=null},[Q,D]);const Z=n.useCallback(()=>{const s=g.current;return g.current+=1,s},[]),K=n.useMemo(()=>{const s=u=>u.status.type==="uploading";return o.some(s)?"updating":"ready"},[o]),_=n.useMemo(()=>{if(o.length>0&&o[o.length-1].status.type==="uploading")return o[o.length-1].status.progress},[o]),me=n.useCallback(()=>{L(s=>s===V.USER?V.ENVIRONMENT:V.USER)},[]),T=n.useCallback(s=>t.current.find(u=>u.id===s),[]),Y=n.useCallback(s=>{we.flushSync(()=>{r(u=>[...u,s])})},[]),ee=n.useCallback(s=>{r(u=>u.filter(b=>b.id!==s))},[]),F=n.useCallback((s,u)=>{r(b=>b.map(j=>j.id===s?u:j))},[]),te=n.useCallback((s,u)=>{w(!1);const b=T(s);A(b)||b.status.type!=="uploading"||F(b.id,b.setStatus({type:"uploaded",fileId:u.fileId,fileUrls:u}))},[T,F]),re=n.useCallback((s,u)=>{const b=T(u);if(A(b)||b.status.type!=="uploading")return;const j=s.total?Math.round(s.loaded*100/s.total):0;b.status.progress!==j&&F(u,b.setStatus({type:"uploading",abortController:b.status.abortController,progress:j}))},[T,F]),oe=n.useCallback((s,u)=>{const b=new AbortController,j=new le(u.name,u.size,Z(),{type:"uploading",abortController:b,progress:1});Y(j),d.uploadFile(e,s.uploadUrl,u,$=>re($,j.id),b.signal).then(()=>te(j.id,s)).catch($=>{$ instanceof DOMException&&$.name==="AbortError"||F(j.id,j.setStatus({type:"error",errorMessage:$?$.toString():"Unknown error"}))})},[Y,e,Z,te,re,F,d]),ne=n.useCallback(s=>{const u=T(s);A(u)||(u.status.type==="uploading"&&u.status.abortController.abort(),u.status.type==="uploaded"&&u.status.fileUrls.deleteUrl&&d.deleteFile(u.status.fileUrls.deleteUrl),ee(s))},[T,ee,d]),ie=n.useCallback(s=>{if(s===null)return Promise.resolve();if(P.current)return P.current;l(s),w(!0),M(!1);const u=ct(s,`camera-input-${new Date().toISOString().replace(/:/g,"_")}.jpg`).then(b=>d.fetchFileURLs([b]).then(j=>({file:b,fileUrls:j[0]}))).then(({file:b,fileUrls:j})=>oe(j,b)).then(J).then(()=>{M(!0)}).catch(b=>{st.error(b)}).finally(()=>{P.current=null});return P.current=u,u},[d,oe,J]),ge=n.useCallback(s=>{ie(s)},[ie]),ve=n.useCallback(()=>{o.length!==0&&(o.forEach(s=>ne(s.id)),l(null),v(!0))},[o,ne]);n.useEffect(()=>{a.getFileUploaderStateValue(e)===void 0&&a.setFileUploaderStateValue(e,N(o),{fromUi:!1},y)},[]),n.useEffect(()=>{if(K!=="ready")return;const s=N(o),u=a.getFileUploaderStateValue(e);xe(s,u)||a.setFileUploaderStateValue(e,s,{fromUi:!0},y)},[K,o,a,e,y]);const be=n.useCallback(()=>{r([]),l(null);const s=N([]);a.setFileUploaderStateValue(e,s,{fromUi:!0},y)},[e,y,a]);return Ue({element:e,widgetMgr:a,onFormCleared:be}),p.jsxs(he,{className:"stCameraInput","data-testid":"stCameraInput",ref:h,children:[p.jsx(Ve,{label:e.label,disabled:m,labelVisibility:Ce(e.labelVisibility?.value),children:e.help&&p.jsx(Ae,{content:e.help,label:e.label})}),c?p.jsxs(p.Fragment,{children:[p.jsx(G,{width:i,children:c!==pe&&p.jsx(Be,{src:c,alt:"Snapshot",opacity:C||!x?"50%":"100%",width:i,height:i*9/16})}),p.jsx(fe,{onClick:ve,progress:_,disabled:!!_||m,children:_?"Uploading...":p.jsxs(qe,{children:[p.jsx(B,{content:ue,margin:"0 xs 0 0",size:"sm"})," Clear photo"]})})]}):p.jsx(it,{handleCapture:ge,width:i,disabled:m,clearPhotoInProgress:U,setClearPhotoInProgress:v,facingMode:R,setFacingMode:me,testOverride:f})]})},bt=n.memo(dt);export{bt as default};
+import{r as n,G as ye,aG as Se,aP as we,i as A,W as xe,O as Ue,j as p,aw as Ce,ax as B,B as Me,aY as je,aX as Ie,x as O,E as H,_ as q,U as Ee,N as ke,cM as Oe,cN as se,ad as Re,cO as Pe,av as ze,aZ as Te,an as Fe,Q as $e}from"./index-CHE20_1-.js";import{t as le}from"./UploadFileInfo-DdcsXhjv-m2CBXl3F.js";import{m as Ve}from"./WidgetLabel-DTUHhtk_-EPIQC9md.js";import{j as Ae}from"./WidgetLabelHelpIcon-CfpOYjLN-CUGwBOM8.js";import{q as Le,G as De}from"./ProgressBar-Buvlf_pb-DyD7N0tJ.js";import{e as _e}from"./urls-CuMqgoDl-BWqF1s4U.js";import"./styled-components-BsL0GiBO-C2azWTC8.js";var ce=n.forwardRef(function(e,a){var d={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return n.createElement(H,q({iconAttrs:d,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:a}),n.createElement("rect",{width:24,height:24,fill:"none"}),n.createElement("path",{d:"M20 5h-3.17l-1.24-1.35A1.99 1.99 0 0014.12 3H9.88c-.56 0-1.1.24-1.48.65L7.17 5H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-1.35 8.35l-2.79 2.79c-.32.32-.86.1-.86-.35v-1.75H9v1.75c0 .45-.54.67-.85.35l-2.79-2.79c-.2-.2-.2-.51 0-.71l2.79-2.79a.5.5 0 01.85.36v1.83h6v-1.83c0-.45.54-.67.85-.35l2.79 2.79c.2.19.2.51.01.7z"}))});ce.displayName="SwitchCamera";var de=n.forwardRef(function(e,a){var d={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return n.createElement(H,q({iconAttrs:d,iconVerticalAlign:"middle",iconViewBox:"0 0 8 8"},e,{ref:a}),n.createElement("path",{d:"M.5 1c-.28 0-.5.23-.5.5v4c0 .28.23.5.5.5h5c.28 0 .5-.22.5-.5V4l1 1h1V2H7L6 3V1.5c0-.28-.22-.5-.5-.5h-5z"}))});de.displayName="Video";var ue=n.forwardRef(function(e,a){var d={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return n.createElement(H,q({iconAttrs:d,iconVerticalAlign:"middle",iconViewBox:"0 0 8 8"},e,{ref:a}),n.createElement("path",{d:"M1.41 0L0 1.41l.72.72L2.5 3.94.72 5.72 0 6.41l1.41 1.44.72-.72 1.81-1.81 1.78 1.81.69.72 1.44-1.44-.72-.69-1.81-1.78 1.81-1.81.72-.72L6.41 0l-.69.72L3.94 2.5 2.13.72 1.41 0z"}))});ue.displayName="X";function Ne(e,a){switch(e){case"xsmall":return{padding:`${a.spacing.twoXS} ${a.spacing.sm}`,fontSize:a.fontSizes.sm};case"small":return{padding:`${a.spacing.twoXS} ${a.spacing.md}`};case"large":return{padding:`${a.spacing.md} ${a.spacing.md}`};default:return{padding:`${a.spacing.xs} ${a.spacing.md}`}}}const he=O("div",{target:"etz5kuj8"})({name:"b6gpc",styles:"position:relative;overflow:hidden;width:100%;object-fit:contain"}),G=O("div",{target:"etz5kuj7"})(({theme:e,width:a})=>({backgroundColor:e.colors.secondaryBg,borderRadius:`${e.radii.default} ${e.radii.default} 0 0`,width:"100%",height:a*9/16,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),""),We=O("p",{target:"etz5kuj6"})(({theme:e})=>({marginTop:e.spacing.sm,textAlign:"center"}),""),Be=O("img",{target:"etz5kuj5"})(({theme:e,opacity:a})=>({borderRadius:`${e.radii.default} ${e.radii.default} 0 0`,objectFit:"contain",opacity:a}),""),He=O("a",{target:"etz5kuj4"})(({theme:e})=>({color:e.colors.link,textDecoration:e.linkUnderline?"underline":"none",display:"block"}),""),qe=O("span",{target:"etz5kuj3"})({name:"s5xdrg",styles:"display:flex;align-items:center"}),Ge=O("div",{target:"etz5kuj2"})(({theme:e})=>({position:"absolute",top:e.spacing.lg,right:e.spacing.lg,zIndex:e.zIndices.priority,color:e.colors.fadedText40,mixBlendMode:"difference",opacity:.6}),""),Qe=O("div",{target:"etz5kuj1"})({name:"1yoks5w",styles:"height:fit-content;width:100%;position:absolute;bottom:0"}),Xe=O("button",{target:"etz5kuj0"})(({theme:e})=>({position:"relative",display:"inline-flex",flexDirection:"column",alignItems:"center",justifyContent:"center",backgroundColor:e.colors.lightenedBg05,border:`${e.sizes.borderWidth} solid ${e.colors.borderColor}`,borderRadius:`0 0 ${e.radii.default} ${e.radii.default}`,"&:hover":{borderColor:e.colors.primary,color:e.colors.primary},"&:active":{color:e.colors.white,borderColor:e.colors.primary,backgroundColor:e.colors.primary},"&:focus:not(:active)":{borderColor:e.colors.primary,color:e.colors.primary},"&:disabled, &:disabled:hover, &:disabled:active":{color:e.colors.fadedText40,borderColor:e.colors.borderColor,backgroundColor:e.colors.lightenedBg05,cursor:"not-allowed"},fontWeight:e.fontWeights.normal,padding:`${e.spacing.xs} ${e.spacing.md}`,margin:e.spacing.none,lineHeight:e.lineHeights.base,color:"inherit",width:"100%",userSelect:"none","&:focus":{outline:"none"},"&:focus-visible":{boxShadow:e.shadows.focusRing},...Ne("medium",e)}),"");function Je({disabled:e,onClick:a,children:d,progress:m}){return p.jsxs(Xe,{disabled:e||!1,onClick:a||(()=>{}),progress:m||null,"data-testid":"stCameraInputButton",children:[d,m?p.jsx(Qe,{children:p.jsx(Le,{value:m,size:De.EXTRASMALL,overrides:{Bar:{style:{borderTopLeftRadius:0,borderTopRightRadius:0}},BarProgress:{style:{borderTopLeftRadius:0,borderTopRightRadius:0}},BarContainer:{style:{borderTopLeftRadius:0,borderTopRightRadius:0}}}})}):null]})}const fe=n.memo(Je);var V=(e=>(e.USER="user",e.ENVIRONMENT="environment",e))(V||{});const Ze=({switchFacingMode:e})=>p.jsx(Ge,{"data-testid":"stCameraInputSwitchButton",children:p.jsx(Pe,{content:"Switch camera",placement:ze.TOP_RIGHT,children:p.jsx(Te,{kind:Fe.MINIMAL,onClick:e,children:p.jsx(B,{content:ce,size:"twoXL",color:se.white})})})}),Ke=n.memo(Ze);var W={exports:{}},Ye=W.exports,ae;function et(){return ae||(ae=1,(function(e,a){(function(d,m){e.exports=m($e)})(Ye,function(d){return(function(m){var y={};function f(i){if(y[i])return y[i].exports;var h=y[i]={i,l:!1,exports:{}};return m[i].call(h.exports,h,h.exports,f),h.l=!0,h.exports}return f.m=m,f.c=y,f.d=function(i,h,S){f.o(i,h)||Object.defineProperty(i,h,{enumerable:!0,get:S})},f.r=function(i){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})},f.t=function(i,h){if(h&1&&(i=f(i)),h&8||h&4&&typeof i=="object"&&i&&i.__esModule)return i;var S=Object.create(null);if(f.r(S),Object.defineProperty(S,"default",{enumerable:!0,value:i}),h&2&&typeof i!="string")for(var E in i)f.d(S,E,(function(I){return i[I]}).bind(null,E));return S},f.n=function(i){var h=i&&i.__esModule?(function(){return i.default}):(function(){return i});return f.d(h,"a",h),h},f.o=function(i,h){return Object.prototype.hasOwnProperty.call(i,h)},f.p="",f(f.s="./src/react-webcam.tsx")})({"./src/react-webcam.tsx":(function(m,y,f){f.r(y);var i=f("react"),h=(function(){var g=function(o,r){return g=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,c){t.__proto__=c}||function(t,c){for(var l in c)c.hasOwnProperty(l)&&(t[l]=c[l])},g(o,r)};return function(o,r){g(o,r);function t(){this.constructor=o}o.prototype=r===null?Object.create(r):(t.prototype=r.prototype,new t)}})(),S=function(){return S=Object.assign||function(g){for(var o,r=1,t=arguments.length;r<t;r++){o=arguments[r];for(var c in o)Object.prototype.hasOwnProperty.call(o,c)&&(g[c]=o[c])}return g},S.apply(this,arguments)},E=function(g,o){var r={};for(var t in g)Object.prototype.hasOwnProperty.call(g,t)&&o.indexOf(t)<0&&(r[t]=g[t]);if(g!=null&&typeof Object.getOwnPropertySymbols=="function")for(var c=0,t=Object.getOwnPropertySymbols(g);c<t.length;c++)o.indexOf(t[c])<0&&Object.prototype.propertyIsEnumerable.call(g,t[c])&&(r[t[c]]=g[t[c]]);return r};(function(){typeof window>"u"||(navigator.mediaDevices===void 0&&(navigator.mediaDevices={}),navigator.mediaDevices.getUserMedia===void 0&&(navigator.mediaDevices.getUserMedia=function(g){var o=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;return o?new Promise(function(r,t){o.call(navigator,g,r,t)}):Promise.reject(new Error("getUserMedia is not implemented in this browser"))}))})();function I(){return!!(navigator.mediaDevices&&navigator.mediaDevices.getUserMedia)}var k=(function(g){h(o,g);function o(r){var t=g.call(this,r)||this;return t.canvas=null,t.ctx=null,t.requestUserMediaId=0,t.unmounted=!1,t.state={hasUserMedia:!1},t}return o.prototype.componentDidMount=function(){var r=this,t=r.state,c=r.props;if(this.unmounted=!1,!I()){c.onUserMediaError("getUserMedia not supported");return}t.hasUserMedia||this.requestUserMedia(),c.children&&typeof c.children!="function"&&console.warn("children must be a function")},o.prototype.componentDidUpdate=function(r){var t=this.props;if(!I()){t.onUserMediaError("getUserMedia not supported");return}var c=JSON.stringify(r.audioConstraints)!==JSON.stringify(t.audioConstraints),l=JSON.stringify(r.videoConstraints)!==JSON.stringify(t.videoConstraints),C=r.minScreenshotWidth!==t.minScreenshotWidth,w=r.minScreenshotHeight!==t.minScreenshotHeight;(l||C||w)&&(this.canvas=null,this.ctx=null),(c||l)&&(this.stopAndCleanup(),this.requestUserMedia())},o.prototype.componentWillUnmount=function(){this.unmounted=!0,this.stopAndCleanup()},o.stopMediaStream=function(r){r&&(r.getVideoTracks&&r.getAudioTracks?(r.getVideoTracks().map(function(t){r.removeTrack(t),t.stop()}),r.getAudioTracks().map(function(t){r.removeTrack(t),t.stop()})):r.stop())},o.prototype.stopAndCleanup=function(){var r=this.state;r.hasUserMedia&&(o.stopMediaStream(this.stream),r.src&&window.URL.revokeObjectURL(r.src))},o.prototype.getScreenshot=function(r){var t=this,c=t.state,l=t.props;if(!c.hasUserMedia)return null;var C=this.getCanvas(r);return C&&C.toDataURL(l.screenshotFormat,l.screenshotQuality)},o.prototype.getCanvas=function(r){var t=this,c=t.state,l=t.props;if(!this.video||!c.hasUserMedia||!this.video.videoHeight)return null;if(!this.ctx){var C=this.video.videoWidth,w=this.video.videoHeight;if(!this.props.forceScreenshotSourceSize){var x=C/w;C=l.minScreenshotWidth||this.video.clientWidth,w=C/x,l.minScreenshotHeight&&w<l.minScreenshotHeight&&(w=l.minScreenshotHeight,C=w*x)}this.canvas=document.createElement("canvas"),this.canvas.width=r?.width||C,this.canvas.height=r?.height||w,this.ctx=this.canvas.getContext("2d")}var M=this,U=M.ctx,v=M.canvas;return U&&v&&(v.width=r?.width||v.width,v.height=r?.height||v.height,l.mirrored&&(U.translate(v.width,0),U.scale(-1,1)),U.imageSmoothingEnabled=l.imageSmoothing,U.drawImage(this.video,0,0,r?.width||v.width,r?.height||v.height),l.mirrored&&(U.scale(-1,1),U.translate(-v.width,0))),v},o.prototype.requestUserMedia=function(){var r=this,t=this.props,c=function(w,x){var M={video:typeof x<"u"?x:!0};t.audio&&(M.audio=typeof w<"u"?w:!0),r.requestUserMediaId++;var U=r.requestUserMediaId;navigator.mediaDevices.getUserMedia(M).then(function(v){r.unmounted||U!==r.requestUserMediaId?o.stopMediaStream(v):r.handleUserMedia(null,v)}).catch(function(v){r.handleUserMedia(v)})};if("mediaDevices"in navigator)c(t.audioConstraints,t.videoConstraints);else{var l=function(w){return{optional:[{sourceId:w}]}},C=function(w){var x=w.deviceId;return typeof x=="string"?x:Array.isArray(x)&&x.length>0?x[0]:typeof x=="object"&&x.ideal?x.ideal:null};MediaStreamTrack.getSources(function(w){var x=null,M=null;w.forEach(function(R){R.kind==="audio"?x=R.id:R.kind==="video"&&(M=R.id)});var U=C(t.audioConstraints);U&&(x=U);var v=C(t.videoConstraints);v&&(M=v),c(l(x),l(M))})}},o.prototype.handleUserMedia=function(r,t){var c=this.props;if(r||!t){this.setState({hasUserMedia:!1}),c.onUserMediaError(r);return}this.stream=t;try{this.video&&(this.video.srcObject=t),this.setState({hasUserMedia:!0})}catch{this.setState({hasUserMedia:!0,src:window.URL.createObjectURL(t)})}c.onUserMedia(t)},o.prototype.render=function(){var r=this,t=this,c=t.state,l=t.props,C=l.audio;l.forceScreenshotSourceSize;var w=l.disablePictureInPicture;l.onUserMedia,l.onUserMediaError,l.screenshotFormat,l.screenshotQuality,l.minScreenshotWidth,l.minScreenshotHeight,l.audioConstraints,l.videoConstraints,l.imageSmoothing;var x=l.mirrored,M=l.style,U=M===void 0?{}:M,v=l.children,R=E(l,["audio","forceScreenshotSourceSize","disablePictureInPicture","onUserMedia","onUserMediaError","screenshotFormat","screenshotQuality","minScreenshotWidth","minScreenshotHeight","audioConstraints","videoConstraints","imageSmoothing","mirrored","style","children"]),L=x?S(S({},U),{transform:(U.transform||"")+" scaleX(-1)"}):U,z={getScreenshot:this.getScreenshot.bind(this)};return i.createElement(i.Fragment,null,i.createElement("video",S({autoPlay:!0,disablePictureInPicture:w,src:c.src,muted:!C,playsInline:!0,ref:function(P){r.video=P},style:L},R)),v&&v(z))},o.defaultProps={audio:!1,disablePictureInPicture:!1,forceScreenshotSourceSize:!1,imageSmoothing:!0,mirrored:!1,onUserMedia:function(){},onUserMediaError:function(){},screenshotFormat:"image/webp",screenshotQuality:.92},o})(i.Component);y.default=k}),react:(function(m,y){m.exports=d})}).default})})(W)),W.exports}var tt=et();const rt=Re(tt),ot=({width:e})=>p.jsxs(G,{width:e,children:[p.jsx(B,{size:"threeXL",color:se.gray60,content:de}),p.jsxs(We,{children:["This app would like to use your camera.",p.jsx(He,{href:_e,rel:"noopener noreferrer",target:"_blank",children:"Learn how to allow access."})]})]}),nt=({handleCapture:e,width:a,disabled:d,clearPhotoInProgress:m,setClearPhotoInProgress:y,facingMode:f,setFacingMode:i,testOverride:h})=>{const[S,E]=n.useState(h||"pending"),I=n.useRef(null),[k,g]=n.useState(a),o=n.useCallback(Ee(1e3,g),[]);n.useEffect(()=>{o(a)},[a,o]);function r(){if(I.current!==null){const c=I.current.getScreenshot();e(c)}}const t=ke();return p.jsxs(he,{"data-testid":"stCameraInputWebcamComponent",children:[S!=="success"&&!d&&!m?p.jsx(ot,{width:k}):Oe()&&p.jsx(Ke,{switchFacingMode:i}),p.jsx(G,{"data-testid":"stCameraInputWebcamStyledBox",hidden:S!=="success"&&!d&&!m,width:k,children:!d&&p.jsx(rt,{audio:!1,ref:I,screenshotFormat:"image/jpeg",screenshotQuality:1,width:k,height:k*9/16,style:{borderRadius:`${t.radii.default} ${t.radii.default} 0 0`},onUserMediaError:()=>{E("error")},onUserMedia:()=>{E("success"),y(!1)},videoConstraints:{width:{ideal:k},facingMode:f}})}),p.jsx(fe,{onClick:r,disabled:S!=="success"||d||m,children:"Take Photo"})]})},it=n.memo(nt),pe="RESTORED_FROM_WIDGET",at=150,st=Me.getLogger("CameraInput"),N=e=>{const a=e.filter(d=>d.status.type==="uploaded").map(d=>{const{name:m,size:y,status:f}=d,{fileId:i,fileUrls:h}=f;return new je({fileId:i,fileUrls:h,name:m,size:y})});return new Ie({uploadedFileInfo:a})},lt=(e,a)=>{const d=a.getFileUploaderStateValue(e);if(A(d))return{files:[],nextLocalId:1,imgSrc:null};const{uploadedFileInfo:m}=d;if(A(m)||m.length===0)return{files:[],nextLocalId:1,imgSrc:null};let y=1;const f=m.map(i=>{const h=i.name,S=i.size,E=i.fileId,I=i.fileUrls,k=new le(h,S,y,{type:"uploaded",fileId:E,fileUrls:I});return y+=1,k});return{files:f,nextLocalId:y,imgSrc:f.length>0?pe:null}};function ct(e,a){return fetch(e).then(d=>d.arrayBuffer()).then(d=>new File([d],a,{type:"image/jpeg"}))}const dt=({element:e,widgetMgr:a,uploadClient:d,disabled:m,fragmentId:y,testOverride:f})=>{const{width:i,elementRef:h}=ye(),S=n.useRef(null);S.current===null&&(S.current=lt(e,a));const{files:E,nextLocalId:I,imgSrc:k}=S.current,g=n.useRef(I),[o,r]=n.useState(()=>E),t=n.useRef(o);n.useLayoutEffect(()=>{t.current=o},[o]);const[c,l]=n.useState(()=>k),[C,w]=n.useState(!1),[x,M]=n.useState(!0),[U,v]=n.useState(!1),[R,L]=n.useState(V.USER),z=n.useRef([]),P=n.useRef(null),D=n.useCallback(()=>{z.current.length!==0&&(z.current.forEach(s=>s()),z.current=[])},[]),{clear:Q,restart:X}=Se(()=>{D()},at,{autoStart:!1}),J=n.useCallback(()=>new Promise(s=>{z.current.push(s),X()}),[X]);n.useEffect(()=>()=>{Q(),D(),P.current=null},[Q,D]);const Z=n.useCallback(()=>{const s=g.current;return g.current+=1,s},[]),K=n.useMemo(()=>{const s=u=>u.status.type==="uploading";return o.some(s)?"updating":"ready"},[o]),_=n.useMemo(()=>{if(o.length>0&&o[o.length-1].status.type==="uploading")return o[o.length-1].status.progress},[o]),me=n.useCallback(()=>{L(s=>s===V.USER?V.ENVIRONMENT:V.USER)},[]),T=n.useCallback(s=>t.current.find(u=>u.id===s),[]),Y=n.useCallback(s=>{we.flushSync(()=>{r(u=>[...u,s])})},[]),ee=n.useCallback(s=>{r(u=>u.filter(b=>b.id!==s))},[]),F=n.useCallback((s,u)=>{r(b=>b.map(j=>j.id===s?u:j))},[]),te=n.useCallback((s,u)=>{w(!1);const b=T(s);A(b)||b.status.type!=="uploading"||F(b.id,b.setStatus({type:"uploaded",fileId:u.fileId,fileUrls:u}))},[T,F]),re=n.useCallback((s,u)=>{const b=T(u);if(A(b)||b.status.type!=="uploading")return;const j=s.total?Math.round(s.loaded*100/s.total):0;b.status.progress!==j&&F(u,b.setStatus({type:"uploading",abortController:b.status.abortController,progress:j}))},[T,F]),oe=n.useCallback((s,u)=>{const b=new AbortController,j=new le(u.name,u.size,Z(),{type:"uploading",abortController:b,progress:1});Y(j),d.uploadFile(e,s.uploadUrl,u,$=>re($,j.id),b.signal).then(()=>te(j.id,s)).catch($=>{$ instanceof DOMException&&$.name==="AbortError"||F(j.id,j.setStatus({type:"error",errorMessage:$?$.toString():"Unknown error"}))})},[Y,e,Z,te,re,F,d]),ne=n.useCallback(s=>{const u=T(s);A(u)||(u.status.type==="uploading"&&u.status.abortController.abort(),u.status.type==="uploaded"&&u.status.fileUrls.deleteUrl&&d.deleteFile(u.status.fileUrls.deleteUrl),ee(s))},[T,ee,d]),ie=n.useCallback(s=>{if(s===null)return Promise.resolve();if(P.current)return P.current;l(s),w(!0),M(!1);const u=ct(s,`camera-input-${new Date().toISOString().replace(/:/g,"_")}.jpg`).then(b=>d.fetchFileURLs([b]).then(j=>({file:b,fileUrls:j[0]}))).then(({file:b,fileUrls:j})=>oe(j,b)).then(J).then(()=>{M(!0)}).catch(b=>{st.error(b)}).finally(()=>{P.current=null});return P.current=u,u},[d,oe,J]),ge=n.useCallback(s=>{ie(s)},[ie]),ve=n.useCallback(()=>{o.length!==0&&(o.forEach(s=>ne(s.id)),l(null),v(!0))},[o,ne]);n.useEffect(()=>{a.getFileUploaderStateValue(e)===void 0&&a.setFileUploaderStateValue(e,N(o),{fromUi:!1},y)},[]),n.useEffect(()=>{if(K!=="ready")return;const s=N(o),u=a.getFileUploaderStateValue(e);xe(s,u)||a.setFileUploaderStateValue(e,s,{fromUi:!0},y)},[K,o,a,e,y]);const be=n.useCallback(()=>{r([]),l(null);const s=N([]);a.setFileUploaderStateValue(e,s,{fromUi:!0},y)},[e,y,a]);return Ue({element:e,widgetMgr:a,onFormCleared:be}),p.jsxs(he,{className:"stCameraInput","data-testid":"stCameraInput",ref:h,children:[p.jsx(Ve,{label:e.label,disabled:m,labelVisibility:Ce(e.labelVisibility?.value),children:e.help&&p.jsx(Ae,{content:e.help,label:e.label})}),c?p.jsxs(p.Fragment,{children:[p.jsx(G,{width:i,children:c!==pe&&p.jsx(Be,{src:c,alt:"Snapshot",opacity:C||!x?"50%":"100%",width:i,height:i*9/16})}),p.jsx(fe,{onClick:ve,progress:_,disabled:!!_||m,children:_?"Uploading...":p.jsxs(qe,{children:[p.jsx(B,{content:ue,margin:"0 xs 0 0",size:"sm"})," Clear photo"]})})]}):p.jsx(it,{handleCapture:ge,width:i,disabled:m,clearPhotoInProgress:U,setClearPhotoInProgress:v,facingMode:R,setFacingMode:me,testOverride:f})]})},bt=n.memo(dt);export{bt as default};

package/build/assets/{ChatInput-ClqoaQw2-PqG4grVV.js → ChatInput-C2YGDsKa-C1FEQeOd.js}

@@ -1 +1 @@
-import{r as i,N as ot,G as at,cy as st,cS as lt,i as oe,aY as Te,aX as ct,cT as m,w as Be,j as n,cO as ce,av as de,ax as E,am as dt,B as ut,aW as pt,x as y,E as H,_ as D,a7 as ht}from"./index-DJf52eor.js";import{k as gt,Y as He,_ as Pe,U as ae,j as ft,J as ue,S as mt,z as xt,L as wt}from"./utils-DNbZWtPr-BHo82ec1.js";import{c as bt}from"./useWaveformController-EemjKAv5-CT3VAgB8.js";import{m as De}from"./InputInstructions-C3LBp4_M-BIHPK8ho.js";import{y as yt,r as vt}from"./useTextInputAutoExpand-BTuNAk3V-5wcrsLsu.js";import{r as Ct}from"./inputUtils-DCYiajnz-DsrlAoKH.js";import{t as Ne}from"./UploadFileInfo-DdcsXhjv-m2CBXl3F.js";import"./TableChart.esm-x67iDGlj-hZSJidLi.js";import"./ErrorOutline.esm-B1NqpuZN-D4cKYVYX.js";import"./styled-components-BwoIjXty-eQCTyKeV.js";import"./base-input-CUlWnT-V-BhBQbzWk.js";import"./constants-BFZIinC9-BhIl5GAK.js";var pe=i.forwardRef(function(e,t){var a={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return i.createElement(H,D({iconAttrs:a,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),i.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}),i.createElement("path",{d:"M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"}))});pe.displayName="MicNone";var $e=i.forwardRef(function(e,t){var a={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return i.createElement(H,D({iconAttrs:a,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),i.createElement("rect",{width:24,height:24,fill:"none"}),i.createElement("path",{d:"M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z"}))});$e.displayName="Add";var he=i.forwardRef(function(e,t){var a={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return i.createElement(H,D({iconAttrs:a,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),i.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}),i.createElement("path",{d:"M13 19V7.83l4.88 4.88c.39.39 1.03.39 1.42 0a.996.996 0 000-1.41l-6.59-6.59a.996.996 0 00-1.41 0l-6.6 6.58a.996.996 0 101.41 1.41L11 7.83V19c0 .55.45 1 1 1s1-.45 1-1z"}))});he.displayName="ArrowUpward";var We=i.forwardRef(function(e,t){var a={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return i.createElement(H,D({iconAttrs:a,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),i.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}),i.createElement("path",{d:"M18 6.7l-8.48 8.48-3.54-3.54a.996.996 0 10-1.41 1.41l4.24 4.24c.39.39 1.02.39 1.41 0l9.18-9.18a.999.999 0 00-.01-1.42c-.37-.38-1-.38-1.39.01z"}))});We.displayName="Check";var Oe=i.forwardRef(function(e,t){var a={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return i.createElement(H,D({iconAttrs:a,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),i.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}),i.createElement("path",{d:"M18.3 5.71a.996.996 0 00-1.41 0L12 10.59 7.11 5.7A.996.996 0 105.7 7.11L10.59 12 5.7 16.89a.996.996 0 101.41 1.41L12 13.41l4.89 4.89a.996.996 0 101.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"}))});Oe.displayName="Close";var ge=i.forwardRef(function(e,t){var a={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return i.createElement(H,D({iconAttrs:a,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),i.createElement("rect",{width:24,height:24,fill:"none"}),i.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 11c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm0 4c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"}))});ge.displayName="ErrorOutline";const X=ut.getLogger("ChatInput"),zt=y("div",{target:"e1d2x3se11"})(({isStretchHeight:e})=>({position:"relative",display:"flex",flexDirection:"column",...e&&{height:"100%"}}),""),St=y("div",{target:"e1d2x3se10"})(({theme:e,isStretchHeight:t})=>({backgroundColor:e.colors.secondaryBg,border:`${e.sizes.borderWidth} solid`,borderColor:e.colors.widgetBorderColor??e.colors.transparent,position:"relative",display:"flex",flexDirection:"column",alignItems:"stretch",flex:1,paddingTop:e.spacing.md,paddingBottom:e.spacing.md,paddingLeft:e.spacing.lg,paddingRight:e.spacing.lg,gap:e.spacing.sm,borderRadius:e.radii.default,boxSizing:"border-box",...t&&{height:"100%"},":focus-within":{borderColor:e.colors.primary}}),""),jt=y("div",{target:"e1d2x3se9"})(({theme:e})=>({display:"flex",flexWrap:"wrap",gap:e.spacing.sm}),""),Et=y("div",{target:"e1d2x3se8"})(({theme:e,isStacked:t,hasExpandedHeight:a})=>({display:"flex",flexDirection:a?"column":"row",alignItems:a?"stretch":"center",justifyContent:a?"flex-start":"space-between",width:"100%",gap:e.spacing.sm,flexWrap:!a&&t?"wrap":"nowrap",...a&&{flex:1}}),""),Rt=y("div",{target:"e1d2x3se7"})(({isStacked:e,hasExpandedHeight:t})=>({flex:e&&!t?"none":1,width:e||t?"100%":"auto",order:e&&!t?-1:0,display:"flex",alignItems:t?"stretch":"center",minWidth:0}),""),Le=y("div",{target:"e1d2x3se6"})(({theme:e,hasExpandedHeight:t})=>({display:"flex",flexDirection:"row",flexShrink:0,gap:e.spacing.sm,alignItems:"center",order:t?0:-1}),""),Ue=y("div",{target:"e1d2x3se5"})(({theme:e})=>({display:"flex",flexDirection:"row",gap:e.spacing.sm,alignItems:"center"}),""),Ft=y("div",{target:"e1d2x3se4"})(({theme:e})=>({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"100%",gap:e.spacing.sm}),""),Ve=y("div",{target:"e1d2x3se3"})(({theme:e})=>({color:e.colors.fadedText60,fontSize:e.fontSizes.twoSm,textAlign:"right",whiteSpace:"nowrap",pointerEvents:"auto",cursor:"text","& .stChatInputInstructions":{position:"static"}}),""),R=y("button",{target:"e1d2x3se2"})(({theme:e,disabled:t,hasError:a,primary:g})=>{if(g)return{border:"none",backgroundColor:t?e.colors.darkenedBgMix15:e.colors.primary,borderRadius:e.radii.button,display:"inline-flex",alignItems:"center",justifyContent:"center",lineHeight:e.lineHeights.none,margin:e.spacing.none,padding:e.spacing.xs,width:e.sizes.chatInputPrimaryButtonSize,height:e.sizes.chatInputPrimaryButtonSize,color:t?e.colors.fadedText40:e.colors.white,cursor:t?"not-allowed":"pointer",transition:"background-color 200ms ease","&:focus":{outline:"none"},":focus":{outline:"none"},"&:focus-visible":{boxShadow:e.shadows.focusRing},"&:hover":{backgroundColor:t?e.colors.darkenedBgMix15:e.colors.primary}};const d=()=>a?e.colors.redTextColor:t?e.colors.fadedText40:e.colors.fadedText60;return{border:"none",backgroundColor:e.colors.transparent,borderRadius:e.radii.default,display:"inline-flex",alignItems:"center",justifyContent:"center",lineHeight:e.lineHeights.none,margin:e.spacing.none,padding:e.spacing.none,color:d(),pointerEvents:"auto","&:focus":{outline:"none"},":focus":{outline:"none"},"&:focus-visible":{boxShadow:e.shadows.focusRing},"&:hover":{color:a?e.colors.redColor:e.colors.bodyText},"&:active":{color:e.colors.primary},"&:disabled, &:disabled:hover, &:disabled:active":{backgroundColor:e.colors.transparent,borderColor:e.colors.transparent,color:e.colors.fadedText40,cursor:"not-allowed"},"& svg":{width:e.iconSizes.lg,height:e.iconSizes.lg}}},""),kt=y("div",{target:"e1d2x3se1"})(({isRecording:e})=>({display:e?"flex":"none",flex:1,alignItems:"center",minWidth:0}),""),Mt=y("div",{target:"e1d2x3se0"})(({theme:e})=>({position:"relative",width:"100%",height:e.sizes.chatInputPrimaryButtonSize,borderRadius:e.radii.default,overflow:"hidden","& > div":{position:"absolute",inset:0}}),""),Ye=(e,t)=>t===m.Directory?{...e,webkitdirectory:"",multiple:!0}:e,It=(e,t)=>xt(e,t)?{isValid:!0}:{isValid:!1,errorMessage:`${e.type||"This type of"} files are not allowed.`},fe=e=>{switch(e){case m.None:return"a file";case m.Single:return"a file";case m.Multiple:return"files";case m.Directory:return"a directory";default:return ht(e),"a file"}},Tt=y("div",{target:"e3id6jz2"})(({theme:e})=>({backgroundColor:e.colors.transparent,position:"absolute",inset:0,zIndex:e.zIndices.priority,borderRadius:e.radii.chatInput}),""),Bt=y("div",{target:"e3id6jz1"})(({theme:e})=>({position:"absolute",inset:0,border:`${e.sizes.borderWidth} solid`,borderColor:e.colors.primary,borderRadius:e.radii.chatInput,backgroundColor:e.colors.secondaryBg,color:e.colors.primary,display:"flex",alignItems:"center",justifyContent:"center",fontWeight:e.fontWeights.bold,pointerEvents:"none",zIndex:e.zIndices.priority}),""),Ht=y("div",{target:"e3id6jz0"})(({disabled:e})=>({pointerEvents:e?"none":"auto"}),""),Dt=({onDrop:e,multiple:t,accept:a,maxSize:g,acceptFile:d,disabled:p,fileTypes:f})=>{const{getRootProps:C,getInputProps:x}=Pe({onDrop:e,multiple:t,accept:a,maxSize:g,useFsAccessApi:!1}),w=Ye(x(),d),c=C({tabIndex:-1}),h=()=>{const u=`Upload or drag and drop ${fe(d)}`;return f&&f.length>0?`${u} (${wt(f)})`:u};return n.jsxs(Ht,{"data-testid":"stChatInputFileUploadButton",disabled:p,...c,children:[n.jsx("input",{...w}),n.jsx(ce,{content:h(),placement:de.TOP,onMouseEnterDelay:500,children:n.jsx(R,{type:"button",disabled:p,"aria-label":`Upload ${fe(d)}`,children:n.jsx(E,{content:$e,size:"xl",color:"inherit"})})})]})},Ae=i.memo(Dt),Lt=({getRootProps:e,getInputProps:t,acceptFile:a})=>{const g=Ye(t(),a);return n.jsxs(n.Fragment,{children:[n.jsx(Tt,{...e(),children:n.jsx("input",{...g})}),n.jsx(Bt,{children:`Drag and drop ${fe(a)} here`})]})},Ut=i.memo(Lt),Vt=(e,t,a)=>{const g=[],d=[];return e.forEach(p=>{if(p.size>a){d.push({file:p,errors:[{code:ue.FileTooLarge,message:`File is too large. Maximum size is ${a} bytes.`}]});return}const f=It(p,t.fileType);if(!f.isValid){d.push({file:p,errors:[{code:ue.FileInvalidType,message:f.errorMessage||"File type not allowed."}]});return}g.push(p)}),{accepted:g,rejected:d}},At=({acceptMultipleFiles:e,maxFileSize:t,uploadClient:a,uploadFile:g,addFiles:d,getNextLocalFileId:p,deleteExistingFiles:f,onUploadComplete:C,element:x})=>(w,c)=>{if(w.length>0){const{accepted:h,rejected:u}=Vt(w,x,t);w=h,c=[...c,...u]}if(!e&&w.length===0&&c.length>1){const h=c.findIndex(u=>u.errors?.[0].code===ue.TooManyFiles);h>=0&&(w.push(c[h].file),c.splice(h,1))}if(!e&&w.length>0&&f(),a.fetchFileURLs(w).then(h=>{pt(h,w).forEach(([u,I])=>{g(u,I)})}).catch(h=>{d(w.map(u=>new Ne(u.name,u.size,p(),{type:"error",errorMessage:h},u)))}),c.length>0){const h=c.map(u=>mt(u,p(),t));d(h)}C()},Pt=({getNextLocalFileId:e,addFiles:t,updateFile:a,uploadClient:g,element:d,onUploadProgress:p,onUploadComplete:f})=>(C,x)=>{const w=x.webkitRelativePath||x.name,c=new AbortController,h=new Ne(w,x.size,e(),{type:"uploading",abortController:c,progress:1},x);t([h]),g.uploadFile({formId:"",...d},C.uploadUrl,x,u=>p(u,h.id),c.signal).then(()=>f(h.id,C)).catch(u=>{u instanceof DOMException&&u.name==="AbortError"||a(h.id,h.setStatus({type:"error",errorMessage:u?u.toString():"Unknown error"}))})};function Nt(e,t,a,g,d){return{Root:{style:{minHeight:g??e.sizes.chatInputTextareaMinHeight,outline:"none",borderLeftWidth:"0",borderRightWidth:"0",borderTopWidth:"0",borderBottomWidth:"0",borderTopLeftRadius:"0",borderTopRightRadius:"0",borderBottomRightRadius:"0",borderBottomLeftRadius:"0",...a}},Input:{props:{"data-testid":"stChatInputTextArea"},style:{fontWeight:e.fontWeights.normal,lineHeight:e.lineHeights.inputWidget,"::placeholder":{color:e.colors.fadedText60},height:d?"100%":t.isExtended?t.height:"auto",maxHeight:d?"none":t.maxHeight,overflowY:"auto",paddingLeft:e.spacing.none,paddingRight:e.spacing.none,paddingBottom:e.spacing.twoXS,paddingTop:e.spacing.twoXS,width:"100%"}}}}const se=(e,t,a)=>a.map(g=>g.id===e?t:g),le=(e,t)=>t.find(a=>a.id===e);function $t({disabled:e,element:t,widgetMgr:a,fragmentId:g,uploadClient:d,heightConfig:p}){const f=ot(),{placeholder:C,maxChars:x}=t,w=i.useRef(0),c=i.useRef(null),h=i.useRef(!1),u=i.useRef(null),I=i.useRef(null),{width:Ke,elementRef:_e}=at(),{innerWidth:me,innerHeight:xe}=st(),[z,G]=i.useState(t.default),[S,k]=i.useState([]),[L,Q]=i.useState(!1),[F,we]=i.useState(!1),[U,V]=i.useState(null),[T,q]=i.useState(!1),[be,ye]=i.useState(0),N=t.acceptAudio??!1;i.useEffect(()=>()=>{I.current&&I.current.abort()},[]);const A=yt({textareaRef:c,dependencies:[C,T]}),$=i.useRef(""),W=i.useRef(0),Z=i.useRef(null),ve=i.useRef(null),P=i.useCallback(r=>{const o=getComputedStyle(r);$.current=`${o.fontWeight} ${o.fontSize} ${o.fontFamily}`;const l=parseFloat(o.paddingLeft)||0,s=parseFloat(o.paddingRight)||0;W.current=r.clientWidth-l-s},[]);i.useLayoutEffect(()=>{const r=c.current;if(!r)return;P(r);const o=new ResizeObserver(()=>P(r));return o.observe(r),()=>o.disconnect()},[P,T]),i.useEffect(()=>{if(z===""){q(!1);return}if(T)return;const r=c.current;if(!r||((W.current<=0||!$.current)&&P(r),W.current<=0||!$.current))return;Z.current||(Z.current=document.createElement("canvas"),ve.current=Z.current.getContext("2d"));const o=ve.current;o&&(o.font=$.current,o.measureText(z).width>W.current-10&&q(!0))},[z,T,P]);const B=i.useMemo(()=>S.some(r=>r.status.type==="uploading")?!1:z!==""||S.length>0,[S,z]),b=lt(t.acceptFile),O=gt(t.maxUploadSizeMb,He.Megabyte,He.Byte),Ce=i.useCallback(r=>k(o=>[...o,...r]),[]),ze=i.useCallback(r=>{r.status.type==="uploading"&&r.status.abortController.abort(),r.status.type==="uploaded"&&r.status.fileUrls.deleteUrl&&d.deleteFile(r.status.fileUrls.deleteUrl).catch(o=>{X.error("Failed to delete file from server:",o)})},[d]),Se=i.useCallback(r=>{k(o=>{const l=le(r,o);if(oe(l))return o;ze(l);const s=o.filter(v=>v.id!==r);return s.length===0&&ye(v=>v+1),s})},[ze]),ee=i.useRef(null),Je=i.useCallback(r=>{!r.file||r.status.type!=="error"||(k(o=>o.filter(l=>l.id!==r.id)),ee.current&&ee.current([r.file],[]))},[]),je=i.useCallback(()=>{const r=S.filter(o=>o.status.type==="uploaded").map(o=>{const{name:l,size:s,status:v}=o,{fileId:ne,fileUrls:nt}=v;return new Te({fileId:ne,fileUrls:nt,name:l,size:s})});return new ct({uploadedFileInfo:r})},[S]),Ee=()=>w.current++,Y=At({acceptMultipleFiles:b===m.Multiple||b===m.Directory,maxFileSize:O,uploadClient:d,uploadFile:Pt({getNextLocalFileId:Ee,addFiles:Ce,updateFile:(r,o)=>{k(l=>se(r,o,l))},uploadClient:d,element:t,onUploadProgress:(r,o)=>{k(l=>{const s=le(o,l);if(oe(s)||s.status.type!=="uploading")return l;const v=r.total?Math.round(r.loaded*100/r.total):0;return s.status.progress===v?l:se(o,s.setStatus({type:"uploading",abortController:s.status.abortController,progress:v}),l)})},onUploadComplete:(r,o)=>{k(l=>{const s=le(r,l);return oe(s)||s.status.type!=="uploading"?l:se(s.id,s.setStatus({type:"uploaded",fileId:o.fileId,fileUrls:o}),l)})}}),addFiles:Ce,getNextLocalFileId:Ee,deleteExistingFiles:()=>S.forEach(r=>Se(r.id)),onUploadComplete:()=>{c.current&&c.current.focus()},element:t});ee.current=Y;const{getRootProps:Xe,getInputProps:Ge}=Pe({onDrop:Y,multiple:b===m.Multiple||b===m.Directory,accept:ae(t.fileType),maxSize:O,useFsAccessApi:!1}),K=i.useCallback(r=>{if(c.current&&c.current.focus(),!B&&!r||e)return;const o=je(),l={data:z,fileUploaderState:o,audioFileInfo:r};a.setChatInputValue(t,l,{fromUi:!0},g),S.length>0&&ye(s=>s+1),k([]),G(""),q(!1),A.clearScrollHeight()},[B,e,z,S.length,je,a,t,g,A]),Re=i.useCallback(async r=>{const o=new Date().toISOString().replace(/[:.]/g,"-"),l=new File([r],`audio-${o}.wav`,{type:"audio/wav"});try{we(!0);const s=await d.fetchFileURLs([l]);if(s.length===0)throw new Error("Failed to get upload URL for audio file");const v=s[0];I.current=new AbortController,await d.uploadFile({formId:"",...t},v.uploadUrl,l,()=>{},I.current.signal);const ne=new Te({fileId:v.fileId,fileUrls:v,name:l.name,size:l.size});K(ne)}catch(s){X.error("Audio upload failed:",s),V("Recording failed"),c.current&&c.current.focus()}finally{we(!1)}},[d,t,K]),Qe=i.useMemo(()=>({onApprove:Re,onPermissionDenied:()=>{const r="Microphone access denied";V(r),X.error("Permission denied:",r)},onError:r=>{V("Recording failed"),X.error("Recording error:",r)},onRecordStart:()=>{V(null)}}),[Re]),j=bt({containerRef:u,sampleRate:t.audioSampleRate??void 0,events:Qe}),te=i.useCallback(()=>{K()},[K]),qe=r=>{const{metaKey:o,ctrlKey:l,shiftKey:s}=r;Ct(r)&&!s&&!l&&!o&&(r.preventDefault(),te())},Ze=r=>{const{value:o}=r.target;x!==0&&o.length>x||(G(o),A.updateScrollHeight(),U&&V(null))},Fe=i.useCallback(async r=>{r.preventDefault(),r.stopPropagation(),!(!N||e||j.state==="recording")&&await j.start()},[N,e,j]),et=i.useCallback(()=>{j.cancel(),c.current&&c.current.focus()},[j]),ke=i.useCallback(async()=>{const{blob:r}=await j.stop();await j.approve(r)},[j]),_=i.useCallback(r=>{Fe(r)},[Fe]),tt=i.useCallback(()=>{ke()},[ke]),Me=i.useCallback(()=>{c.current&&c.current.focus()},[]);i.useEffect(()=>{if(t.setValue&&!h.current){h.current=!0;const r=t.value||"";G(r)}},[t.setValue,t.value]),i.useEffect(()=>{h.current=!1},[t]),i.useEffect(()=>{const r=s=>{s.preventDefault(),s.stopPropagation(),!L&&s.dataTransfer?.types.includes("Files")&&Q(!0)},o=s=>{s.preventDefault(),s.stopPropagation(),L&&(s.clientX<=0&&s.clientY<=0||s.clientX>=me&&s.clientY>=xe)&&Q(!1)},l=s=>{s.preventDefault(),s.stopPropagation(),L&&Q(!1)};return window.addEventListener("dragover",r),window.addEventListener("drop",l),window.addEventListener("dragleave",o),()=>{window.removeEventListener("dragover",r),window.removeEventListener("drop",l),window.removeEventListener("dragleave",o)}},[L,me,xe]);const rt=b!==m.None&&L,M=j.state==="recording",re=!M&&Ke>Be(f.breakpoints.hideWidgetDetails)&&x>0,it=i.useMemo(()=>{if(!(!p||p.useContent)){if(p.useStretch)return"100%";if(p.pixelHeight&&p.pixelHeight>0){const r=parseInt(f.sizes.borderWidth,10)||1,o=Be(f.spacing.md)*2+r*2;return`${Math.max(0,p.pixelHeight-o)}px`}}},[p,f.sizes.borderWidth,f.spacing.md]),ie=p?.useStretch??!1,Ie=ie||(p?.pixelHeight??0)>0,J=Ie||A.isExtended;return n.jsx(zt,{className:"stChatInput","data-testid":"stChatInput",ref:_e,isStretchHeight:ie,children:n.jsxs(St,{isStretchHeight:ie,children:[rt&&n.jsx(Ut,{getRootProps:Xe,getInputProps:Ge,acceptFile:b}),b!==m.None&&S.length>0&&n.jsx(jt,{children:n.jsx(ft,{items:[...S],onDelete:Se,onRetry:Je})}),n.jsxs(Et,{isStacked:T,hasExpandedHeight:J&&!M,children:[!M&&n.jsx(Rt,{isStacked:T,hasExpandedHeight:J,children:n.jsx(vt,{inputRef:c,value:z,placeholder:C,onChange:Ze,onKeyDown:qe,"aria-label":C,disabled:e,rows:1,"aria-describedby":re?"stChatInputInstructions":void 0,overrides:Nt(f,A,{width:"100%",...J?{flex:1}:{}},it,Ie)})}),J&&!M?n.jsxs(Ft,{children:[n.jsx(Le,{hasExpandedHeight:!0,children:b!==m.None&&n.jsx(Ae,{onDrop:Y,multiple:b===m.Multiple||b===m.Directory,accept:ae(t.fileType),maxSize:O,acceptFile:b,disabled:e,fileTypes:t.fileType},be)}),n.jsxs(Ue,{children:[re&&n.jsx(Ve,{onClick:Me,id:"stChatInputInstructions",children:n.jsx(De,{dirty:B,value:z,maxLength:x,type:"chat",inForm:!1,className:"stChatInputInstructions"})}),N&&n.jsx(n.Fragment,{children:U?n.jsx(ce,{content:U,placement:de.TOP,error:!0,children:n.jsx(R,{onClick:_,disabled:e||F,hasError:!0,"data-testid":"stChatInputMicButton","aria-label":"Start recording",children:n.jsx(E,{content:ge,size:"xl",color:"inherit"})})}):n.jsx(R,{onClick:_,disabled:e||F,"data-testid":"stChatInputMicButton","aria-label":"Start recording",children:n.jsx(E,{content:pe,size:"xl",color:"inherit"})})}),n.jsx(R,{onClick:te,disabled:!B||e||F,"data-testid":"stChatInputSubmitButton","aria-label":"Send message",primary:!0,children:n.jsx(E,{content:he,size:"lg",color:"inherit"})})]})]}):n.jsxs(n.Fragment,{children:[n.jsx(Le,{hasExpandedHeight:!1,children:b!==m.None&&!M&&n.jsx(Ae,{onDrop:Y,multiple:b===m.Multiple||b===m.Directory,accept:ae(t.fileType),maxSize:O,acceptFile:b,disabled:e,fileTypes:t.fileType},be)}),n.jsx(kt,{isRecording:M,children:n.jsx(Mt,{ref:u})}),n.jsx(Ue,{children:M?n.jsxs(n.Fragment,{children:[n.jsx(R,{onClick:et,disabled:e,"data-testid":"stChatInputCancelButton","aria-label":"Cancel recording",children:n.jsx(E,{content:Oe,size:"lg",color:"inherit"})}),n.jsx(R,{onClick:tt,disabled:e||F,"data-testid":"stChatInputApproveButton","aria-label":"Submit recording",children:F?n.jsx(dt,{size:"lg",iconValue:"spinner"}):n.jsx(E,{content:We,size:"lg",color:"inherit"})})]}):n.jsxs(n.Fragment,{children:[re&&n.jsx(Ve,{onClick:Me,id:"stChatInputInstructions",children:n.jsx(De,{dirty:B,value:z,maxLength:x,type:"chat",inForm:!1,className:"stChatInputInstructions"})}),N&&n.jsx(n.Fragment,{children:U?n.jsx(ce,{content:U,placement:de.TOP,error:!0,children:n.jsx(R,{onClick:_,disabled:e||F,hasError:!0,"data-testid":"stChatInputMicButton","aria-label":"Start recording",children:n.jsx(E,{content:ge,size:"xl",color:"inherit"})})}):n.jsx(R,{onClick:_,disabled:e||F,"data-testid":"stChatInputMicButton","aria-label":"Start recording",children:n.jsx(E,{content:pe,size:"xl",color:"inherit"})})}),n.jsx(R,{onClick:te,disabled:!B||e||F,"data-testid":"stChatInputSubmitButton","aria-label":"Send message",primary:!0,children:n.jsx(E,{content:he,size:"lg",color:"inherit"})})]})})]})]})]})})}const tr=i.memo($t);export{tr as default};
+import{r as i,N as ot,G as at,cy as st,cS as lt,i as oe,aY as Te,aX as ct,cT as m,w as Be,j as n,cO as ce,av as de,ax as E,am as dt,B as ut,aW as pt,x as y,E as H,_ as D,a7 as ht}from"./index-CHE20_1-.js";import{k as gt,Y as He,_ as Pe,U as ae,j as ft,J as ue,S as mt,z as xt,L as wt}from"./utils-CzD7XIpv-COJ6XrrX.js";import{c as bt}from"./useWaveformController-B-n3rX5g-BppMHOmS.js";import{m as De}from"./InputInstructions-C-Zf4oQL-DB03cpCg.js";import{y as yt,r as vt}from"./useTextInputAutoExpand-Coetw41P-BCx9E5Py.js";import{r as Ct}from"./inputUtils-DCYiajnz-DsrlAoKH.js";import{t as Ne}from"./UploadFileInfo-DdcsXhjv-m2CBXl3F.js";import"./TableChart.esm-Dpji9oSF-DM4jytuW.js";import"./ErrorOutline.esm-BskdUBnE-7qRVaCY5.js";import"./styled-components-BsL0GiBO-C2azWTC8.js";import"./base-input-YEUHRI4X-r3jc5z5D.js";import"./constants-PqcOHKIA-Am2_uapM.js";var pe=i.forwardRef(function(e,t){var a={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return i.createElement(H,D({iconAttrs:a,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),i.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}),i.createElement("path",{d:"M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"}))});pe.displayName="MicNone";var $e=i.forwardRef(function(e,t){var a={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return i.createElement(H,D({iconAttrs:a,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),i.createElement("rect",{width:24,height:24,fill:"none"}),i.createElement("path",{d:"M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z"}))});$e.displayName="Add";var he=i.forwardRef(function(e,t){var a={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return i.createElement(H,D({iconAttrs:a,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),i.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}),i.createElement("path",{d:"M13 19V7.83l4.88 4.88c.39.39 1.03.39 1.42 0a.996.996 0 000-1.41l-6.59-6.59a.996.996 0 00-1.41 0l-6.6 6.58a.996.996 0 101.41 1.41L11 7.83V19c0 .55.45 1 1 1s1-.45 1-1z"}))});he.displayName="ArrowUpward";var We=i.forwardRef(function(e,t){var a={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return i.createElement(H,D({iconAttrs:a,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),i.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}),i.createElement("path",{d:"M18 6.7l-8.48 8.48-3.54-3.54a.996.996 0 10-1.41 1.41l4.24 4.24c.39.39 1.02.39 1.41 0l9.18-9.18a.999.999 0 00-.01-1.42c-.37-.38-1-.38-1.39.01z"}))});We.displayName="Check";var Oe=i.forwardRef(function(e,t){var a={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return i.createElement(H,D({iconAttrs:a,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),i.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}),i.createElement("path",{d:"M18.3 5.71a.996.996 0 00-1.41 0L12 10.59 7.11 5.7A.996.996 0 105.7 7.11L10.59 12 5.7 16.89a.996.996 0 101.41 1.41L12 13.41l4.89 4.89a.996.996 0 101.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"}))});Oe.displayName="Close";var ge=i.forwardRef(function(e,t){var a={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return i.createElement(H,D({iconAttrs:a,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),i.createElement("rect",{width:24,height:24,fill:"none"}),i.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 11c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm0 4c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"}))});ge.displayName="ErrorOutline";const X=ut.getLogger("ChatInput"),zt=y("div",{target:"e1d2x3se11"})(({isStretchHeight:e})=>({position:"relative",display:"flex",flexDirection:"column",...e&&{height:"100%"}}),""),St=y("div",{target:"e1d2x3se10"})(({theme:e,isStretchHeight:t})=>({backgroundColor:e.colors.secondaryBg,border:`${e.sizes.borderWidth} solid`,borderColor:e.colors.widgetBorderColor??e.colors.transparent,position:"relative",display:"flex",flexDirection:"column",alignItems:"stretch",flex:1,paddingTop:e.spacing.md,paddingBottom:e.spacing.md,paddingLeft:e.spacing.lg,paddingRight:e.spacing.lg,gap:e.spacing.sm,borderRadius:e.radii.default,boxSizing:"border-box",...t&&{height:"100%"},":focus-within":{borderColor:e.colors.primary}}),""),jt=y("div",{target:"e1d2x3se9"})(({theme:e})=>({display:"flex",flexWrap:"wrap",gap:e.spacing.sm}),""),Et=y("div",{target:"e1d2x3se8"})(({theme:e,isStacked:t,hasExpandedHeight:a})=>({display:"flex",flexDirection:a?"column":"row",alignItems:a?"stretch":"center",justifyContent:a?"flex-start":"space-between",width:"100%",gap:e.spacing.sm,flexWrap:!a&&t?"wrap":"nowrap",...a&&{flex:1}}),""),Rt=y("div",{target:"e1d2x3se7"})(({isStacked:e,hasExpandedHeight:t})=>({flex:e&&!t?"none":1,width:e||t?"100%":"auto",order:e&&!t?-1:0,display:"flex",alignItems:t?"stretch":"center",minWidth:0}),""),Le=y("div",{target:"e1d2x3se6"})(({theme:e,hasExpandedHeight:t})=>({display:"flex",flexDirection:"row",flexShrink:0,gap:e.spacing.sm,alignItems:"center",order:t?0:-1}),""),Ue=y("div",{target:"e1d2x3se5"})(({theme:e})=>({display:"flex",flexDirection:"row",gap:e.spacing.sm,alignItems:"center"}),""),Ft=y("div",{target:"e1d2x3se4"})(({theme:e})=>({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"100%",gap:e.spacing.sm}),""),Ve=y("div",{target:"e1d2x3se3"})(({theme:e})=>({color:e.colors.fadedText60,fontSize:e.fontSizes.twoSm,textAlign:"right",whiteSpace:"nowrap",pointerEvents:"auto",cursor:"text","& .stChatInputInstructions":{position:"static"}}),""),R=y("button",{target:"e1d2x3se2"})(({theme:e,disabled:t,hasError:a,primary:g})=>{if(g)return{border:"none",backgroundColor:t?e.colors.darkenedBgMix15:e.colors.primary,borderRadius:e.radii.button,display:"inline-flex",alignItems:"center",justifyContent:"center",lineHeight:e.lineHeights.none,margin:e.spacing.none,padding:e.spacing.xs,width:e.sizes.chatInputPrimaryButtonSize,height:e.sizes.chatInputPrimaryButtonSize,color:t?e.colors.fadedText40:e.colors.white,cursor:t?"not-allowed":"pointer",transition:"background-color 200ms ease","&:focus":{outline:"none"},":focus":{outline:"none"},"&:focus-visible":{boxShadow:e.shadows.focusRing},"&:hover":{backgroundColor:t?e.colors.darkenedBgMix15:e.colors.primary}};const d=()=>a?e.colors.redTextColor:t?e.colors.fadedText40:e.colors.fadedText60;return{border:"none",backgroundColor:e.colors.transparent,borderRadius:e.radii.default,display:"inline-flex",alignItems:"center",justifyContent:"center",lineHeight:e.lineHeights.none,margin:e.spacing.none,padding:e.spacing.none,color:d(),pointerEvents:"auto","&:focus":{outline:"none"},":focus":{outline:"none"},"&:focus-visible":{boxShadow:e.shadows.focusRing},"&:hover":{color:a?e.colors.redColor:e.colors.bodyText},"&:active":{color:e.colors.primary},"&:disabled, &:disabled:hover, &:disabled:active":{backgroundColor:e.colors.transparent,borderColor:e.colors.transparent,color:e.colors.fadedText40,cursor:"not-allowed"},"& svg":{width:e.iconSizes.lg,height:e.iconSizes.lg}}},""),kt=y("div",{target:"e1d2x3se1"})(({isRecording:e})=>({display:e?"flex":"none",flex:1,alignItems:"center",minWidth:0}),""),Mt=y("div",{target:"e1d2x3se0"})(({theme:e})=>({position:"relative",width:"100%",height:e.sizes.chatInputPrimaryButtonSize,borderRadius:e.radii.default,overflow:"hidden","& > div":{position:"absolute",inset:0}}),""),Ye=(e,t)=>t===m.Directory?{...e,webkitdirectory:"",multiple:!0}:e,It=(e,t)=>xt(e,t)?{isValid:!0}:{isValid:!1,errorMessage:`${e.type||"This type of"} files are not allowed.`},fe=e=>{switch(e){case m.None:return"a file";case m.Single:return"a file";case m.Multiple:return"files";case m.Directory:return"a directory";default:return ht(e),"a file"}},Tt=y("div",{target:"e3id6jz2"})(({theme:e})=>({backgroundColor:e.colors.transparent,position:"absolute",inset:0,zIndex:e.zIndices.priority,borderRadius:e.radii.chatInput}),""),Bt=y("div",{target:"e3id6jz1"})(({theme:e})=>({position:"absolute",inset:0,border:`${e.sizes.borderWidth} solid`,borderColor:e.colors.primary,borderRadius:e.radii.chatInput,backgroundColor:e.colors.secondaryBg,color:e.colors.primary,display:"flex",alignItems:"center",justifyContent:"center",fontWeight:e.fontWeights.bold,pointerEvents:"none",zIndex:e.zIndices.priority}),""),Ht=y("div",{target:"e3id6jz0"})(({disabled:e})=>({pointerEvents:e?"none":"auto"}),""),Dt=({onDrop:e,multiple:t,accept:a,maxSize:g,acceptFile:d,disabled:p,fileTypes:f})=>{const{getRootProps:C,getInputProps:x}=Pe({onDrop:e,multiple:t,accept:a,maxSize:g,useFsAccessApi:!1}),w=Ye(x(),d),c=C({tabIndex:-1}),h=()=>{const u=`Upload or drag and drop ${fe(d)}`;return f&&f.length>0?`${u} (${wt(f)})`:u};return n.jsxs(Ht,{"data-testid":"stChatInputFileUploadButton",disabled:p,...c,children:[n.jsx("input",{...w}),n.jsx(ce,{content:h(),placement:de.TOP,onMouseEnterDelay:500,children:n.jsx(R,{type:"button",disabled:p,"aria-label":`Upload ${fe(d)}`,children:n.jsx(E,{content:$e,size:"xl",color:"inherit"})})})]})},Ae=i.memo(Dt),Lt=({getRootProps:e,getInputProps:t,acceptFile:a})=>{const g=Ye(t(),a);return n.jsxs(n.Fragment,{children:[n.jsx(Tt,{...e(),children:n.jsx("input",{...g})}),n.jsx(Bt,{children:`Drag and drop ${fe(a)} here`})]})},Ut=i.memo(Lt),Vt=(e,t,a)=>{const g=[],d=[];return e.forEach(p=>{if(p.size>a){d.push({file:p,errors:[{code:ue.FileTooLarge,message:`File is too large. Maximum size is ${a} bytes.`}]});return}const f=It(p,t.fileType);if(!f.isValid){d.push({file:p,errors:[{code:ue.FileInvalidType,message:f.errorMessage||"File type not allowed."}]});return}g.push(p)}),{accepted:g,rejected:d}},At=({acceptMultipleFiles:e,maxFileSize:t,uploadClient:a,uploadFile:g,addFiles:d,getNextLocalFileId:p,deleteExistingFiles:f,onUploadComplete:C,element:x})=>(w,c)=>{if(w.length>0){const{accepted:h,rejected:u}=Vt(w,x,t);w=h,c=[...c,...u]}if(!e&&w.length===0&&c.length>1){const h=c.findIndex(u=>u.errors?.[0].code===ue.TooManyFiles);h>=0&&(w.push(c[h].file),c.splice(h,1))}if(!e&&w.length>0&&f(),a.fetchFileURLs(w).then(h=>{pt(h,w).forEach(([u,I])=>{g(u,I)})}).catch(h=>{d(w.map(u=>new Ne(u.name,u.size,p(),{type:"error",errorMessage:h},u)))}),c.length>0){const h=c.map(u=>mt(u,p(),t));d(h)}C()},Pt=({getNextLocalFileId:e,addFiles:t,updateFile:a,uploadClient:g,element:d,onUploadProgress:p,onUploadComplete:f})=>(C,x)=>{const w=x.webkitRelativePath||x.name,c=new AbortController,h=new Ne(w,x.size,e(),{type:"uploading",abortController:c,progress:1},x);t([h]),g.uploadFile({formId:"",...d},C.uploadUrl,x,u=>p(u,h.id),c.signal).then(()=>f(h.id,C)).catch(u=>{u instanceof DOMException&&u.name==="AbortError"||a(h.id,h.setStatus({type:"error",errorMessage:u?u.toString():"Unknown error"}))})};function Nt(e,t,a,g,d){return{Root:{style:{minHeight:g??e.sizes.chatInputTextareaMinHeight,outline:"none",borderLeftWidth:"0",borderRightWidth:"0",borderTopWidth:"0",borderBottomWidth:"0",borderTopLeftRadius:"0",borderTopRightRadius:"0",borderBottomRightRadius:"0",borderBottomLeftRadius:"0",...a}},Input:{props:{"data-testid":"stChatInputTextArea"},style:{fontWeight:e.fontWeights.normal,lineHeight:e.lineHeights.inputWidget,"::placeholder":{color:e.colors.fadedText60},height:d?"100%":t.isExtended?t.height:"auto",maxHeight:d?"none":t.maxHeight,overflowY:"auto",paddingLeft:e.spacing.none,paddingRight:e.spacing.none,paddingBottom:e.spacing.twoXS,paddingTop:e.spacing.twoXS,width:"100%"}}}}const se=(e,t,a)=>a.map(g=>g.id===e?t:g),le=(e,t)=>t.find(a=>a.id===e);function $t({disabled:e,element:t,widgetMgr:a,fragmentId:g,uploadClient:d,heightConfig:p}){const f=ot(),{placeholder:C,maxChars:x}=t,w=i.useRef(0),c=i.useRef(null),h=i.useRef(!1),u=i.useRef(null),I=i.useRef(null),{width:Ke,elementRef:_e}=at(),{innerWidth:me,innerHeight:xe}=st(),[z,G]=i.useState(t.default),[S,k]=i.useState([]),[L,Q]=i.useState(!1),[F,we]=i.useState(!1),[U,V]=i.useState(null),[T,q]=i.useState(!1),[be,ye]=i.useState(0),N=t.acceptAudio??!1;i.useEffect(()=>()=>{I.current&&I.current.abort()},[]);const A=yt({textareaRef:c,dependencies:[C,T]}),$=i.useRef(""),W=i.useRef(0),Z=i.useRef(null),ve=i.useRef(null),P=i.useCallback(r=>{const o=getComputedStyle(r);$.current=`${o.fontWeight} ${o.fontSize} ${o.fontFamily}`;const l=parseFloat(o.paddingLeft)||0,s=parseFloat(o.paddingRight)||0;W.current=r.clientWidth-l-s},[]);i.useLayoutEffect(()=>{const r=c.current;if(!r)return;P(r);const o=new ResizeObserver(()=>P(r));return o.observe(r),()=>o.disconnect()},[P,T]),i.useEffect(()=>{if(z===""){q(!1);return}if(T)return;const r=c.current;if(!r||((W.current<=0||!$.current)&&P(r),W.current<=0||!$.current))return;Z.current||(Z.current=document.createElement("canvas"),ve.current=Z.current.getContext("2d"));const o=ve.current;o&&(o.font=$.current,o.measureText(z).width>W.current-10&&q(!0))},[z,T,P]);const B=i.useMemo(()=>S.some(r=>r.status.type==="uploading")?!1:z!==""||S.length>0,[S,z]),b=lt(t.acceptFile),O=gt(t.maxUploadSizeMb,He.Megabyte,He.Byte),Ce=i.useCallback(r=>k(o=>[...o,...r]),[]),ze=i.useCallback(r=>{r.status.type==="uploading"&&r.status.abortController.abort(),r.status.type==="uploaded"&&r.status.fileUrls.deleteUrl&&d.deleteFile(r.status.fileUrls.deleteUrl).catch(o=>{X.error("Failed to delete file from server:",o)})},[d]),Se=i.useCallback(r=>{k(o=>{const l=le(r,o);if(oe(l))return o;ze(l);const s=o.filter(v=>v.id!==r);return s.length===0&&ye(v=>v+1),s})},[ze]),ee=i.useRef(null),Je=i.useCallback(r=>{!r.file||r.status.type!=="error"||(k(o=>o.filter(l=>l.id!==r.id)),ee.current&&ee.current([r.file],[]))},[]),je=i.useCallback(()=>{const r=S.filter(o=>o.status.type==="uploaded").map(o=>{const{name:l,size:s,status:v}=o,{fileId:ne,fileUrls:nt}=v;return new Te({fileId:ne,fileUrls:nt,name:l,size:s})});return new ct({uploadedFileInfo:r})},[S]),Ee=()=>w.current++,Y=At({acceptMultipleFiles:b===m.Multiple||b===m.Directory,maxFileSize:O,uploadClient:d,uploadFile:Pt({getNextLocalFileId:Ee,addFiles:Ce,updateFile:(r,o)=>{k(l=>se(r,o,l))},uploadClient:d,element:t,onUploadProgress:(r,o)=>{k(l=>{const s=le(o,l);if(oe(s)||s.status.type!=="uploading")return l;const v=r.total?Math.round(r.loaded*100/r.total):0;return s.status.progress===v?l:se(o,s.setStatus({type:"uploading",abortController:s.status.abortController,progress:v}),l)})},onUploadComplete:(r,o)=>{k(l=>{const s=le(r,l);return oe(s)||s.status.type!=="uploading"?l:se(s.id,s.setStatus({type:"uploaded",fileId:o.fileId,fileUrls:o}),l)})}}),addFiles:Ce,getNextLocalFileId:Ee,deleteExistingFiles:()=>S.forEach(r=>Se(r.id)),onUploadComplete:()=>{c.current&&c.current.focus()},element:t});ee.current=Y;const{getRootProps:Xe,getInputProps:Ge}=Pe({onDrop:Y,multiple:b===m.Multiple||b===m.Directory,accept:ae(t.fileType),maxSize:O,useFsAccessApi:!1}),K=i.useCallback(r=>{if(c.current&&c.current.focus(),!B&&!r||e)return;const o=je(),l={data:z,fileUploaderState:o,audioFileInfo:r};a.setChatInputValue(t,l,{fromUi:!0},g),S.length>0&&ye(s=>s+1),k([]),G(""),q(!1),A.clearScrollHeight()},[B,e,z,S.length,je,a,t,g,A]),Re=i.useCallback(async r=>{const o=new Date().toISOString().replace(/[:.]/g,"-"),l=new File([r],`audio-${o}.wav`,{type:"audio/wav"});try{we(!0);const s=await d.fetchFileURLs([l]);if(s.length===0)throw new Error("Failed to get upload URL for audio file");const v=s[0];I.current=new AbortController,await d.uploadFile({formId:"",...t},v.uploadUrl,l,()=>{},I.current.signal);const ne=new Te({fileId:v.fileId,fileUrls:v,name:l.name,size:l.size});K(ne)}catch(s){X.error("Audio upload failed:",s),V("Recording failed"),c.current&&c.current.focus()}finally{we(!1)}},[d,t,K]),Qe=i.useMemo(()=>({onApprove:Re,onPermissionDenied:()=>{const r="Microphone access denied";V(r),X.error("Permission denied:",r)},onError:r=>{V("Recording failed"),X.error("Recording error:",r)},onRecordStart:()=>{V(null)}}),[Re]),j=bt({containerRef:u,sampleRate:t.audioSampleRate??void 0,events:Qe}),te=i.useCallback(()=>{K()},[K]),qe=r=>{const{metaKey:o,ctrlKey:l,shiftKey:s}=r;Ct(r)&&!s&&!l&&!o&&(r.preventDefault(),te())},Ze=r=>{const{value:o}=r.target;x!==0&&o.length>x||(G(o),A.updateScrollHeight(),U&&V(null))},Fe=i.useCallback(async r=>{r.preventDefault(),r.stopPropagation(),!(!N||e||j.state==="recording")&&await j.start()},[N,e,j]),et=i.useCallback(()=>{j.cancel(),c.current&&c.current.focus()},[j]),ke=i.useCallback(async()=>{const{blob:r}=await j.stop();await j.approve(r)},[j]),_=i.useCallback(r=>{Fe(r)},[Fe]),tt=i.useCallback(()=>{ke()},[ke]),Me=i.useCallback(()=>{c.current&&c.current.focus()},[]);i.useEffect(()=>{if(t.setValue&&!h.current){h.current=!0;const r=t.value||"";G(r)}},[t.setValue,t.value]),i.useEffect(()=>{h.current=!1},[t]),i.useEffect(()=>{const r=s=>{s.preventDefault(),s.stopPropagation(),!L&&s.dataTransfer?.types.includes("Files")&&Q(!0)},o=s=>{s.preventDefault(),s.stopPropagation(),L&&(s.clientX<=0&&s.clientY<=0||s.clientX>=me&&s.clientY>=xe)&&Q(!1)},l=s=>{s.preventDefault(),s.stopPropagation(),L&&Q(!1)};return window.addEventListener("dragover",r),window.addEventListener("drop",l),window.addEventListener("dragleave",o),()=>{window.removeEventListener("dragover",r),window.removeEventListener("drop",l),window.removeEventListener("dragleave",o)}},[L,me,xe]);const rt=b!==m.None&&L,M=j.state==="recording",re=!M&&Ke>Be(f.breakpoints.hideWidgetDetails)&&x>0,it=i.useMemo(()=>{if(!(!p||p.useContent)){if(p.useStretch)return"100%";if(p.pixelHeight&&p.pixelHeight>0){const r=parseInt(f.sizes.borderWidth,10)||1,o=Be(f.spacing.md)*2+r*2;return`${Math.max(0,p.pixelHeight-o)}px`}}},[p,f.sizes.borderWidth,f.spacing.md]),ie=p?.useStretch??!1,Ie=ie||(p?.pixelHeight??0)>0,J=Ie||A.isExtended;return n.jsx(zt,{className:"stChatInput","data-testid":"stChatInput",ref:_e,isStretchHeight:ie,children:n.jsxs(St,{isStretchHeight:ie,children:[rt&&n.jsx(Ut,{getRootProps:Xe,getInputProps:Ge,acceptFile:b}),b!==m.None&&S.length>0&&n.jsx(jt,{children:n.jsx(ft,{items:[...S],onDelete:Se,onRetry:Je})}),n.jsxs(Et,{isStacked:T,hasExpandedHeight:J&&!M,children:[!M&&n.jsx(Rt,{isStacked:T,hasExpandedHeight:J,children:n.jsx(vt,{inputRef:c,value:z,placeholder:C,onChange:Ze,onKeyDown:qe,"aria-label":C,disabled:e,rows:1,"aria-describedby":re?"stChatInputInstructions":void 0,overrides:Nt(f,A,{width:"100%",...J?{flex:1}:{}},it,Ie)})}),J&&!M?n.jsxs(Ft,{children:[n.jsx(Le,{hasExpandedHeight:!0,children:b!==m.None&&n.jsx(Ae,{onDrop:Y,multiple:b===m.Multiple||b===m.Directory,accept:ae(t.fileType),maxSize:O,acceptFile:b,disabled:e,fileTypes:t.fileType},be)}),n.jsxs(Ue,{children:[re&&n.jsx(Ve,{onClick:Me,id:"stChatInputInstructions",children:n.jsx(De,{dirty:B,value:z,maxLength:x,type:"chat",inForm:!1,className:"stChatInputInstructions"})}),N&&n.jsx(n.Fragment,{children:U?n.jsx(ce,{content:U,placement:de.TOP,error:!0,children:n.jsx(R,{onClick:_,disabled:e||F,hasError:!0,"data-testid":"stChatInputMicButton","aria-label":"Start recording",children:n.jsx(E,{content:ge,size:"xl",color:"inherit"})})}):n.jsx(R,{onClick:_,disabled:e||F,"data-testid":"stChatInputMicButton","aria-label":"Start recording",children:n.jsx(E,{content:pe,size:"xl",color:"inherit"})})}),n.jsx(R,{onClick:te,disabled:!B||e||F,"data-testid":"stChatInputSubmitButton","aria-label":"Send message",primary:!0,children:n.jsx(E,{content:he,size:"lg",color:"inherit"})})]})]}):n.jsxs(n.Fragment,{children:[n.jsx(Le,{hasExpandedHeight:!1,children:b!==m.None&&!M&&n.jsx(Ae,{onDrop:Y,multiple:b===m.Multiple||b===m.Directory,accept:ae(t.fileType),maxSize:O,acceptFile:b,disabled:e,fileTypes:t.fileType},be)}),n.jsx(kt,{isRecording:M,children:n.jsx(Mt,{ref:u})}),n.jsx(Ue,{children:M?n.jsxs(n.Fragment,{children:[n.jsx(R,{onClick:et,disabled:e,"data-testid":"stChatInputCancelButton","aria-label":"Cancel recording",children:n.jsx(E,{content:Oe,size:"lg",color:"inherit"})}),n.jsx(R,{onClick:tt,disabled:e||F,"data-testid":"stChatInputApproveButton","aria-label":"Submit recording",children:F?n.jsx(dt,{size:"lg",iconValue:"spinner"}):n.jsx(E,{content:We,size:"lg",color:"inherit"})})]}):n.jsxs(n.Fragment,{children:[re&&n.jsx(Ve,{onClick:Me,id:"stChatInputInstructions",children:n.jsx(De,{dirty:B,value:z,maxLength:x,type:"chat",inForm:!1,className:"stChatInputInstructions"})}),N&&n.jsx(n.Fragment,{children:U?n.jsx(ce,{content:U,placement:de.TOP,error:!0,children:n.jsx(R,{onClick:_,disabled:e||F,hasError:!0,"data-testid":"stChatInputMicButton","aria-label":"Start recording",children:n.jsx(E,{content:ge,size:"xl",color:"inherit"})})}):n.jsx(R,{onClick:_,disabled:e||F,"data-testid":"stChatInputMicButton","aria-label":"Start recording",children:n.jsx(E,{content:pe,size:"xl",color:"inherit"})})}),n.jsx(R,{onClick:te,disabled:!B||e||F,"data-testid":"stChatInputSubmitButton","aria-label":"Send message",primary:!0,children:n.jsx(E,{content:he,size:"lg",color:"inherit"})})]})})]})]})]})})}const tr=i.memo($t);export{tr as default};

package/build/assets/{Checkbox-ClzElazy-D-AYf8eH.js → Checkbox-DpcMXROE-DSO9dPZW.js}

@@ -1 +1 @@
-import{r as u,N as y,a6 as T,j as s,cU as C,cV as w,z as S,av as $,aw as v,cW as L}from"./index-DJf52eor.js";import{d as B}from"./WidgetLabelHelpIconInline-CkTH9muE-i_BwkvTR.js";import{N as R}from"./useBasicWidgetState-Bd8NTj87-Cqs9ZQAV.js";import{v as W,y as V,T as b}from"./checkbox-CEu7IJmq-3LmskyhR.js";import"./styled-components-BwoIjXty-eQCTyKeV.js";function M({element:e,disabled:a,widgetMgr:c,fragmentId:n}){const f=e.queryParamKey?{paramKey:e.queryParamKey,valueType:"bool_value",clearable:!1}:void 0,[p,g]=R({getStateFromWidgetMgr:P,getDefaultStateFromProto:X,getCurrStateFromProto:j,updateWidgetMgrState:H,element:e,widgetMgr:c,fragmentId:n,formClearBehavior:"resetValueOnly",queryParamBinding:f}),k=u.useCallback(i=>{g({value:i.target.checked,fromUi:!0})},[g]),t=y(),{colors:r,spacing:h,sizes:o}=t,m=T(t),x=a?r.fadedText40:r.bodyText;return s.jsx(C,{className:"row-widget stCheckbox","data-testid":"stCheckbox",children:s.jsx(W,{checked:p,disabled:a,onChange:k,"aria-label":e.label,checkmarkType:e.type===L.StyleType.TOGGLE?b.toggle:b.default,labelPlacement:V.right,overrides:{Root:{style:({$isFocusVisible:i})=>({marginBottom:h.none,marginTop:h.none,backgroundColor:i?r.darkenedBgMix25:"",display:"flex",alignItems:"start"})},Toggle:{style:({$checked:i})=>{let d=m?r.bgColor:r.bodyText;return a&&(d=m?r.gray70:r.gray90),{width:`calc(${o.checkbox} - ${t.spacing.twoXS})`,height:`calc(${o.checkbox} - ${t.spacing.twoXS})`,transform:i?`translateX(${o.checkbox})`:"",backgroundColor:d,boxShadow:""}}},ToggleTrack:{style:({$checked:i,$isHovered:d})=>{let l=r.borderColor;return d&&!a&&(l=r.darkenedBgMix15),i&&!a&&(l=r.primary),{marginRight:0,marginLeft:0,marginBottom:0,marginTop:t.spacing.twoXS,paddingLeft:t.spacing.threeXS,paddingRight:t.spacing.threeXS,width:`calc(2 * ${o.checkbox})`,minWidth:`calc(2 * ${o.checkbox})`,height:o.checkbox,minHeight:o.checkbox,borderBottomLeftRadius:t.radii.full,borderTopLeftRadius:t.radii.full,borderBottomRightRadius:t.radii.full,borderTopRightRadius:t.radii.full,backgroundColor:l}}},Checkmark:{style:({$isFocusVisible:i,$checked:d})=>{const l=d&&!a?r.primary:r.borderColor;return{outline:0,width:o.checkbox,height:o.checkbox,marginTop:t.spacing.twoXS,marginLeft:0,marginBottom:0,boxShadow:i&&d?t.shadows.focusRing:"",borderLeftWidth:o.borderWidth,borderRightWidth:o.borderWidth,borderTopWidth:o.borderWidth,borderBottomWidth:o.borderWidth,borderLeftColor:l,borderRightColor:l,borderTopColor:l,borderBottomColor:l}}},Label:{style:{lineHeight:t.lineHeights.small,paddingLeft:t.spacing.sm,position:"relative",color:x}}},children:s.jsxs(w,{visibility:v(e.labelVisibility?.value),"data-testid":"stWidgetLabel",children:[s.jsx(S,{source:e.label,allowHTML:!1,isLabel:!0,largerLabel:!0}),e.help&&s.jsx(B,{content:e.help,placement:$.TOP_RIGHT,label:e.label})]})})})}function P(e,a){return e.getBoolValue(a)}function X(e){return e.default??!1}function j(e){return e.value??!1}function H(e,a,c,n){a.setBoolValue(e,c.value,{fromUi:c.fromUi},n)}const q=u.memo(M);export{q as default};
+import{r as u,N as y,a6 as T,j as s,cU as C,cV as w,z as S,av as $,aw as v,cW as L}from"./index-CHE20_1-.js";import{d as B}from"./WidgetLabelHelpIconInline-D4j09uRD-MZxp3LdE.js";import{N as R}from"./useBasicWidgetState-oLSfk0mv-C-D-ncQp.js";import{v as W,y as V,T as b}from"./checkbox-iHgvbvtl-BQg_ZqeS.js";import"./styled-components-BsL0GiBO-C2azWTC8.js";function M({element:e,disabled:a,widgetMgr:c,fragmentId:n}){const f=e.queryParamKey?{paramKey:e.queryParamKey,valueType:"bool_value",clearable:!1}:void 0,[p,g]=R({getStateFromWidgetMgr:P,getDefaultStateFromProto:X,getCurrStateFromProto:j,updateWidgetMgrState:H,element:e,widgetMgr:c,fragmentId:n,formClearBehavior:"resetValueOnly",queryParamBinding:f}),k=u.useCallback(i=>{g({value:i.target.checked,fromUi:!0})},[g]),t=y(),{colors:r,spacing:h,sizes:o}=t,m=T(t),x=a?r.fadedText40:r.bodyText;return s.jsx(C,{className:"row-widget stCheckbox","data-testid":"stCheckbox",children:s.jsx(W,{checked:p,disabled:a,onChange:k,"aria-label":e.label,checkmarkType:e.type===L.StyleType.TOGGLE?b.toggle:b.default,labelPlacement:V.right,overrides:{Root:{style:({$isFocusVisible:i})=>({marginBottom:h.none,marginTop:h.none,backgroundColor:i?r.darkenedBgMix25:"",display:"flex",alignItems:"start"})},Toggle:{style:({$checked:i})=>{let d=m?r.bgColor:r.bodyText;return a&&(d=m?r.gray70:r.gray90),{width:`calc(${o.checkbox} - ${t.spacing.twoXS})`,height:`calc(${o.checkbox} - ${t.spacing.twoXS})`,transform:i?`translateX(${o.checkbox})`:"",backgroundColor:d,boxShadow:""}}},ToggleTrack:{style:({$checked:i,$isHovered:d})=>{let l=r.borderColor;return d&&!a&&(l=r.darkenedBgMix15),i&&!a&&(l=r.primary),{marginRight:0,marginLeft:0,marginBottom:0,marginTop:t.spacing.twoXS,paddingLeft:t.spacing.threeXS,paddingRight:t.spacing.threeXS,width:`calc(2 * ${o.checkbox})`,minWidth:`calc(2 * ${o.checkbox})`,height:o.checkbox,minHeight:o.checkbox,borderBottomLeftRadius:t.radii.full,borderTopLeftRadius:t.radii.full,borderBottomRightRadius:t.radii.full,borderTopRightRadius:t.radii.full,backgroundColor:l}}},Checkmark:{style:({$isFocusVisible:i,$checked:d})=>{const l=d&&!a?r.primary:r.borderColor;return{outline:0,width:o.checkbox,height:o.checkbox,marginTop:t.spacing.twoXS,marginLeft:0,marginBottom:0,boxShadow:i&&d?t.shadows.focusRing:"",borderLeftWidth:o.borderWidth,borderRightWidth:o.borderWidth,borderTopWidth:o.borderWidth,borderBottomWidth:o.borderWidth,borderLeftColor:l,borderRightColor:l,borderTopColor:l,borderBottomColor:l}}},Label:{style:{lineHeight:t.lineHeights.small,paddingLeft:t.spacing.sm,position:"relative",color:x}}},children:s.jsxs(w,{visibility:v(e.labelVisibility?.value),"data-testid":"stWidgetLabel",children:[s.jsx(S,{source:e.label,allowHTML:!1,isLabel:!0,largerLabel:!0}),e.help&&s.jsx(B,{content:e.help,placement:$.TOP_RIGHT,label:e.label})]})})})}function P(e,a){return e.getBoolValue(a)}function X(e){return e.default??!1}function j(e){return e.value??!1}function H(e,a,c,n){a.setBoolValue(e,c.value,{fromUi:c.fromUi},n)}const q=u.memo(M);export{q as default};

package/build/assets/{ColorPicker-mCkrAGPa-CtUHNwYp.js → ColorPicker-DfcSCXdu-BA37Ck4e.js}

@@ -1,4 +1,4 @@
-import{r as M,j as V,aw as Xo,N as Io,a9 as qo,av as Yo,dc as Ko,b9 as Zo,w as Qo,x as qe,Q as u,d4 as g,ad as vr}from"./index-DJf52eor.js";import{d as za,M as xr,j as dt,e as Jo,h as ei,g as ti,t as ri,Q as ni,c as ai,b as La,i as oi,k as ii,V as mr,m as li,n as yr,l as Da,q as Na,a as si,w as ui,z as Ua,B as ci,Y as $a,p as Wa,Z as Ga,r as pi,K as fi,U as hi,s as di,H as bi}from"./_baseAssignValue-DbpQ8D1L-D2c_-zPN.js";import{m as gi}from"./WidgetLabel-DUaobbKW-DD-xWyXR.js";import{d as vi}from"./WidgetLabelHelpIconInline-CkTH9muE-i_BwkvTR.js";import{N as xi}from"./useBasicWidgetState-Bd8NTj87-Cqs9ZQAV.js";import"./styled-components-BwoIjXty-eQCTyKeV.js";var F={},de={},_t,an;function mi(){if(an)return _t;an=1;var e=za(),t=xr(),r=dt(),n="[object String]";function a(o){return typeof o=="string"||!t(o)&&r(o)&&e(o)==n}return _t=a,_t}var St,on;function yi(){if(on)return St;on=1;var e=ri();function t(r){return typeof r=="function"?r:e}return St=t,St}var jt,ln;function wr(){if(ln)return jt;ln=1;var e=Jo(),t=yi();function r(n,a){return n&&e(n,t(a))}return jt=r,jt}var Ct,sn;function Er(){if(sn)return Ct;sn=1;var e=ni(),t=e(Object.getPrototypeOf,Object);return Ct=t,Ct}var kt,un;function wi(){if(un)return kt;un=1;var e=za(),t=Er(),r=dt(),n="[object Object]",a=Function.prototype,o=Object.prototype,i=a.toString,l=o.hasOwnProperty,s=i.call(Object);function c(p){if(!r(p)||e(p)!=n)return!1;var f=t(p);if(f===null)return!0;var h=l.call(f,"constructor")&&f.constructor;return typeof h=="function"&&h instanceof h&&i.call(h)==s}return kt=c,kt}var Ot,cn;function Ei(){if(cn)return Ot;cn=1;var e=ai(),t=La();function r(n,a){var o=-1,i=t(n)?Array(n.length):[];return e(n,function(l,s,c){i[++o]=a(l,s,c)}),i}return Ot=r,Ot}var Mt,pn;function _i(){if(pn)return Mt;pn=1;var e=ei(),t=ti(),r=Ei(),n=xr();function a(o,i){var l=n(o)?e:r;return l(o,t(i,3))}return Mt=a,Mt}var fn;function Si(){if(fn)return de;fn=1,Object.defineProperty(de,"__esModule",{value:!0}),de.flattenNames=void 0;var e=mi(),t=s(e),r=wr(),n=s(r),a=wi(),o=s(a),i=_i(),l=s(i);function s(p){return p&&p.__esModule?p:{default:p}}var c=de.flattenNames=function p(){var f=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],h=[];return(0,l.default)(f,function(b){Array.isArray(b)?p(b).map(function(d){return h.push(d)}):(0,o.default)(b)?(0,n.default)(b,function(d,v){d===!0&&h.push(v),h.push(v+"-"+d)}):(0,t.default)(b)&&h.push(b)}),h};return de.default=c,de}var be={},Rt,hn;function ji(){if(hn)return Rt;hn=1;function e(t,r){for(var n=-1,a=t==null?0:t.length;++n<a&&r(t[n],n,t)!==!1;);return t}return Rt=e,Rt}var At,dn;function Va(){if(dn)return At;dn=1;var e=Na(),t=si(),r=Object.prototype,n=r.hasOwnProperty;function a(o,i,l){var s=o[i];(!(n.call(o,i)&&t(s,l))||l===void 0&&!(i in o))&&e(o,i,l)}return At=a,At}var Ft,bn;function bt(){if(bn)return Ft;bn=1;var e=Va(),t=Na();function r(n,a,o,i){var l=!o;o||(o={});for(var s=-1,c=a.length;++s<c;){var p=a[s],f=i?i(o[p],n[p],p,o,n):void 0;f===void 0&&(f=n[p]),l?t(o,p,f):e(o,p,f)}return o}return Ft=r,Ft}var Bt,gn;function Ci(){if(gn)return Bt;gn=1;var e=bt(),t=Da();function r(n,a){return n&&e(a,t(a),n)}return Bt=r,Bt}var Pt,vn;function ki(){if(vn)return Pt;vn=1;function e(t){var r=[];if(t!=null)for(var n in Object(t))r.push(n);return r}return Pt=e,Pt}var Tt,xn;function Oi(){if(xn)return Tt;xn=1;var e=yr(),t=$a(),r=ki(),n=Object.prototype,a=n.hasOwnProperty;function o(i){if(!e(i))return r(i);var l=t(i),s=[];for(var c in i)c=="constructor"&&(l||!a.call(i,c))||s.push(c);return s}return Tt=o,Tt}var Ht,mn;function _r(){if(mn)return Ht;mn=1;var e=pi(),t=Oi(),r=La();function n(a){return r(a)?e(a,!0):t(a)}return Ht=n,Ht}var zt,yn;function Mi(){if(yn)return zt;yn=1;var e=bt(),t=_r();function r(n,a){return n&&e(a,t(a),n)}return zt=r,zt}var lt={exports:{}};lt.exports;var wn;function Ri(){return wn||(wn=1,(function(e,t){var r=ui(),n=t&&!t.nodeType&&t,a=n&&!0&&e&&!e.nodeType&&e,o=a&&a.exports===n,i=o?r.Buffer:void 0,l=i?i.allocUnsafe:void 0;function s(c,p){if(p)return c.slice();var f=c.length,h=l?l(f):new c.constructor(f);return c.copy(h),h}e.exports=s})(lt,lt.exports)),lt.exports}var Lt,En;function Ai(){if(En)return Lt;En=1;function e(t,r){var n=-1,a=t.length;for(r||(r=Array(a));++n<a;)r[n]=t[n];return r}return Lt=e,Lt}var Dt,_n;function Fi(){if(_n)return Dt;_n=1;var e=bt(),t=Ua();function r(n,a){return e(n,t(n),a)}return Dt=r,Dt}var Nt,Sn;function Xa(){if(Sn)return Nt;Sn=1;var e=fi(),t=Er(),r=Ua(),n=hi(),a=Object.getOwnPropertySymbols,o=a?function(i){for(var l=[];i;)e(l,r(i)),i=t(i);return l}:n;return Nt=o,Nt}var Ut,jn;function Bi(){if(jn)return Ut;jn=1;var e=bt(),t=Xa();function r(n,a){return e(n,t(n),a)}return Ut=r,Ut}var $t,Cn;function Pi(){if(Cn)return $t;Cn=1;var e=ci(),t=Xa(),r=_r();function n(a){return e(a,r,t)}return $t=n,$t}var Wt,kn;function Ti(){if(kn)return Wt;kn=1;var e=Object.prototype,t=e.hasOwnProperty;function r(n){var a=n.length,o=new n.constructor(a);return a&&typeof n[0]=="string"&&t.call(n,"index")&&(o.index=n.index,o.input=n.input),o}return Wt=r,Wt}var Gt,On;function Sr(){if(On)return Gt;On=1;var e=di();function t(r){var n=new r.constructor(r.byteLength);return new e(n).set(new e(r)),n}return Gt=t,Gt}var Vt,Mn;function Hi(){if(Mn)return Vt;Mn=1;var e=Sr();function t(r,n){var a=n?e(r.buffer):r.buffer;return new r.constructor(a,r.byteOffset,r.byteLength)}return Vt=t,Vt}var Xt,Rn;function zi(){if(Rn)return Xt;Rn=1;var e=/\w*$/;function t(r){var n=new r.constructor(r.source,e.exec(r));return n.lastIndex=r.lastIndex,n}return Xt=t,Xt}var It,An;function Li(){if(An)return It;An=1;var e=bi(),t=e?e.prototype:void 0,r=t?t.valueOf:void 0;function n(a){return r?Object(r.call(a)):{}}return It=n,It}var qt,Fn;function Di(){if(Fn)return qt;Fn=1;var e=Sr();function t(r,n){var a=n?e(r.buffer):r.buffer;return new r.constructor(a,r.byteOffset,r.length)}return qt=t,qt}var Yt,Bn;function Ni(){if(Bn)return Yt;Bn=1;var e=Sr(),t=Hi(),r=zi(),n=Li(),a=Di(),o="[object Boolean]",i="[object Date]",l="[object Map]",s="[object Number]",c="[object RegExp]",p="[object Set]",f="[object String]",h="[object Symbol]",b="[object ArrayBuffer]",d="[object DataView]",v="[object Float32Array]",S="[object Float64Array]",E="[object Int8Array]",w="[object Int16Array]",W="[object Int32Array]",G="[object Uint8Array]",z="[object Uint8ClampedArray]",O="[object Uint16Array]",L="[object Uint32Array]";function I(R,Et,Qe){var ce=R.constructor;switch(Et){case b:return e(R);case o:case i:return new ce(+R);case d:return t(R,Qe);case v:case S:case E:case w:case W:case G:case z:case O:case L:return a(R,Qe);case l:return new ce;case s:case f:return new ce(R);case c:return r(R);case p:return new ce;case h:return n(R)}}return Yt=I,Yt}var Kt,Pn;function Ui(){if(Pn)return Kt;Pn=1;var e=yr(),t=Object.create,r=(function(){function n(){}return function(a){if(!e(a))return{};if(t)return t(a);n.prototype=a;var o=new n;return n.prototype=void 0,o}})();return Kt=r,Kt}var Zt,Tn;function $i(){if(Tn)return Zt;Tn=1;var e=Ui(),t=Er(),r=$a();function n(a){return typeof a.constructor=="function"&&!r(a)?e(t(a)):{}}return Zt=n,Zt}var Qt,Hn;function Wi(){if(Hn)return Qt;Hn=1;var e=mr(),t=dt(),r="[object Map]";function n(a){return t(a)&&e(a)==r}return Qt=n,Qt}var Jt,zn;function Gi(){if(zn)return Jt;zn=1;var e=Wi(),t=Wa(),r=Ga(),n=r&&r.isMap,a=n?t(n):e;return Jt=a,Jt}var er,Ln;function Vi(){if(Ln)return er;Ln=1;var e=mr(),t=dt(),r="[object Set]";function n(a){return t(a)&&e(a)==r}return er=n,er}var tr,Dn;function Xi(){if(Dn)return tr;Dn=1;var e=Vi(),t=Wa(),r=Ga(),n=r&&r.isSet,a=n?t(n):e;return tr=a,tr}var rr,Nn;function Ii(){if(Nn)return rr;Nn=1;var e=oi(),t=ji(),r=Va(),n=Ci(),a=Mi(),o=Ri(),i=Ai(),l=Fi(),s=Bi(),c=ii(),p=Pi(),f=mr(),h=Ti(),b=Ni(),d=$i(),v=xr(),S=li(),E=Gi(),w=yr(),W=Xi(),G=Da(),z=_r(),O=1,L=2,I=4,R="[object Arguments]",Et="[object Array]",Qe="[object Boolean]",ce="[object Date]",_o="[object Error]",Qr="[object Function]",So="[object GeneratorFunction]",jo="[object Map]",Co="[object Number]",Jr="[object Object]",ko="[object RegExp]",Oo="[object Set]",Mo="[object String]",Ro="[object Symbol]",Ao="[object WeakMap]",Fo="[object ArrayBuffer]",Bo="[object DataView]",Po="[object Float32Array]",To="[object Float64Array]",Ho="[object Int8Array]",zo="[object Int16Array]",Lo="[object Int32Array]",Do="[object Uint8Array]",No="[object Uint8ClampedArray]",Uo="[object Uint16Array]",$o="[object Uint32Array]",j={};j[R]=j[Et]=j[Fo]=j[Bo]=j[Qe]=j[ce]=j[Po]=j[To]=j[Ho]=j[zo]=j[Lo]=j[jo]=j[Co]=j[Jr]=j[ko]=j[Oo]=j[Mo]=j[Ro]=j[Do]=j[No]=j[Uo]=j[$o]=!0,j[_o]=j[Qr]=j[Ao]=!1;function Je(_,pe,fe,Wo,et,Z){var A,tt=pe&O,rt=pe&L,Go=pe&I;if(fe&&(A=et?fe(_,Wo,et,Z):fe(_)),A!==void 0)return A;if(!w(_))return _;var en=v(_);if(en){if(A=h(_),!tt)return i(_,A)}else{var he=f(_),tn=he==Qr||he==So;if(S(_))return o(_,tt);if(he==Jr||he==R||tn&&!et){if(A=rt||tn?{}:d(_),!tt)return rt?s(_,a(A,_)):l(_,n(A,_))}else{if(!j[he])return et?_:{};A=b(_,he,tt)}}Z||(Z=new e);var rn=Z.get(_);if(rn)return rn;Z.set(_,A),W(_)?_.forEach(function(Q){A.add(Je(Q,pe,fe,Q,_,Z))}):E(_)&&_.forEach(function(Q,ne){A.set(ne,Je(Q,pe,fe,ne,_,Z))});var Vo=Go?rt?p:c:rt?z:G,nn=en?void 0:Vo(_);return t(nn||_,function(Q,ne){nn&&(ne=Q,Q=_[ne]),r(A,ne,Je(Q,pe,fe,ne,_,Z))}),A}return rr=Je,rr}var nr,Un;function qi(){if(Un)return nr;Un=1;var e=Ii(),t=1,r=4;function n(a){return e(a,t|r)}return nr=n,nr}var $n;function Yi(){if($n)return be;$n=1,Object.defineProperty(be,"__esModule",{value:!0}),be.mergeClasses=void 0;var e=wr(),t=o(e),r=qi(),n=o(r),a=Object.assign||function(l){for(var s=1;s<arguments.length;s++){var c=arguments[s];for(var p in c)Object.prototype.hasOwnProperty.call(c,p)&&(l[p]=c[p])}return l};function o(l){return l&&l.__esModule?l:{default:l}}var i=be.mergeClasses=function(l){var s=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],c=l.default&&(0,n.default)(l.default)||{};return s.map(function(p){var f=l[p];return f&&(0,t.default)(f,function(h,b){c[b]||(c[b]={}),c[b]=a({},c[b],f[b])}),p}),c};return be.default=i,be}var ge={},Wn;function Ki(){if(Wn)return ge;Wn=1,Object.defineProperty(ge,"__esModule",{value:!0}),ge.autoprefix=void 0;var e=wr(),t=n(e),r=Object.assign||function(i){for(var l=1;l<arguments.length;l++){var s=arguments[l];for(var c in s)Object.prototype.hasOwnProperty.call(s,c)&&(i[c]=s[c])}return i};function n(i){return i&&i.__esModule?i:{default:i}}var a={borderRadius:function(i){return{msBorderRadius:i,MozBorderRadius:i,OBorderRadius:i,WebkitBorderRadius:i,borderRadius:i}},boxShadow:function(i){return{msBoxShadow:i,MozBoxShadow:i,OBoxShadow:i,WebkitBoxShadow:i,boxShadow:i}},userSelect:function(i){return{WebkitTouchCallout:i,KhtmlUserSelect:i,MozUserSelect:i,msUserSelect:i,WebkitUserSelect:i,userSelect:i}},flex:function(i){return{WebkitBoxFlex:i,MozBoxFlex:i,WebkitFlex:i,msFlex:i,flex:i}},flexBasis:function(i){return{WebkitFlexBasis:i,flexBasis:i}},justifyContent:function(i){return{WebkitJustifyContent:i,justifyContent:i}},transition:function(i){return{msTransition:i,MozTransition:i,OTransition:i,WebkitTransition:i,transition:i}},transform:function(i){return{msTransform:i,MozTransform:i,OTransform:i,WebkitTransform:i,transform:i}},absolute:function(i){var l=i&&i.split(" ");return{position:"absolute",top:l&&l[0],right:l&&l[1],bottom:l&&l[2],left:l&&l[3]}},extend:function(i,l){var s=l[i];return s||{extend:i}}},o=ge.autoprefix=function(i){var l={};return(0,t.default)(i,function(s,c){var p={};(0,t.default)(s,function(f,h){var b=a[h];b?p=r({},p,b(f)):p[h]=f}),l[c]=p}),l};return ge.default=o,ge}var ve={},Gn;function Zi(){if(Gn)return ve;Gn=1,Object.defineProperty(ve,"__esModule",{value:!0}),ve.hover=void 0;var e=Object.assign||function(s){for(var c=1;c<arguments.length;c++){var p=arguments[c];for(var f in p)Object.prototype.hasOwnProperty.call(p,f)&&(s[f]=p[f])}return s},t=u,r=n(t);function n(s){return s&&s.__esModule?s:{default:s}}function a(s,c){if(!(s instanceof c))throw new TypeError("Cannot call a class as a function")}function o(s,c){if(!s)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return c&&(typeof c=="object"||typeof c=="function")?c:s}function i(s,c){if(typeof c!="function"&&c!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof c);s.prototype=Object.create(c&&c.prototype,{constructor:{value:s,enumerable:!1,writable:!0,configurable:!0}}),c&&(Object.setPrototypeOf?Object.setPrototypeOf(s,c):s.__proto__=c)}var l=ve.hover=function(s){var c=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return(function(p){i(f,p);function f(){var h,b,d,v;a(this,f);for(var S=arguments.length,E=Array(S),w=0;w<S;w++)E[w]=arguments[w];return v=(b=(d=o(this,(h=f.__proto__||Object.getPrototypeOf(f)).call.apply(h,[this].concat(E))),d),d.state={hover:!1},d.handleMouseOver=function(){return d.setState({hover:!0})},d.handleMouseOut=function(){return d.setState({hover:!1})},d.render=function(){return r.default.createElement(c,{onMouseOver:d.handleMouseOver,onMouseOut:d.handleMouseOut},r.default.createElement(s,e({},d.props,d.state)))},b),o(d,v)}return f})(r.default.Component)};return ve.default=l,ve}var xe={},Vn;function Qi(){if(Vn)return xe;Vn=1,Object.defineProperty(xe,"__esModule",{value:!0}),xe.active=void 0;var e=Object.assign||function(s){for(var c=1;c<arguments.length;c++){var p=arguments[c];for(var f in p)Object.prototype.hasOwnProperty.call(p,f)&&(s[f]=p[f])}return s},t=u,r=n(t);function n(s){return s&&s.__esModule?s:{default:s}}function a(s,c){if(!(s instanceof c))throw new TypeError("Cannot call a class as a function")}function o(s,c){if(!s)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return c&&(typeof c=="object"||typeof c=="function")?c:s}function i(s,c){if(typeof c!="function"&&c!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof c);s.prototype=Object.create(c&&c.prototype,{constructor:{value:s,enumerable:!1,writable:!0,configurable:!0}}),c&&(Object.setPrototypeOf?Object.setPrototypeOf(s,c):s.__proto__=c)}var l=xe.active=function(s){var c=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return(function(p){i(f,p);function f(){var h,b,d,v;a(this,f);for(var S=arguments.length,E=Array(S),w=0;w<S;w++)E[w]=arguments[w];return v=(b=(d=o(this,(h=f.__proto__||Object.getPrototypeOf(f)).call.apply(h,[this].concat(E))),d),d.state={active:!1},d.handleMouseDown=function(){return d.setState({active:!0})},d.handleMouseUp=function(){return d.setState({active:!1})},d.render=function(){return r.default.createElement(c,{onMouseDown:d.handleMouseDown,onMouseUp:d.handleMouseUp},r.default.createElement(s,e({},d.props,d.state)))},b),o(d,v)}return f})(r.default.Component)};return xe.default=l,xe}var nt={},Xn;function Ji(){if(Xn)return nt;Xn=1,Object.defineProperty(nt,"__esModule",{value:!0});var e=function(t,r){var n={},a=function(o){var i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0;n[o]=i};return t===0&&a("first-child"),t===r-1&&a("last-child"),(t===0||t%2===0)&&a("even"),Math.abs(t%2)===1&&a("odd"),a("nth-child",t),n};return nt.default=e,nt}var In;function el(){if(In)return F;In=1,Object.defineProperty(F,"__esModule",{value:!0}),F.ReactCSS=F.loop=F.handleActive=F.handleHover=F.hover=void 0;var e=Si(),t=h(e),r=Yi(),n=h(r),a=Ki(),o=h(a),i=Zi(),l=h(i),s=Qi(),c=h(s),p=Ji(),f=h(p);function h(d){return d&&d.__esModule?d:{default:d}}F.hover=l.default,F.handleHover=l.default,F.handleActive=c.default,F.loop=f.default;var b=F.ReactCSS=function(d){for(var v=arguments.length,S=Array(v>1?v-1:0),E=1;E<v;E++)S[E-1]=arguments[E];var w=(0,t.default)(S),W=(0,n.default)(d,w);return(0,o.default)(W)};return F.default=b,F}var jr=el();const m=vr(jr);var tl=function(e,t,r,n,a){var o=a.clientWidth,i=a.clientHeight,l=typeof e.pageX=="number"?e.pageX:e.touches[0].pageX,s=typeof e.pageY=="number"?e.pageY:e.touches[0].pageY,c=l-(a.getBoundingClientRect().left+window.pageXOffset),p=s-(a.getBoundingClientRect().top+window.pageYOffset);if(r==="vertical"){var f=void 0;if(p<0?f=0:p>i?f=1:f=Math.round(p*100/i)/100,t.a!==f)return{h:t.h,s:t.s,l:t.l,a:f,source:"rgb"}}else{var h=void 0;if(c<0?h=0:c>o?h=1:h=Math.round(c*100/o)/100,n!==h)return{h:t.h,s:t.s,l:t.l,a:h,source:"rgb"}}return null},ar={},rl=function(e,t,r,n){if(typeof document>"u"&&!n)return null;var a=n?new n:document.createElement("canvas");a.width=r*2,a.height=r*2;var o=a.getContext("2d");return o?(o.fillStyle=e,o.fillRect(0,0,a.width,a.height),o.fillStyle=t,o.fillRect(0,0,r,r),o.translate(r,r),o.fillRect(0,0,r,r),a.toDataURL()):null},nl=function(e,t,r,n){var a=e+"-"+t+"-"+r+(n?"-server":"");if(ar[a])return ar[a];var o=rl(e,t,r,n);return ar[a]=o,o},qn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},He=function(e){var t=e.white,r=e.grey,n=e.size,a=e.renderers,o=e.borderRadius,i=e.boxShadow,l=e.children,s=m({default:{grid:{borderRadius:o,boxShadow:i,absolute:"0px 0px 0px 0px",background:"url("+nl(t,r,n,a.canvas)+") center left"}}});return M.isValidElement(l)?u.cloneElement(l,qn({},l.props,{style:qn({},l.props.style,s.grid)})):u.createElement("div",{style:s.grid})};He.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)",renderers:{}};var al=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ol=(function(){function e(t,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}})();function il(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Yn(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:e}function ll(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var Cr=(function(e){ll(t,e);function t(){var r,n,a,o;il(this,t);for(var i=arguments.length,l=Array(i),s=0;s<i;s++)l[s]=arguments[s];return o=(n=(a=Yn(this,(r=t.__proto__||Object.getPrototypeOf(t)).call.apply(r,[this].concat(l))),a),a.handleChange=function(c){var p=tl(c,a.props.hsl,a.props.direction,a.props.a,a.container);p&&typeof a.props.onChange=="function"&&a.props.onChange(p,c)},a.handleMouseDown=function(c){a.handleChange(c),window.addEventListener("mousemove",a.handleChange),window.addEventListener("mouseup",a.handleMouseUp)},a.handleMouseUp=function(){a.unbindEventListeners()},a.unbindEventListeners=function(){window.removeEventListener("mousemove",a.handleChange),window.removeEventListener("mouseup",a.handleMouseUp)},n),Yn(a,o)}return ol(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var r=this,n=this.props.rgb,a=m({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden",borderRadius:this.props.radius},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+n.r+","+n.g+","+n.b+`, 0) 0%,
+import{r as M,j as V,aw as Xo,N as Io,a9 as qo,av as Yo,dc as Ko,b9 as Zo,w as Qo,x as qe,Q as u,d4 as g,ad as vr}from"./index-CHE20_1-.js";import{d as za,M as xr,j as dt,e as Jo,h as ei,g as ti,t as ri,Q as ni,c as ai,b as La,i as oi,k as ii,V as mr,m as li,n as yr,l as Da,q as Na,a as si,w as ui,z as Ua,B as ci,Y as $a,p as Wa,Z as Ga,r as pi,K as fi,U as hi,s as di,H as bi}from"./_baseAssignValue-CBJGGLCx-DiCzbxPi.js";import{m as gi}from"./WidgetLabel-DTUHhtk_-EPIQC9md.js";import{d as vi}from"./WidgetLabelHelpIconInline-D4j09uRD-MZxp3LdE.js";import{N as xi}from"./useBasicWidgetState-oLSfk0mv-C-D-ncQp.js";import"./styled-components-BsL0GiBO-C2azWTC8.js";var F={},de={},_t,an;function mi(){if(an)return _t;an=1;var e=za(),t=xr(),r=dt(),n="[object String]";function a(o){return typeof o=="string"||!t(o)&&r(o)&&e(o)==n}return _t=a,_t}var St,on;function yi(){if(on)return St;on=1;var e=ri();function t(r){return typeof r=="function"?r:e}return St=t,St}var jt,ln;function wr(){if(ln)return jt;ln=1;var e=Jo(),t=yi();function r(n,a){return n&&e(n,t(a))}return jt=r,jt}var Ct,sn;function Er(){if(sn)return Ct;sn=1;var e=ni(),t=e(Object.getPrototypeOf,Object);return Ct=t,Ct}var kt,un;function wi(){if(un)return kt;un=1;var e=za(),t=Er(),r=dt(),n="[object Object]",a=Function.prototype,o=Object.prototype,i=a.toString,l=o.hasOwnProperty,s=i.call(Object);function c(p){if(!r(p)||e(p)!=n)return!1;var f=t(p);if(f===null)return!0;var h=l.call(f,"constructor")&&f.constructor;return typeof h=="function"&&h instanceof h&&i.call(h)==s}return kt=c,kt}var Ot,cn;function Ei(){if(cn)return Ot;cn=1;var e=ai(),t=La();function r(n,a){var o=-1,i=t(n)?Array(n.length):[];return e(n,function(l,s,c){i[++o]=a(l,s,c)}),i}return Ot=r,Ot}var Mt,pn;function _i(){if(pn)return Mt;pn=1;var e=ei(),t=ti(),r=Ei(),n=xr();function a(o,i){var l=n(o)?e:r;return l(o,t(i,3))}return Mt=a,Mt}var fn;function Si(){if(fn)return de;fn=1,Object.defineProperty(de,"__esModule",{value:!0}),de.flattenNames=void 0;var e=mi(),t=s(e),r=wr(),n=s(r),a=wi(),o=s(a),i=_i(),l=s(i);function s(p){return p&&p.__esModule?p:{default:p}}var c=de.flattenNames=function p(){var f=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],h=[];return(0,l.default)(f,function(b){Array.isArray(b)?p(b).map(function(d){return h.push(d)}):(0,o.default)(b)?(0,n.default)(b,function(d,v){d===!0&&h.push(v),h.push(v+"-"+d)}):(0,t.default)(b)&&h.push(b)}),h};return de.default=c,de}var be={},Rt,hn;function ji(){if(hn)return Rt;hn=1;function e(t,r){for(var n=-1,a=t==null?0:t.length;++n<a&&r(t[n],n,t)!==!1;);return t}return Rt=e,Rt}var At,dn;function Va(){if(dn)return At;dn=1;var e=Na(),t=si(),r=Object.prototype,n=r.hasOwnProperty;function a(o,i,l){var s=o[i];(!(n.call(o,i)&&t(s,l))||l===void 0&&!(i in o))&&e(o,i,l)}return At=a,At}var Ft,bn;function bt(){if(bn)return Ft;bn=1;var e=Va(),t=Na();function r(n,a,o,i){var l=!o;o||(o={});for(var s=-1,c=a.length;++s<c;){var p=a[s],f=i?i(o[p],n[p],p,o,n):void 0;f===void 0&&(f=n[p]),l?t(o,p,f):e(o,p,f)}return o}return Ft=r,Ft}var Bt,gn;function Ci(){if(gn)return Bt;gn=1;var e=bt(),t=Da();function r(n,a){return n&&e(a,t(a),n)}return Bt=r,Bt}var Pt,vn;function ki(){if(vn)return Pt;vn=1;function e(t){var r=[];if(t!=null)for(var n in Object(t))r.push(n);return r}return Pt=e,Pt}var Tt,xn;function Oi(){if(xn)return Tt;xn=1;var e=yr(),t=$a(),r=ki(),n=Object.prototype,a=n.hasOwnProperty;function o(i){if(!e(i))return r(i);var l=t(i),s=[];for(var c in i)c=="constructor"&&(l||!a.call(i,c))||s.push(c);return s}return Tt=o,Tt}var Ht,mn;function _r(){if(mn)return Ht;mn=1;var e=pi(),t=Oi(),r=La();function n(a){return r(a)?e(a,!0):t(a)}return Ht=n,Ht}var zt,yn;function Mi(){if(yn)return zt;yn=1;var e=bt(),t=_r();function r(n,a){return n&&e(a,t(a),n)}return zt=r,zt}var lt={exports:{}};lt.exports;var wn;function Ri(){return wn||(wn=1,(function(e,t){var r=ui(),n=t&&!t.nodeType&&t,a=n&&!0&&e&&!e.nodeType&&e,o=a&&a.exports===n,i=o?r.Buffer:void 0,l=i?i.allocUnsafe:void 0;function s(c,p){if(p)return c.slice();var f=c.length,h=l?l(f):new c.constructor(f);return c.copy(h),h}e.exports=s})(lt,lt.exports)),lt.exports}var Lt,En;function Ai(){if(En)return Lt;En=1;function e(t,r){var n=-1,a=t.length;for(r||(r=Array(a));++n<a;)r[n]=t[n];return r}return Lt=e,Lt}var Dt,_n;function Fi(){if(_n)return Dt;_n=1;var e=bt(),t=Ua();function r(n,a){return e(n,t(n),a)}return Dt=r,Dt}var Nt,Sn;function Xa(){if(Sn)return Nt;Sn=1;var e=fi(),t=Er(),r=Ua(),n=hi(),a=Object.getOwnPropertySymbols,o=a?function(i){for(var l=[];i;)e(l,r(i)),i=t(i);return l}:n;return Nt=o,Nt}var Ut,jn;function Bi(){if(jn)return Ut;jn=1;var e=bt(),t=Xa();function r(n,a){return e(n,t(n),a)}return Ut=r,Ut}var $t,Cn;function Pi(){if(Cn)return $t;Cn=1;var e=ci(),t=Xa(),r=_r();function n(a){return e(a,r,t)}return $t=n,$t}var Wt,kn;function Ti(){if(kn)return Wt;kn=1;var e=Object.prototype,t=e.hasOwnProperty;function r(n){var a=n.length,o=new n.constructor(a);return a&&typeof n[0]=="string"&&t.call(n,"index")&&(o.index=n.index,o.input=n.input),o}return Wt=r,Wt}var Gt,On;function Sr(){if(On)return Gt;On=1;var e=di();function t(r){var n=new r.constructor(r.byteLength);return new e(n).set(new e(r)),n}return Gt=t,Gt}var Vt,Mn;function Hi(){if(Mn)return Vt;Mn=1;var e=Sr();function t(r,n){var a=n?e(r.buffer):r.buffer;return new r.constructor(a,r.byteOffset,r.byteLength)}return Vt=t,Vt}var Xt,Rn;function zi(){if(Rn)return Xt;Rn=1;var e=/\w*$/;function t(r){var n=new r.constructor(r.source,e.exec(r));return n.lastIndex=r.lastIndex,n}return Xt=t,Xt}var It,An;function Li(){if(An)return It;An=1;var e=bi(),t=e?e.prototype:void 0,r=t?t.valueOf:void 0;function n(a){return r?Object(r.call(a)):{}}return It=n,It}var qt,Fn;function Di(){if(Fn)return qt;Fn=1;var e=Sr();function t(r,n){var a=n?e(r.buffer):r.buffer;return new r.constructor(a,r.byteOffset,r.length)}return qt=t,qt}var Yt,Bn;function Ni(){if(Bn)return Yt;Bn=1;var e=Sr(),t=Hi(),r=zi(),n=Li(),a=Di(),o="[object Boolean]",i="[object Date]",l="[object Map]",s="[object Number]",c="[object RegExp]",p="[object Set]",f="[object String]",h="[object Symbol]",b="[object ArrayBuffer]",d="[object DataView]",v="[object Float32Array]",S="[object Float64Array]",E="[object Int8Array]",w="[object Int16Array]",W="[object Int32Array]",G="[object Uint8Array]",z="[object Uint8ClampedArray]",O="[object Uint16Array]",L="[object Uint32Array]";function I(R,Et,Qe){var ce=R.constructor;switch(Et){case b:return e(R);case o:case i:return new ce(+R);case d:return t(R,Qe);case v:case S:case E:case w:case W:case G:case z:case O:case L:return a(R,Qe);case l:return new ce;case s:case f:return new ce(R);case c:return r(R);case p:return new ce;case h:return n(R)}}return Yt=I,Yt}var Kt,Pn;function Ui(){if(Pn)return Kt;Pn=1;var e=yr(),t=Object.create,r=(function(){function n(){}return function(a){if(!e(a))return{};if(t)return t(a);n.prototype=a;var o=new n;return n.prototype=void 0,o}})();return Kt=r,Kt}var Zt,Tn;function $i(){if(Tn)return Zt;Tn=1;var e=Ui(),t=Er(),r=$a();function n(a){return typeof a.constructor=="function"&&!r(a)?e(t(a)):{}}return Zt=n,Zt}var Qt,Hn;function Wi(){if(Hn)return Qt;Hn=1;var e=mr(),t=dt(),r="[object Map]";function n(a){return t(a)&&e(a)==r}return Qt=n,Qt}var Jt,zn;function Gi(){if(zn)return Jt;zn=1;var e=Wi(),t=Wa(),r=Ga(),n=r&&r.isMap,a=n?t(n):e;return Jt=a,Jt}var er,Ln;function Vi(){if(Ln)return er;Ln=1;var e=mr(),t=dt(),r="[object Set]";function n(a){return t(a)&&e(a)==r}return er=n,er}var tr,Dn;function Xi(){if(Dn)return tr;Dn=1;var e=Vi(),t=Wa(),r=Ga(),n=r&&r.isSet,a=n?t(n):e;return tr=a,tr}var rr,Nn;function Ii(){if(Nn)return rr;Nn=1;var e=oi(),t=ji(),r=Va(),n=Ci(),a=Mi(),o=Ri(),i=Ai(),l=Fi(),s=Bi(),c=ii(),p=Pi(),f=mr(),h=Ti(),b=Ni(),d=$i(),v=xr(),S=li(),E=Gi(),w=yr(),W=Xi(),G=Da(),z=_r(),O=1,L=2,I=4,R="[object Arguments]",Et="[object Array]",Qe="[object Boolean]",ce="[object Date]",_o="[object Error]",Qr="[object Function]",So="[object GeneratorFunction]",jo="[object Map]",Co="[object Number]",Jr="[object Object]",ko="[object RegExp]",Oo="[object Set]",Mo="[object String]",Ro="[object Symbol]",Ao="[object WeakMap]",Fo="[object ArrayBuffer]",Bo="[object DataView]",Po="[object Float32Array]",To="[object Float64Array]",Ho="[object Int8Array]",zo="[object Int16Array]",Lo="[object Int32Array]",Do="[object Uint8Array]",No="[object Uint8ClampedArray]",Uo="[object Uint16Array]",$o="[object Uint32Array]",j={};j[R]=j[Et]=j[Fo]=j[Bo]=j[Qe]=j[ce]=j[Po]=j[To]=j[Ho]=j[zo]=j[Lo]=j[jo]=j[Co]=j[Jr]=j[ko]=j[Oo]=j[Mo]=j[Ro]=j[Do]=j[No]=j[Uo]=j[$o]=!0,j[_o]=j[Qr]=j[Ao]=!1;function Je(_,pe,fe,Wo,et,Z){var A,tt=pe&O,rt=pe&L,Go=pe&I;if(fe&&(A=et?fe(_,Wo,et,Z):fe(_)),A!==void 0)return A;if(!w(_))return _;var en=v(_);if(en){if(A=h(_),!tt)return i(_,A)}else{var he=f(_),tn=he==Qr||he==So;if(S(_))return o(_,tt);if(he==Jr||he==R||tn&&!et){if(A=rt||tn?{}:d(_),!tt)return rt?s(_,a(A,_)):l(_,n(A,_))}else{if(!j[he])return et?_:{};A=b(_,he,tt)}}Z||(Z=new e);var rn=Z.get(_);if(rn)return rn;Z.set(_,A),W(_)?_.forEach(function(Q){A.add(Je(Q,pe,fe,Q,_,Z))}):E(_)&&_.forEach(function(Q,ne){A.set(ne,Je(Q,pe,fe,ne,_,Z))});var Vo=Go?rt?p:c:rt?z:G,nn=en?void 0:Vo(_);return t(nn||_,function(Q,ne){nn&&(ne=Q,Q=_[ne]),r(A,ne,Je(Q,pe,fe,ne,_,Z))}),A}return rr=Je,rr}var nr,Un;function qi(){if(Un)return nr;Un=1;var e=Ii(),t=1,r=4;function n(a){return e(a,t|r)}return nr=n,nr}var $n;function Yi(){if($n)return be;$n=1,Object.defineProperty(be,"__esModule",{value:!0}),be.mergeClasses=void 0;var e=wr(),t=o(e),r=qi(),n=o(r),a=Object.assign||function(l){for(var s=1;s<arguments.length;s++){var c=arguments[s];for(var p in c)Object.prototype.hasOwnProperty.call(c,p)&&(l[p]=c[p])}return l};function o(l){return l&&l.__esModule?l:{default:l}}var i=be.mergeClasses=function(l){var s=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],c=l.default&&(0,n.default)(l.default)||{};return s.map(function(p){var f=l[p];return f&&(0,t.default)(f,function(h,b){c[b]||(c[b]={}),c[b]=a({},c[b],f[b])}),p}),c};return be.default=i,be}var ge={},Wn;function Ki(){if(Wn)return ge;Wn=1,Object.defineProperty(ge,"__esModule",{value:!0}),ge.autoprefix=void 0;var e=wr(),t=n(e),r=Object.assign||function(i){for(var l=1;l<arguments.length;l++){var s=arguments[l];for(var c in s)Object.prototype.hasOwnProperty.call(s,c)&&(i[c]=s[c])}return i};function n(i){return i&&i.__esModule?i:{default:i}}var a={borderRadius:function(i){return{msBorderRadius:i,MozBorderRadius:i,OBorderRadius:i,WebkitBorderRadius:i,borderRadius:i}},boxShadow:function(i){return{msBoxShadow:i,MozBoxShadow:i,OBoxShadow:i,WebkitBoxShadow:i,boxShadow:i}},userSelect:function(i){return{WebkitTouchCallout:i,KhtmlUserSelect:i,MozUserSelect:i,msUserSelect:i,WebkitUserSelect:i,userSelect:i}},flex:function(i){return{WebkitBoxFlex:i,MozBoxFlex:i,WebkitFlex:i,msFlex:i,flex:i}},flexBasis:function(i){return{WebkitFlexBasis:i,flexBasis:i}},justifyContent:function(i){return{WebkitJustifyContent:i,justifyContent:i}},transition:function(i){return{msTransition:i,MozTransition:i,OTransition:i,WebkitTransition:i,transition:i}},transform:function(i){return{msTransform:i,MozTransform:i,OTransform:i,WebkitTransform:i,transform:i}},absolute:function(i){var l=i&&i.split(" ");return{position:"absolute",top:l&&l[0],right:l&&l[1],bottom:l&&l[2],left:l&&l[3]}},extend:function(i,l){var s=l[i];return s||{extend:i}}},o=ge.autoprefix=function(i){var l={};return(0,t.default)(i,function(s,c){var p={};(0,t.default)(s,function(f,h){var b=a[h];b?p=r({},p,b(f)):p[h]=f}),l[c]=p}),l};return ge.default=o,ge}var ve={},Gn;function Zi(){if(Gn)return ve;Gn=1,Object.defineProperty(ve,"__esModule",{value:!0}),ve.hover=void 0;var e=Object.assign||function(s){for(var c=1;c<arguments.length;c++){var p=arguments[c];for(var f in p)Object.prototype.hasOwnProperty.call(p,f)&&(s[f]=p[f])}return s},t=u,r=n(t);function n(s){return s&&s.__esModule?s:{default:s}}function a(s,c){if(!(s instanceof c))throw new TypeError("Cannot call a class as a function")}function o(s,c){if(!s)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return c&&(typeof c=="object"||typeof c=="function")?c:s}function i(s,c){if(typeof c!="function"&&c!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof c);s.prototype=Object.create(c&&c.prototype,{constructor:{value:s,enumerable:!1,writable:!0,configurable:!0}}),c&&(Object.setPrototypeOf?Object.setPrototypeOf(s,c):s.__proto__=c)}var l=ve.hover=function(s){var c=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return(function(p){i(f,p);function f(){var h,b,d,v;a(this,f);for(var S=arguments.length,E=Array(S),w=0;w<S;w++)E[w]=arguments[w];return v=(b=(d=o(this,(h=f.__proto__||Object.getPrototypeOf(f)).call.apply(h,[this].concat(E))),d),d.state={hover:!1},d.handleMouseOver=function(){return d.setState({hover:!0})},d.handleMouseOut=function(){return d.setState({hover:!1})},d.render=function(){return r.default.createElement(c,{onMouseOver:d.handleMouseOver,onMouseOut:d.handleMouseOut},r.default.createElement(s,e({},d.props,d.state)))},b),o(d,v)}return f})(r.default.Component)};return ve.default=l,ve}var xe={},Vn;function Qi(){if(Vn)return xe;Vn=1,Object.defineProperty(xe,"__esModule",{value:!0}),xe.active=void 0;var e=Object.assign||function(s){for(var c=1;c<arguments.length;c++){var p=arguments[c];for(var f in p)Object.prototype.hasOwnProperty.call(p,f)&&(s[f]=p[f])}return s},t=u,r=n(t);function n(s){return s&&s.__esModule?s:{default:s}}function a(s,c){if(!(s instanceof c))throw new TypeError("Cannot call a class as a function")}function o(s,c){if(!s)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return c&&(typeof c=="object"||typeof c=="function")?c:s}function i(s,c){if(typeof c!="function"&&c!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof c);s.prototype=Object.create(c&&c.prototype,{constructor:{value:s,enumerable:!1,writable:!0,configurable:!0}}),c&&(Object.setPrototypeOf?Object.setPrototypeOf(s,c):s.__proto__=c)}var l=xe.active=function(s){var c=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return(function(p){i(f,p);function f(){var h,b,d,v;a(this,f);for(var S=arguments.length,E=Array(S),w=0;w<S;w++)E[w]=arguments[w];return v=(b=(d=o(this,(h=f.__proto__||Object.getPrototypeOf(f)).call.apply(h,[this].concat(E))),d),d.state={active:!1},d.handleMouseDown=function(){return d.setState({active:!0})},d.handleMouseUp=function(){return d.setState({active:!1})},d.render=function(){return r.default.createElement(c,{onMouseDown:d.handleMouseDown,onMouseUp:d.handleMouseUp},r.default.createElement(s,e({},d.props,d.state)))},b),o(d,v)}return f})(r.default.Component)};return xe.default=l,xe}var nt={},Xn;function Ji(){if(Xn)return nt;Xn=1,Object.defineProperty(nt,"__esModule",{value:!0});var e=function(t,r){var n={},a=function(o){var i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0;n[o]=i};return t===0&&a("first-child"),t===r-1&&a("last-child"),(t===0||t%2===0)&&a("even"),Math.abs(t%2)===1&&a("odd"),a("nth-child",t),n};return nt.default=e,nt}var In;function el(){if(In)return F;In=1,Object.defineProperty(F,"__esModule",{value:!0}),F.ReactCSS=F.loop=F.handleActive=F.handleHover=F.hover=void 0;var e=Si(),t=h(e),r=Yi(),n=h(r),a=Ki(),o=h(a),i=Zi(),l=h(i),s=Qi(),c=h(s),p=Ji(),f=h(p);function h(d){return d&&d.__esModule?d:{default:d}}F.hover=l.default,F.handleHover=l.default,F.handleActive=c.default,F.loop=f.default;var b=F.ReactCSS=function(d){for(var v=arguments.length,S=Array(v>1?v-1:0),E=1;E<v;E++)S[E-1]=arguments[E];var w=(0,t.default)(S),W=(0,n.default)(d,w);return(0,o.default)(W)};return F.default=b,F}var jr=el();const m=vr(jr);var tl=function(e,t,r,n,a){var o=a.clientWidth,i=a.clientHeight,l=typeof e.pageX=="number"?e.pageX:e.touches[0].pageX,s=typeof e.pageY=="number"?e.pageY:e.touches[0].pageY,c=l-(a.getBoundingClientRect().left+window.pageXOffset),p=s-(a.getBoundingClientRect().top+window.pageYOffset);if(r==="vertical"){var f=void 0;if(p<0?f=0:p>i?f=1:f=Math.round(p*100/i)/100,t.a!==f)return{h:t.h,s:t.s,l:t.l,a:f,source:"rgb"}}else{var h=void 0;if(c<0?h=0:c>o?h=1:h=Math.round(c*100/o)/100,n!==h)return{h:t.h,s:t.s,l:t.l,a:h,source:"rgb"}}return null},ar={},rl=function(e,t,r,n){if(typeof document>"u"&&!n)return null;var a=n?new n:document.createElement("canvas");a.width=r*2,a.height=r*2;var o=a.getContext("2d");return o?(o.fillStyle=e,o.fillRect(0,0,a.width,a.height),o.fillStyle=t,o.fillRect(0,0,r,r),o.translate(r,r),o.fillRect(0,0,r,r),a.toDataURL()):null},nl=function(e,t,r,n){var a=e+"-"+t+"-"+r+(n?"-server":"");if(ar[a])return ar[a];var o=rl(e,t,r,n);return ar[a]=o,o},qn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},He=function(e){var t=e.white,r=e.grey,n=e.size,a=e.renderers,o=e.borderRadius,i=e.boxShadow,l=e.children,s=m({default:{grid:{borderRadius:o,boxShadow:i,absolute:"0px 0px 0px 0px",background:"url("+nl(t,r,n,a.canvas)+") center left"}}});return M.isValidElement(l)?u.cloneElement(l,qn({},l.props,{style:qn({},l.props.style,s.grid)})):u.createElement("div",{style:s.grid})};He.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)",renderers:{}};var al=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ol=(function(){function e(t,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}})();function il(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Yn(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:e}function ll(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var Cr=(function(e){ll(t,e);function t(){var r,n,a,o;il(this,t);for(var i=arguments.length,l=Array(i),s=0;s<i;s++)l[s]=arguments[s];return o=(n=(a=Yn(this,(r=t.__proto__||Object.getPrototypeOf(t)).call.apply(r,[this].concat(l))),a),a.handleChange=function(c){var p=tl(c,a.props.hsl,a.props.direction,a.props.a,a.container);p&&typeof a.props.onChange=="function"&&a.props.onChange(p,c)},a.handleMouseDown=function(c){a.handleChange(c),window.addEventListener("mousemove",a.handleChange),window.addEventListener("mouseup",a.handleMouseUp)},a.handleMouseUp=function(){a.unbindEventListeners()},a.unbindEventListeners=function(){window.removeEventListener("mousemove",a.handleChange),window.removeEventListener("mouseup",a.handleMouseUp)},n),Yn(a,o)}return ol(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var r=this,n=this.props.rgb,a=m({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden",borderRadius:this.props.radius},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+n.r+","+n.g+","+n.b+`, 0) 0%,
            rgba(`+n.r+","+n.g+","+n.b+", 1) 100%)",boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:"relative",height:"100%",margin:"0 3px"},pointer:{position:"absolute",left:n.a*100+"%"},slider:{width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",marginTop:"1px",transform:"translateX(-2px)"}},vertical:{gradient:{background:"linear-gradient(to bottom, rgba("+n.r+","+n.g+","+n.b+`, 0) 0%,
            rgba(`+n.r+","+n.g+","+n.b+", 1) 100%)"},pointer:{left:0,top:n.a*100+"%"}},overwrite:al({},this.props.style)},{vertical:this.props.direction==="vertical",overwrite:!0});return u.createElement("div",{style:a.alpha},u.createElement("div",{style:a.checkboard},u.createElement(He,{renderers:this.props.renderers})),u.createElement("div",{style:a.gradient}),u.createElement("div",{style:a.container,ref:function(o){return r.container=o},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},u.createElement("div",{style:a.pointer},this.props.pointer?u.createElement(this.props.pointer,this.props):u.createElement("div",{style:a.slider}))))}}]),t})(M.PureComponent||M.Component),sl=(function(){function e(t,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}})();function ul(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function cl(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function pl(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:e}function fl(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var hl=1,Ia=38,dl=40,bl=[Ia,dl],gl=function(e){return bl.indexOf(e)>-1},vl=function(e){return Number(String(e).replace(/%/g,""))},xl=1,y=(function(e){fl(t,e);function t(r){cl(this,t);var n=pl(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return n.handleBlur=function(){n.state.blurValue&&n.setState({value:n.state.blurValue,blurValue:null})},n.handleChange=function(a){n.setUpdatedValue(a.target.value,a)},n.handleKeyDown=function(a){var o=vl(a.target.value);if(!isNaN(o)&&gl(a.keyCode)){var i=n.getArrowOffset(),l=a.keyCode===Ia?o+i:o-i;n.setUpdatedValue(l,a)}},n.handleDrag=function(a){if(n.props.dragLabel){var o=Math.round(n.props.value+a.movementX);o>=0&&o<=n.props.dragMax&&n.props.onChange&&n.props.onChange(n.getValueObjectWithLabel(o),a)}},n.handleMouseDown=function(a){n.props.dragLabel&&(a.preventDefault(),n.handleDrag(a),window.addEventListener("mousemove",n.handleDrag),window.addEventListener("mouseup",n.handleMouseUp))},n.handleMouseUp=function(){n.unbindEventListeners()},n.unbindEventListeners=function(){window.removeEventListener("mousemove",n.handleDrag),window.removeEventListener("mouseup",n.handleMouseUp)},n.state={value:String(r.value).toUpperCase(),blurValue:String(r.value).toUpperCase()},n.inputId="rc-editable-input-"+xl++,n}return sl(t,[{key:"componentDidUpdate",value:function(r,n){this.props.value!==this.state.value&&(r.value!==this.props.value||n.value!==this.state.value)&&(this.input===document.activeElement?this.setState({blurValue:String(this.props.value).toUpperCase()}):this.setState({value:String(this.props.value).toUpperCase(),blurValue:!this.state.blurValue&&String(this.props.value).toUpperCase()}))}},{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"getValueObjectWithLabel",value:function(r){return ul({},this.props.label,r)}},{key:"getArrowOffset",value:function(){return this.props.arrowOffset||hl}},{key:"setUpdatedValue",value:function(r,n){var a=this.props.label?this.getValueObjectWithLabel(r):r;this.props.onChange&&this.props.onChange(a,n),this.setState({value:r})}},{key:"render",value:function(){var r=this,n=m({default:{wrap:{position:"relative"}},"user-override":{wrap:this.props.style&&this.props.style.wrap?this.props.style.wrap:{},input:this.props.style&&this.props.style.input?this.props.style.input:{},label:this.props.style&&this.props.style.label?this.props.style.label:{}},"dragLabel-true":{label:{cursor:"ew-resize"}}},{"user-override":!0},this.props);return u.createElement("div",{style:n.wrap},u.createElement("input",{id:this.inputId,style:n.input,ref:function(a){return r.input=a},value:this.state.value,onKeyDown:this.handleKeyDown,onChange:this.handleChange,onBlur:this.handleBlur,placeholder:this.props.placeholder,spellCheck:"false"}),this.props.label&&!this.props.hideLabel?u.createElement("label",{htmlFor:this.inputId,style:n.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),t})(M.PureComponent||M.Component),ml=function(e,t,r,n){var a=n.clientWidth,o=n.clientHeight,i=typeof e.pageX=="number"?e.pageX:e.touches[0].pageX,l=typeof e.pageY=="number"?e.pageY:e.touches[0].pageY,s=i-(n.getBoundingClientRect().left+window.pageXOffset),c=l-(n.getBoundingClientRect().top+window.pageYOffset);if(t==="vertical"){var p=void 0;if(c<0)p=359;else if(c>o)p=0;else{var f=-(c*100/o)+100;p=360*f/100}if(r.h!==p)return{h:p,s:r.s,l:r.l,a:r.a,source:"hsl"}}else{var h=void 0;if(s<0)h=0;else if(s>a)h=359;else{var b=s*100/a;h=360*b/100}if(r.h!==h)return{h,s:r.s,l:r.l,a:r.a,source:"hsl"}}return null},yl=(function(){function e(t,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}})();function wl(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Kn(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:e}function El(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var ze=(function(e){El(t,e);function t(){var r,n,a,o;wl(this,t);for(var i=arguments.length,l=Array(i),s=0;s<i;s++)l[s]=arguments[s];return o=(n=(a=Kn(this,(r=t.__proto__||Object.getPrototypeOf(t)).call.apply(r,[this].concat(l))),a),a.handleChange=function(c){var p=ml(c,a.props.direction,a.props.hsl,a.container);p&&typeof a.props.onChange=="function"&&a.props.onChange(p,c)},a.handleMouseDown=function(c){a.handleChange(c),window.addEventListener("mousemove",a.handleChange),window.addEventListener("mouseup",a.handleMouseUp)},a.handleMouseUp=function(){a.unbindEventListeners()},n),Kn(a,o)}return yl(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"unbindEventListeners",value:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var r=this,n=this.props.direction,a=n===void 0?"horizontal":n,o=m({default:{hue:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius,boxShadow:this.props.shadow},container:{padding:"0 2px",position:"relative",height:"100%",borderRadius:this.props.radius},pointer:{position:"absolute",left:this.props.hsl.h*100/360+"%"},slider:{marginTop:"1px",width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",transform:"translateX(-2px)"}},vertical:{pointer:{left:"0px",top:-(this.props.hsl.h*100/360)+100+"%"}}},{vertical:a==="vertical"});return u.createElement("div",{style:o.hue},u.createElement("div",{className:"hue-"+a,style:o.container,ref:function(i){return r.container=i},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},u.createElement("style",null,`
             .hue-horizontal {

package/build/assets/{ComponentInstance-B_1vn-IY-BM9ElpU6.js → ComponentInstance-CZJj3rmu-NhIcYIOG.js}

@@ -1,4 +1,4 @@
-import{r as i,N as K,aG as x,aP as T,j as p,ah as Q,cF as X,cG as U,aS as Z,aT as ee,cH as te,V as re,cI as ne,cJ as oe,B as P,i as G,cK as ae,x as se,cL as ie,ai as ce}from"./index-DJf52eor.js";import{o as ue}from"./withCalculatedWidth-CswVJ4Re-BeXEmgBt.js";import{t as F,s as L}from"./urls-CuMqgoDl-BWqF1s4U.js";import{a as me,o as le}from"./IFrameUtil-8kJzIdKx-BKMrKnrz.js";var h=(e=>(e.COMPONENT_READY="streamlit:componentReady",e.SET_COMPONENT_VALUE="streamlit:setComponentValue",e.SET_FRAME_HEIGHT="streamlit:setFrameHeight",e))(h||{}),Y=(e=>(e.RENDER="streamlit:render",e))(Y||{});const de=1,E=P.getLogger("componentUtils");function fe(e){return(r,t)=>{if(!e.current)return;const{isReady:o,element:n,widgetMgr:a,setComponentError:w,componentReadyCallback:b,frameHeightCallback:R,fragmentId:c}=e.current,s=o();switch(r){case h.COMPONENT_READY:{const{apiVersion:d}=t;d!==de?w(new Error(`Unrecognized component API version: '${d}'`)):b();break}case h.SET_COMPONENT_VALUE:s?pe(V(t,"value"),t.dataType,{fromUi:!0},n,a,c):E.warn(`Got ${r} before ${h.COMPONENT_READY}!`);break;case h.SET_FRAME_HEIGHT:s?R(V(t,"height")):E.warn(`Got ${r} before ${h.COMPONENT_READY}!`);break;default:E.warn(`Unrecognized ComponentBackMsgType: ${r}`)}}}function ge(e,r){const t=JSON.parse(e),o=[];for(const n of r){const{key:a}=n;switch(n.value?.toLowerCase()){case"arrowdataframe":o.push({key:a,value:ie.toObject(n.arrowDataframe)});break;case"bytes":t[a]=n.bytes;break;default:throw new Error(`Unrecognized SpecialArg type: ${n.value}`)}}return[t,o]}function D(e,r,t,o,n){if(!n){E.warn("Can't send ForwardMsg; missing our iframe!");return}if(G(n.contentWindow)){E.warn("Can't send ForwardMsg; iframe has no contentWindow!");return}n.contentWindow.postMessage({type:Y.RENDER,args:e,dfs:r,disabled:t,theme:{...ae(o),font:o.genericFonts.bodyFont}},"*")}function pe(e,r,t,o,n,a){if(e===void 0){E.warn("handleSetComponentValue: missing 'value' prop");return}switch(r){case"dataframe":n.setArrowValue(o,e,t,a);break;case"bytes":n.setBytesValue(o,e,t,a);break;default:n.setJsonValue(o,e,t,a)}}function V(e,r,t=void 0){return Object.hasOwn(e,r)?e[r]:t}const he=se("iframe",{target:"e1fjvnnc0"})(({theme:e,componentReady:r})=>({colorScheme:"normal",border:"none",padding:e.spacing.none,margin:e.spacing.none,display:r?"initial":"none"}),""),S=P.getLogger("ComponentInstance"),j=6e4;function Ee(e,r,t){let o;re(t)&&t!==""?o=t:o=r.getComponentURL(e,"index.html");const n=ne.CUSTOM_COMPONENT_CLIENT_ID,a=new URL(window.location.href);return o=oe.stringifyUrl({url:o,query:{streamlitUrl:a.origin+a.pathname,...n&&{__streamlit_parent_client_id:n}}}),o}function H(e,r){let t;return r&&r!==""?t=`Your app is having trouble loading the **${e}** component.
+import{r as i,N as K,aG as x,aP as T,j as p,ah as Q,cF as X,cG as U,aS as Z,aT as ee,cH as te,V as re,cI as ne,cJ as oe,B as P,i as G,cK as ae,x as se,cL as ie,ai as ce}from"./index-CHE20_1-.js";import{o as ue}from"./withCalculatedWidth-nNNFed9I-Fzz_WpIw.js";import{t as F,s as L}from"./urls-CuMqgoDl-BWqF1s4U.js";import{a as me,o as le}from"./IFrameUtil-8kJzIdKx-BKMrKnrz.js";var h=(e=>(e.COMPONENT_READY="streamlit:componentReady",e.SET_COMPONENT_VALUE="streamlit:setComponentValue",e.SET_FRAME_HEIGHT="streamlit:setFrameHeight",e))(h||{}),Y=(e=>(e.RENDER="streamlit:render",e))(Y||{});const de=1,E=P.getLogger("componentUtils");function fe(e){return(r,t)=>{if(!e.current)return;const{isReady:o,element:n,widgetMgr:a,setComponentError:w,componentReadyCallback:b,frameHeightCallback:R,fragmentId:c}=e.current,s=o();switch(r){case h.COMPONENT_READY:{const{apiVersion:d}=t;d!==de?w(new Error(`Unrecognized component API version: '${d}'`)):b();break}case h.SET_COMPONENT_VALUE:s?pe(V(t,"value"),t.dataType,{fromUi:!0},n,a,c):E.warn(`Got ${r} before ${h.COMPONENT_READY}!`);break;case h.SET_FRAME_HEIGHT:s?R(V(t,"height")):E.warn(`Got ${r} before ${h.COMPONENT_READY}!`);break;default:E.warn(`Unrecognized ComponentBackMsgType: ${r}`)}}}function ge(e,r){const t=JSON.parse(e),o=[];for(const n of r){const{key:a}=n;switch(n.value?.toLowerCase()){case"arrowdataframe":o.push({key:a,value:ie.toObject(n.arrowDataframe)});break;case"bytes":t[a]=n.bytes;break;default:throw new Error(`Unrecognized SpecialArg type: ${n.value}`)}}return[t,o]}function D(e,r,t,o,n){if(!n){E.warn("Can't send ForwardMsg; missing our iframe!");return}if(G(n.contentWindow)){E.warn("Can't send ForwardMsg; iframe has no contentWindow!");return}n.contentWindow.postMessage({type:Y.RENDER,args:e,dfs:r,disabled:t,theme:{...ae(o),font:o.genericFonts.bodyFont}},"*")}function pe(e,r,t,o,n,a){if(e===void 0){E.warn("handleSetComponentValue: missing 'value' prop");return}switch(r){case"dataframe":n.setArrowValue(o,e,t,a);break;case"bytes":n.setBytesValue(o,e,t,a);break;default:n.setJsonValue(o,e,t,a)}}function V(e,r,t=void 0){return Object.hasOwn(e,r)?e[r]:t}const he=se("iframe",{target:"e1fjvnnc0"})(({theme:e,componentReady:r})=>({colorScheme:"normal",border:"none",padding:e.spacing.none,margin:e.spacing.none,display:r?"initial":"none"}),""),S=P.getLogger("ComponentInstance"),j=6e4;function Ee(e,r,t){let o;re(t)&&t!==""?o=t:o=r.getComponentURL(e,"index.html");const n=ne.CUSTOM_COMPONENT_CLIENT_ID,a=new URL(window.location.href);return o=oe.stringifyUrl({url:o,query:{streamlitUrl:a.origin+a.pathname,...n&&{__streamlit_parent_client_id:n}}}),o}function H(e,r){let t;return r&&r!==""?t=`Your app is having trouble loading the **${e}** component.
 The app is attempting to load the component from **${r}**,
 and hasn't received its \`Streamlit.setComponentReady()\` message.