@stlite/desktop 0.101.0 → 0.101.1

package/build/assets/{CameraInput-vKKDhL6--Bpo-2dKV.js → CameraInput-CiV08N6Y-BKRxm_ar.js}

@@ -1 +1 @@
-import{$r as e,Dn as t,Dr as n,E as r,Ha as i,It as a,J as o,N as s,Nt as c,S as l,Sa as u,Ut as d,Va as f,Vr as p,Wa as m,Wn as h,a as g,ea as _,fa as v,ii as y,la as ee,ma as te,ni as ne,o as b,wn as x,zr as S}from"./index-B4fa-n2i.js";import{t as re}from"./WidgetLabel-UxhCOQGD-Outa0e9S.js";import{t as ie}from"./WidgetLabelHelpIcon-B9x-Yn7N-DaZaIL2I.js";import{t as C}from"./urls-hxAPaE-_-C-Smi8fC.js";import{t as w}from"./UploadFileInfo-DdcsXhjv-WAP1L8Dh.js";import{n as T,t as E}from"./ProgressBar-Dxdjhh5v-CTb2XLYl.js";var D=m(i(),1),ae=m(f(),1),O=D.forwardRef(function(e,t){return D.createElement(l,d({iconAttrs:{fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`},iconVerticalAlign:`middle`,iconViewBox:`0 0 24 24`},e,{ref:t}),D.createElement(`rect`,{width:24,height:24,fill:`none`}),D.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`}))});O.displayName=`SwitchCamera`;var k=D.forwardRef(function(e,t){return D.createElement(l,d({iconAttrs:{fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`},iconVerticalAlign:`middle`,iconViewBox:`0 0 8 8`},e,{ref:t}),D.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`}))});k.displayName=`Video`;var A=D.forwardRef(function(e,t){return D.createElement(l,d({iconAttrs:{fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`},iconVerticalAlign:`middle`,iconViewBox:`0 0 8 8`},e,{ref:t}),D.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`}))});A.displayName=`X`;function j(e,t){switch(e){case`xsmall`:return{padding:`${t.spacing.twoXS} ${t.spacing.sm}`,fontSize:t.fontSizes.sm};case`small`:return{padding:`${t.spacing.twoXS} ${t.spacing.md}`};case`large`:return{padding:`${t.spacing.md} ${t.spacing.md}`};default:return{padding:`${t.spacing.xs} ${t.spacing.md}`}}}var M=x(`div`,{target:`etz5kuj8`})({name:`b6gpc`,styles:`position:relative;overflow:hidden;width:100%;object-fit:contain`}),N=x(`div`,{target:`etz5kuj7`})(({theme:e,width:t})=>({backgroundColor:e.colors.secondaryBg,borderRadius:`${e.radii.default} ${e.radii.default} 0 0`,width:`100%`,height:t*9/16,display:`flex`,flexDirection:`column`,justifyContent:`center`,alignItems:`center`}),``),P=x(`p`,{target:`etz5kuj6`})(({theme:e})=>({marginTop:e.spacing.sm,textAlign:`center`}),``),oe=x(`img`,{target:`etz5kuj5`})(({theme:e,opacity:t})=>({borderRadius:`${e.radii.default} ${e.radii.default} 0 0`,objectFit:`contain`,opacity:t}),``),se=x(`a`,{target:`etz5kuj4`})(({theme:e})=>({color:e.colors.link,textDecoration:e.linkUnderline?`underline`:`none`,display:`block`}),``),ce=x(`span`,{target:`etz5kuj3`})({name:`s5xdrg`,styles:`display:flex;align-items:center`}),F=x(`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}),``),I=x(`div`,{target:`etz5kuj1`})({name:`1yoks5w`,styles:`height:fit-content;width:100%;position:absolute;bottom:0`}),L=x(`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},...j(`medium`,e)}),``);function R({disabled:t,onClick:n,children:r,progress:i}){return e.jsxs(L,{disabled:t||!1,onClick:n||(()=>{}),progress:i||null,"data-testid":`stCameraInputButton`,children:[r,i?e.jsx(I,{children:e.jsx(T,{value:i,size:E.EXTRASMALL,overrides:{Bar:{style:{borderTopLeftRadius:0,borderTopRightRadius:0}},BarProgress:{style:{borderTopLeftRadius:0,borderTopRightRadius:0}},BarContainer:{style:{borderTopLeftRadius:0,borderTopRightRadius:0}}}})}):null]})}var z=(0,D.memo)(R),B=(e=>(e.USER=`user`,e.ENVIRONMENT=`environment`,e))(B||{}),V=(0,D.memo)(({switchFacingMode:t})=>e.jsx(F,{"data-testid":`stCameraInputSwitchButton`,children:e.jsx(c,{content:`Switch camera`,placement:o.TOP_RIGHT,children:e.jsx(g,{kind:b.MINIMAL,onClick:t,children:e.jsx(s,{content:O,size:`twoXL`,color:_.white})})})})),H={exports:{}},U=H.exports,W;function G(){return W||(W=1,function(e,t){(function(t,n){e.exports=n(D.default)})(U,function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){typeof Symbol<`u`&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:`Module`}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(t&1&&(e=n(e)),t&8||t&4&&typeof e==`object`&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),t&2&&typeof e!=`string`)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?(function(){return e.default}):(function(){return e});return n.d(t,`a`,t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p=``,n(n.s=`./src/react-webcam.tsx`)}({"./src/react-webcam.tsx":(function(e,t,n){n.r(t);var r=n(`react`),i=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},e(t,n)};return function(t,n){e(t,n);function r(){this.constructor=t}t.prototype=n===null?Object.create(n):(r.prototype=n.prototype,new r)}}(),a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},a.apply(this,arguments)},o=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols==`function`)for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n};(function(){typeof window>`u`||(navigator.mediaDevices===void 0&&(navigator.mediaDevices={}),navigator.mediaDevices.getUserMedia===void 0&&(navigator.mediaDevices.getUserMedia=function(e){var t=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;return t?new Promise(function(n,r){t.call(navigator,e,n,r)}):Promise.reject(Error(`getUserMedia is not implemented in this browser`))}))})();function s(){return!!(navigator.mediaDevices&&navigator.mediaDevices.getUserMedia)}t.default=function(e){i(t,e);function t(t){var n=e.call(this,t)||this;return n.canvas=null,n.ctx=null,n.requestUserMediaId=0,n.unmounted=!1,n.state={hasUserMedia:!1},n}return t.prototype.componentDidMount=function(){var e=this,t=e.state,n=e.props;if(this.unmounted=!1,!s()){n.onUserMediaError(`getUserMedia not supported`);return}t.hasUserMedia||this.requestUserMedia(),n.children&&typeof n.children!=`function`&&console.warn(`children must be a function`)},t.prototype.componentDidUpdate=function(e){var t=this.props;if(!s()){t.onUserMediaError(`getUserMedia not supported`);return}var n=JSON.stringify(e.audioConstraints)!==JSON.stringify(t.audioConstraints),r=JSON.stringify(e.videoConstraints)!==JSON.stringify(t.videoConstraints),i=e.minScreenshotWidth!==t.minScreenshotWidth,a=e.minScreenshotHeight!==t.minScreenshotHeight;(r||i||a)&&(this.canvas=null,this.ctx=null),(n||r)&&(this.stopAndCleanup(),this.requestUserMedia())},t.prototype.componentWillUnmount=function(){this.unmounted=!0,this.stopAndCleanup()},t.stopMediaStream=function(e){e&&(e.getVideoTracks&&e.getAudioTracks?(e.getVideoTracks().map(function(t){e.removeTrack(t),t.stop()}),e.getAudioTracks().map(function(t){e.removeTrack(t),t.stop()})):e.stop())},t.prototype.stopAndCleanup=function(){var e=this.state;e.hasUserMedia&&(t.stopMediaStream(this.stream),e.src&&window.URL.revokeObjectURL(e.src))},t.prototype.getScreenshot=function(e){var t=this,n=t.state,r=t.props;if(!n.hasUserMedia)return null;var i=this.getCanvas(e);return i&&i.toDataURL(r.screenshotFormat,r.screenshotQuality)},t.prototype.getCanvas=function(e){var t=this,n=t.state,r=t.props;if(!this.video||!n.hasUserMedia||!this.video.videoHeight)return null;if(!this.ctx){var i=this.video.videoWidth,a=this.video.videoHeight;if(!this.props.forceScreenshotSourceSize){var o=i/a;i=r.minScreenshotWidth||this.video.clientWidth,a=i/o,r.minScreenshotHeight&&a<r.minScreenshotHeight&&(a=r.minScreenshotHeight,i=a*o)}this.canvas=document.createElement(`canvas`),this.canvas.width=e?.width||i,this.canvas.height=e?.height||a,this.ctx=this.canvas.getContext(`2d`)}var s=this,c=s.ctx,l=s.canvas;return c&&l&&(l.width=e?.width||l.width,l.height=e?.height||l.height,r.mirrored&&(c.translate(l.width,0),c.scale(-1,1)),c.imageSmoothingEnabled=r.imageSmoothing,c.drawImage(this.video,0,0,e?.width||l.width,e?.height||l.height),r.mirrored&&(c.scale(-1,1),c.translate(-l.width,0))),l},t.prototype.requestUserMedia=function(){var e=this,n=this.props,r=function(r,i){var a={video:typeof i<`u`?i:!0};n.audio&&(a.audio=typeof r<`u`?r:!0),e.requestUserMediaId++;var o=e.requestUserMediaId;navigator.mediaDevices.getUserMedia(a).then(function(n){e.unmounted||o!==e.requestUserMediaId?t.stopMediaStream(n):e.handleUserMedia(null,n)}).catch(function(t){e.handleUserMedia(t)})};if(`mediaDevices`in navigator)r(n.audioConstraints,n.videoConstraints);else{var i=function(e){return{optional:[{sourceId:e}]}},a=function(e){var t=e.deviceId;return typeof t==`string`?t:Array.isArray(t)&&t.length>0?t[0]:typeof t==`object`&&t.ideal?t.ideal:null};MediaStreamTrack.getSources(function(e){var t=null,o=null;e.forEach(function(e){e.kind===`audio`?t=e.id:e.kind===`video`&&(o=e.id)});var s=a(n.audioConstraints);s&&(t=s);var c=a(n.videoConstraints);c&&(o=c),r(i(t),i(o))})}},t.prototype.handleUserMedia=function(e,t){var n=this.props;if(e||!t){this.setState({hasUserMedia:!1}),n.onUserMediaError(e);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)})}n.onUserMedia(t)},t.prototype.render=function(){var e=this,t=this,n=t.state,i=t.props,s=i.audio;i.forceScreenshotSourceSize;var c=i.disablePictureInPicture;i.onUserMedia,i.onUserMediaError,i.screenshotFormat,i.screenshotQuality,i.minScreenshotWidth,i.minScreenshotHeight,i.audioConstraints,i.videoConstraints,i.imageSmoothing;var l=i.mirrored,u=i.style,d=u===void 0?{}:u,f=i.children,p=o(i,[`audio`,`forceScreenshotSourceSize`,`disablePictureInPicture`,`onUserMedia`,`onUserMediaError`,`screenshotFormat`,`screenshotQuality`,`minScreenshotWidth`,`minScreenshotHeight`,`audioConstraints`,`videoConstraints`,`imageSmoothing`,`mirrored`,`style`,`children`]),m=l?a(a({},d),{transform:(d.transform||``)+` scaleX(-1)`}):d,h={getScreenshot:this.getScreenshot.bind(this)};return r.createElement(r.Fragment,null,r.createElement(`video`,a({autoPlay:!0,disablePictureInPicture:c,src:n.src,muted:!s,playsInline:!0,ref:function(t){e.video=t},style:m},p)),f&&f(h))},t.defaultProps={audio:!1,disablePictureInPicture:!1,forceScreenshotSourceSize:!1,imageSmoothing:!0,mirrored:!1,onUserMedia:function(){},onUserMediaError:function(){},screenshotFormat:`image/webp`,screenshotQuality:.92},t}(r.Component)}),react:(function(t,n){t.exports=e})}).default})}(H)),H.exports}var K=h(G()),q=({width:t})=>e.jsxs(N,{width:t,children:[e.jsx(s,{size:`threeXL`,color:_.gray60,content:k}),e.jsxs(P,{children:[`This app would like to use your camera.`,e.jsx(se,{href:C,rel:`noopener noreferrer`,target:`_blank`,children:`Learn how to allow access.`})]})]}),le=(0,D.memo)(({handleCapture:n,width:r,disabled:i,clearPhotoInProgress:a,setClearPhotoInProgress:o,facingMode:s,setFacingMode:c,testOverride:l})=>{let[u,d]=(0,D.useState)(l||`pending`),f=(0,D.useRef)(null),[p,m]=(0,D.useState)(r),h=(0,D.useCallback)(t(1e3,m),[]);(0,D.useEffect)(()=>{h(r)},[r,h]);function g(){f.current!==null&&n(f.current.getScreenshot())}let _=v();return e.jsxs(M,{"data-testid":`stCameraInputWebcamComponent`,children:[u!==`success`&&!i&&!a?e.jsx(q,{width:p}):S()&&e.jsx(V,{switchFacingMode:c}),e.jsx(N,{"data-testid":`stCameraInputWebcamStyledBox`,hidden:u!==`success`&&!i&&!a,width:p,children:!i&&e.jsx(K,{audio:!1,ref:f,screenshotFormat:`image/jpeg`,screenshotQuality:1,width:p,height:p*9/16,style:{borderRadius:`${_.radii.default} ${_.radii.default} 0 0`},onUserMediaError:()=>{d(`error`)},onUserMedia:()=>{d(`success`),o(!1)},videoConstraints:{width:{ideal:p},facingMode:s}})}),e.jsx(z,{onClick:g,disabled:u!==`success`||i||a,children:`Take Photo`})]})}),J=`RESTORED_FROM_WIDGET`,ue=150,de=y.getLogger(`CameraInput`),Y=e=>new r({uploadedFileInfo:e.filter(e=>e.status.type===`uploaded`).map(e=>{let{name:t,size:n,status:r}=e,{fileId:i,fileUrls:o}=r;return new a({fileId:i,fileUrls:o,name:t,size:n})})}),fe=(e,t)=>{let n=t.getFileUploaderStateValue(e);if(p(n))return{files:[],nextLocalId:1,imgSrc:null};let{uploadedFileInfo:r}=n;if(p(r)||r.length===0)return{files:[],nextLocalId:1,imgSrc:null};let i=1,a=r.map(e=>{let t=e.name,n=e.size,r=e.fileId,a=e.fileUrls,o=new w(t,n,i,{type:`uploaded`,fileId:r,fileUrls:a});return i+=1,o});return{files:a,nextLocalId:i,imgSrc:a.length>0?J:null}};function pe(e,t){return fetch(e).then(e=>e.arrayBuffer()).then(e=>new File([e],t,{type:`image/jpeg`}))}var X=(0,D.memo)(({element:t,widgetMgr:r,uploadClient:i,disabled:a,fragmentId:o,testOverride:c})=>{let{width:l,elementRef:d}=ee(),f=(0,D.useRef)(null);f.current===null&&(f.current=fe(t,r));let{files:m,nextLocalId:h,imgSrc:g}=f.current,_=(0,D.useRef)(h),[v,y]=(0,D.useState)(()=>m),b=(0,D.useRef)(v);(0,D.useLayoutEffect)(()=>{b.current=v},[v]);let[x,S]=(0,D.useState)(()=>g),[C,T]=(0,D.useState)(!1),[E,O]=(0,D.useState)(!0),[k,j]=(0,D.useState)(!1),[P,se]=(0,D.useState)(B.USER),F=(0,D.useRef)([]),I=(0,D.useRef)(null),L=(0,D.useCallback)(()=>{F.current.length!==0&&(F.current.forEach(e=>e()),F.current=[])},[]),{clear:R,restart:V}=u(()=>{L()},ue,{autoStart:!1}),H=(0,D.useCallback)(()=>new Promise(e=>{F.current.push(e),V()}),[V]);(0,D.useEffect)(()=>()=>{R(),L(),I.current=null},[R,L]);let U=(0,D.useCallback)(()=>{let e=_.current;return _.current+=1,e},[]),W=(0,D.useMemo)(()=>v.some(e=>e.status.type===`uploading`)?`updating`:`ready`,[v]),G=(0,D.useMemo)(()=>{if(v.length>0&&v[v.length-1].status.type===`uploading`)return v[v.length-1].status.progress},[v]),K=(0,D.useCallback)(()=>{se(e=>e===B.USER?B.ENVIRONMENT:B.USER)},[]),q=(0,D.useCallback)(e=>b.current.find(t=>t.id===e),[]),X=(0,D.useCallback)(e=>{(0,ae.flushSync)(()=>{y(t=>[...t,e])})},[]),Z=(0,D.useCallback)(e=>{y(t=>t.filter(t=>t.id!==e))},[]),Q=(0,D.useCallback)((e,t)=>{y(n=>n.map(n=>n.id===e?t:n))},[]),$=(0,D.useCallback)((e,t)=>{T(!1);let n=q(e);p(n)||n.status.type!==`uploading`||Q(n.id,n.setStatus({type:`uploaded`,fileId:t.fileId,fileUrls:t}))},[q,Q]),me=(0,D.useCallback)((e,t)=>{let n=q(t);if(p(n)||n.status.type!==`uploading`)return;let r=e.total?Math.round(e.loaded*100/e.total):0;n.status.progress!==r&&Q(t,n.setStatus({type:`uploading`,abortController:n.status.abortController,progress:r}))},[q,Q]),he=(0,D.useCallback)((e,n)=>{let r=new AbortController,a=new w(n.name,n.size,U(),{type:`uploading`,abortController:r,progress:1});X(a),i.uploadFile(t,e.uploadUrl,n,e=>me(e,a.id),r.signal).then(()=>$(a.id,e)).catch(e=>{e instanceof DOMException&&e.name===`AbortError`||Q(a.id,a.setStatus({type:`error`,errorMessage:e?e.toString():`Unknown error`}))})},[X,t,U,$,me,Q,i]),ge=(0,D.useCallback)(e=>{let t=q(e);p(t)||(t.status.type===`uploading`&&t.status.abortController.abort(),t.status.type===`uploaded`&&t.status.fileUrls.deleteUrl&&i.deleteFile(t.status.fileUrls.deleteUrl),Z(e))},[q,Z,i]),_e=(0,D.useCallback)(e=>{if(e===null)return Promise.resolve();if(I.current)return I.current;S(e),T(!0),O(!1);let t=pe(e,`camera-input-${new Date().toISOString().replace(/:/g,`_`)}.jpg`).then(e=>i.fetchFileURLs([e]).then(t=>({file:e,fileUrls:t[0]}))).then(({file:e,fileUrls:t})=>he(t,e)).then(H).then(()=>{O(!0)}).catch(e=>{de.error(e)}).finally(()=>{I.current=null});return I.current=t,t},[i,he,H]),ve=(0,D.useCallback)(e=>{_e(e)},[_e]),ye=(0,D.useCallback)(()=>{v.length!==0&&(v.forEach(e=>ge(e.id)),S(null),j(!0))},[v,ge]);return(0,D.useEffect)(()=>{r.getFileUploaderStateValue(t)===void 0&&r.setFileUploaderStateValue(t,Y(v),{fromUi:!1},o)},[]),(0,D.useEffect)(()=>{if(W!==`ready`)return;let e=Y(v);n(e,r.getFileUploaderStateValue(t))||r.setFileUploaderStateValue(t,e,{fromUi:!0},o)},[W,v,r,t,o]),te({element:t,widgetMgr:r,onFormCleared:(0,D.useCallback)(()=>{y([]),S(null);let e=Y([]);r.setFileUploaderStateValue(t,e,{fromUi:!0},o)},[t,o,r])}),e.jsxs(M,{className:`stCameraInput`,"data-testid":`stCameraInput`,ref:d,children:[e.jsx(re,{label:t.label,disabled:a,labelVisibility:ne(t.labelVisibility?.value),children:t.help&&e.jsx(ie,{content:t.help,label:t.label})}),x?e.jsxs(e.Fragment,{children:[e.jsx(N,{width:l,children:x!==J&&e.jsx(oe,{src:x,alt:`Snapshot`,opacity:C||!E?`50%`:`100%`,width:l,height:l*9/16})}),e.jsx(z,{onClick:ye,progress:G,disabled:!!G||a,children:G?`Uploading...`:e.jsxs(ce,{children:[e.jsx(s,{content:A,margin:`0 xs 0 0`,size:`sm`}),` Clear photo`]})})]}):e.jsx(le,{handleCapture:ve,width:l,disabled:a,clearPhotoInProgress:k,setClearPhotoInProgress:j,facingMode:P,setFacingMode:K,testOverride:c})]})});export{X as default};
+import{$r as e,Dn as t,Dr as n,E as r,Ha as i,It as a,J as o,N as s,Nt as c,S as l,Sa as u,Ut as d,Va as f,Vr as p,Wa as m,Wn as h,a as g,ea as _,fa as v,ii as y,la as ee,ma as te,ni as ne,o as b,wn as x,zr as S}from"./index-lR-QVdnh.js";import{t as re}from"./WidgetLabel-CQfHGtry-H2bBW1_F.js";import{t as ie}from"./WidgetLabelHelpIcon-C6IRqJ_I-CThDB-RY.js";import{t as C}from"./urls-hxAPaE-_-C-Smi8fC.js";import{t as w}from"./UploadFileInfo-DdcsXhjv-WAP1L8Dh.js";import{n as T,t as E}from"./ProgressBar-DhIwITyC-B3HjvnkD.js";var D=m(i(),1),ae=m(f(),1),O=D.forwardRef(function(e,t){return D.createElement(l,d({iconAttrs:{fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`},iconVerticalAlign:`middle`,iconViewBox:`0 0 24 24`},e,{ref:t}),D.createElement(`rect`,{width:24,height:24,fill:`none`}),D.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`}))});O.displayName=`SwitchCamera`;var k=D.forwardRef(function(e,t){return D.createElement(l,d({iconAttrs:{fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`},iconVerticalAlign:`middle`,iconViewBox:`0 0 8 8`},e,{ref:t}),D.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`}))});k.displayName=`Video`;var A=D.forwardRef(function(e,t){return D.createElement(l,d({iconAttrs:{fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`},iconVerticalAlign:`middle`,iconViewBox:`0 0 8 8`},e,{ref:t}),D.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`}))});A.displayName=`X`;function j(e,t){switch(e){case`xsmall`:return{padding:`${t.spacing.twoXS} ${t.spacing.sm}`,fontSize:t.fontSizes.sm};case`small`:return{padding:`${t.spacing.twoXS} ${t.spacing.md}`};case`large`:return{padding:`${t.spacing.md} ${t.spacing.md}`};default:return{padding:`${t.spacing.xs} ${t.spacing.md}`}}}var M=x(`div`,{target:`etz5kuj8`})({name:`b6gpc`,styles:`position:relative;overflow:hidden;width:100%;object-fit:contain`}),N=x(`div`,{target:`etz5kuj7`})(({theme:e,width:t})=>({backgroundColor:e.colors.secondaryBg,borderRadius:`${e.radii.default} ${e.radii.default} 0 0`,width:`100%`,height:t*9/16,display:`flex`,flexDirection:`column`,justifyContent:`center`,alignItems:`center`}),``),P=x(`p`,{target:`etz5kuj6`})(({theme:e})=>({marginTop:e.spacing.sm,textAlign:`center`}),``),oe=x(`img`,{target:`etz5kuj5`})(({theme:e,opacity:t})=>({borderRadius:`${e.radii.default} ${e.radii.default} 0 0`,objectFit:`contain`,opacity:t}),``),se=x(`a`,{target:`etz5kuj4`})(({theme:e})=>({color:e.colors.link,textDecoration:e.linkUnderline?`underline`:`none`,display:`block`}),``),ce=x(`span`,{target:`etz5kuj3`})({name:`s5xdrg`,styles:`display:flex;align-items:center`}),F=x(`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}),``),I=x(`div`,{target:`etz5kuj1`})({name:`1yoks5w`,styles:`height:fit-content;width:100%;position:absolute;bottom:0`}),L=x(`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},...j(`medium`,e)}),``);function R({disabled:t,onClick:n,children:r,progress:i}){return e.jsxs(L,{disabled:t||!1,onClick:n||(()=>{}),progress:i||null,"data-testid":`stCameraInputButton`,children:[r,i?e.jsx(I,{children:e.jsx(T,{value:i,size:E.EXTRASMALL,overrides:{Bar:{style:{borderTopLeftRadius:0,borderTopRightRadius:0}},BarProgress:{style:{borderTopLeftRadius:0,borderTopRightRadius:0}},BarContainer:{style:{borderTopLeftRadius:0,borderTopRightRadius:0}}}})}):null]})}var z=(0,D.memo)(R),B=(e=>(e.USER=`user`,e.ENVIRONMENT=`environment`,e))(B||{}),V=(0,D.memo)(({switchFacingMode:t})=>e.jsx(F,{"data-testid":`stCameraInputSwitchButton`,children:e.jsx(c,{content:`Switch camera`,placement:o.TOP_RIGHT,children:e.jsx(g,{kind:b.MINIMAL,onClick:t,children:e.jsx(s,{content:O,size:`twoXL`,color:_.white})})})})),H={exports:{}},U=H.exports,W;function G(){return W||(W=1,function(e,t){(function(t,n){e.exports=n(D.default)})(U,function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){typeof Symbol<`u`&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:`Module`}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(t&1&&(e=n(e)),t&8||t&4&&typeof e==`object`&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),t&2&&typeof e!=`string`)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?(function(){return e.default}):(function(){return e});return n.d(t,`a`,t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p=``,n(n.s=`./src/react-webcam.tsx`)}({"./src/react-webcam.tsx":(function(e,t,n){n.r(t);var r=n(`react`),i=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},e(t,n)};return function(t,n){e(t,n);function r(){this.constructor=t}t.prototype=n===null?Object.create(n):(r.prototype=n.prototype,new r)}}(),a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},a.apply(this,arguments)},o=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols==`function`)for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n};(function(){typeof window>`u`||(navigator.mediaDevices===void 0&&(navigator.mediaDevices={}),navigator.mediaDevices.getUserMedia===void 0&&(navigator.mediaDevices.getUserMedia=function(e){var t=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;return t?new Promise(function(n,r){t.call(navigator,e,n,r)}):Promise.reject(Error(`getUserMedia is not implemented in this browser`))}))})();function s(){return!!(navigator.mediaDevices&&navigator.mediaDevices.getUserMedia)}t.default=function(e){i(t,e);function t(t){var n=e.call(this,t)||this;return n.canvas=null,n.ctx=null,n.requestUserMediaId=0,n.unmounted=!1,n.state={hasUserMedia:!1},n}return t.prototype.componentDidMount=function(){var e=this,t=e.state,n=e.props;if(this.unmounted=!1,!s()){n.onUserMediaError(`getUserMedia not supported`);return}t.hasUserMedia||this.requestUserMedia(),n.children&&typeof n.children!=`function`&&console.warn(`children must be a function`)},t.prototype.componentDidUpdate=function(e){var t=this.props;if(!s()){t.onUserMediaError(`getUserMedia not supported`);return}var n=JSON.stringify(e.audioConstraints)!==JSON.stringify(t.audioConstraints),r=JSON.stringify(e.videoConstraints)!==JSON.stringify(t.videoConstraints),i=e.minScreenshotWidth!==t.minScreenshotWidth,a=e.minScreenshotHeight!==t.minScreenshotHeight;(r||i||a)&&(this.canvas=null,this.ctx=null),(n||r)&&(this.stopAndCleanup(),this.requestUserMedia())},t.prototype.componentWillUnmount=function(){this.unmounted=!0,this.stopAndCleanup()},t.stopMediaStream=function(e){e&&(e.getVideoTracks&&e.getAudioTracks?(e.getVideoTracks().map(function(t){e.removeTrack(t),t.stop()}),e.getAudioTracks().map(function(t){e.removeTrack(t),t.stop()})):e.stop())},t.prototype.stopAndCleanup=function(){var e=this.state;e.hasUserMedia&&(t.stopMediaStream(this.stream),e.src&&window.URL.revokeObjectURL(e.src))},t.prototype.getScreenshot=function(e){var t=this,n=t.state,r=t.props;if(!n.hasUserMedia)return null;var i=this.getCanvas(e);return i&&i.toDataURL(r.screenshotFormat,r.screenshotQuality)},t.prototype.getCanvas=function(e){var t=this,n=t.state,r=t.props;if(!this.video||!n.hasUserMedia||!this.video.videoHeight)return null;if(!this.ctx){var i=this.video.videoWidth,a=this.video.videoHeight;if(!this.props.forceScreenshotSourceSize){var o=i/a;i=r.minScreenshotWidth||this.video.clientWidth,a=i/o,r.minScreenshotHeight&&a<r.minScreenshotHeight&&(a=r.minScreenshotHeight,i=a*o)}this.canvas=document.createElement(`canvas`),this.canvas.width=e?.width||i,this.canvas.height=e?.height||a,this.ctx=this.canvas.getContext(`2d`)}var s=this,c=s.ctx,l=s.canvas;return c&&l&&(l.width=e?.width||l.width,l.height=e?.height||l.height,r.mirrored&&(c.translate(l.width,0),c.scale(-1,1)),c.imageSmoothingEnabled=r.imageSmoothing,c.drawImage(this.video,0,0,e?.width||l.width,e?.height||l.height),r.mirrored&&(c.scale(-1,1),c.translate(-l.width,0))),l},t.prototype.requestUserMedia=function(){var e=this,n=this.props,r=function(r,i){var a={video:typeof i<`u`?i:!0};n.audio&&(a.audio=typeof r<`u`?r:!0),e.requestUserMediaId++;var o=e.requestUserMediaId;navigator.mediaDevices.getUserMedia(a).then(function(n){e.unmounted||o!==e.requestUserMediaId?t.stopMediaStream(n):e.handleUserMedia(null,n)}).catch(function(t){e.handleUserMedia(t)})};if(`mediaDevices`in navigator)r(n.audioConstraints,n.videoConstraints);else{var i=function(e){return{optional:[{sourceId:e}]}},a=function(e){var t=e.deviceId;return typeof t==`string`?t:Array.isArray(t)&&t.length>0?t[0]:typeof t==`object`&&t.ideal?t.ideal:null};MediaStreamTrack.getSources(function(e){var t=null,o=null;e.forEach(function(e){e.kind===`audio`?t=e.id:e.kind===`video`&&(o=e.id)});var s=a(n.audioConstraints);s&&(t=s);var c=a(n.videoConstraints);c&&(o=c),r(i(t),i(o))})}},t.prototype.handleUserMedia=function(e,t){var n=this.props;if(e||!t){this.setState({hasUserMedia:!1}),n.onUserMediaError(e);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)})}n.onUserMedia(t)},t.prototype.render=function(){var e=this,t=this,n=t.state,i=t.props,s=i.audio;i.forceScreenshotSourceSize;var c=i.disablePictureInPicture;i.onUserMedia,i.onUserMediaError,i.screenshotFormat,i.screenshotQuality,i.minScreenshotWidth,i.minScreenshotHeight,i.audioConstraints,i.videoConstraints,i.imageSmoothing;var l=i.mirrored,u=i.style,d=u===void 0?{}:u,f=i.children,p=o(i,[`audio`,`forceScreenshotSourceSize`,`disablePictureInPicture`,`onUserMedia`,`onUserMediaError`,`screenshotFormat`,`screenshotQuality`,`minScreenshotWidth`,`minScreenshotHeight`,`audioConstraints`,`videoConstraints`,`imageSmoothing`,`mirrored`,`style`,`children`]),m=l?a(a({},d),{transform:(d.transform||``)+` scaleX(-1)`}):d,h={getScreenshot:this.getScreenshot.bind(this)};return r.createElement(r.Fragment,null,r.createElement(`video`,a({autoPlay:!0,disablePictureInPicture:c,src:n.src,muted:!s,playsInline:!0,ref:function(t){e.video=t},style:m},p)),f&&f(h))},t.defaultProps={audio:!1,disablePictureInPicture:!1,forceScreenshotSourceSize:!1,imageSmoothing:!0,mirrored:!1,onUserMedia:function(){},onUserMediaError:function(){},screenshotFormat:`image/webp`,screenshotQuality:.92},t}(r.Component)}),react:(function(t,n){t.exports=e})}).default})}(H)),H.exports}var K=h(G()),q=({width:t})=>e.jsxs(N,{width:t,children:[e.jsx(s,{size:`threeXL`,color:_.gray60,content:k}),e.jsxs(P,{children:[`This app would like to use your camera.`,e.jsx(se,{href:C,rel:`noopener noreferrer`,target:`_blank`,children:`Learn how to allow access.`})]})]}),le=(0,D.memo)(({handleCapture:n,width:r,disabled:i,clearPhotoInProgress:a,setClearPhotoInProgress:o,facingMode:s,setFacingMode:c,testOverride:l})=>{let[u,d]=(0,D.useState)(l||`pending`),f=(0,D.useRef)(null),[p,m]=(0,D.useState)(r),h=(0,D.useCallback)(t(1e3,m),[]);(0,D.useEffect)(()=>{h(r)},[r,h]);function g(){f.current!==null&&n(f.current.getScreenshot())}let _=v();return e.jsxs(M,{"data-testid":`stCameraInputWebcamComponent`,children:[u!==`success`&&!i&&!a?e.jsx(q,{width:p}):S()&&e.jsx(V,{switchFacingMode:c}),e.jsx(N,{"data-testid":`stCameraInputWebcamStyledBox`,hidden:u!==`success`&&!i&&!a,width:p,children:!i&&e.jsx(K,{audio:!1,ref:f,screenshotFormat:`image/jpeg`,screenshotQuality:1,width:p,height:p*9/16,style:{borderRadius:`${_.radii.default} ${_.radii.default} 0 0`},onUserMediaError:()=>{d(`error`)},onUserMedia:()=>{d(`success`),o(!1)},videoConstraints:{width:{ideal:p},facingMode:s}})}),e.jsx(z,{onClick:g,disabled:u!==`success`||i||a,children:`Take Photo`})]})}),J=`RESTORED_FROM_WIDGET`,ue=150,de=y.getLogger(`CameraInput`),Y=e=>new r({uploadedFileInfo:e.filter(e=>e.status.type===`uploaded`).map(e=>{let{name:t,size:n,status:r}=e,{fileId:i,fileUrls:o}=r;return new a({fileId:i,fileUrls:o,name:t,size:n})})}),fe=(e,t)=>{let n=t.getFileUploaderStateValue(e);if(p(n))return{files:[],nextLocalId:1,imgSrc:null};let{uploadedFileInfo:r}=n;if(p(r)||r.length===0)return{files:[],nextLocalId:1,imgSrc:null};let i=1,a=r.map(e=>{let t=e.name,n=e.size,r=e.fileId,a=e.fileUrls,o=new w(t,n,i,{type:`uploaded`,fileId:r,fileUrls:a});return i+=1,o});return{files:a,nextLocalId:i,imgSrc:a.length>0?J:null}};function pe(e,t){return fetch(e).then(e=>e.arrayBuffer()).then(e=>new File([e],t,{type:`image/jpeg`}))}var X=(0,D.memo)(({element:t,widgetMgr:r,uploadClient:i,disabled:a,fragmentId:o,testOverride:c})=>{let{width:l,elementRef:d}=ee(),f=(0,D.useRef)(null);f.current===null&&(f.current=fe(t,r));let{files:m,nextLocalId:h,imgSrc:g}=f.current,_=(0,D.useRef)(h),[v,y]=(0,D.useState)(()=>m),b=(0,D.useRef)(v);(0,D.useLayoutEffect)(()=>{b.current=v},[v]);let[x,S]=(0,D.useState)(()=>g),[C,T]=(0,D.useState)(!1),[E,O]=(0,D.useState)(!0),[k,j]=(0,D.useState)(!1),[P,se]=(0,D.useState)(B.USER),F=(0,D.useRef)([]),I=(0,D.useRef)(null),L=(0,D.useCallback)(()=>{F.current.length!==0&&(F.current.forEach(e=>e()),F.current=[])},[]),{clear:R,restart:V}=u(()=>{L()},ue,{autoStart:!1}),H=(0,D.useCallback)(()=>new Promise(e=>{F.current.push(e),V()}),[V]);(0,D.useEffect)(()=>()=>{R(),L(),I.current=null},[R,L]);let U=(0,D.useCallback)(()=>{let e=_.current;return _.current+=1,e},[]),W=(0,D.useMemo)(()=>v.some(e=>e.status.type===`uploading`)?`updating`:`ready`,[v]),G=(0,D.useMemo)(()=>{if(v.length>0&&v[v.length-1].status.type===`uploading`)return v[v.length-1].status.progress},[v]),K=(0,D.useCallback)(()=>{se(e=>e===B.USER?B.ENVIRONMENT:B.USER)},[]),q=(0,D.useCallback)(e=>b.current.find(t=>t.id===e),[]),X=(0,D.useCallback)(e=>{(0,ae.flushSync)(()=>{y(t=>[...t,e])})},[]),Z=(0,D.useCallback)(e=>{y(t=>t.filter(t=>t.id!==e))},[]),Q=(0,D.useCallback)((e,t)=>{y(n=>n.map(n=>n.id===e?t:n))},[]),$=(0,D.useCallback)((e,t)=>{T(!1);let n=q(e);p(n)||n.status.type!==`uploading`||Q(n.id,n.setStatus({type:`uploaded`,fileId:t.fileId,fileUrls:t}))},[q,Q]),me=(0,D.useCallback)((e,t)=>{let n=q(t);if(p(n)||n.status.type!==`uploading`)return;let r=e.total?Math.round(e.loaded*100/e.total):0;n.status.progress!==r&&Q(t,n.setStatus({type:`uploading`,abortController:n.status.abortController,progress:r}))},[q,Q]),he=(0,D.useCallback)((e,n)=>{let r=new AbortController,a=new w(n.name,n.size,U(),{type:`uploading`,abortController:r,progress:1});X(a),i.uploadFile(t,e.uploadUrl,n,e=>me(e,a.id),r.signal).then(()=>$(a.id,e)).catch(e=>{e instanceof DOMException&&e.name===`AbortError`||Q(a.id,a.setStatus({type:`error`,errorMessage:e?e.toString():`Unknown error`}))})},[X,t,U,$,me,Q,i]),ge=(0,D.useCallback)(e=>{let t=q(e);p(t)||(t.status.type===`uploading`&&t.status.abortController.abort(),t.status.type===`uploaded`&&t.status.fileUrls.deleteUrl&&i.deleteFile(t.status.fileUrls.deleteUrl),Z(e))},[q,Z,i]),_e=(0,D.useCallback)(e=>{if(e===null)return Promise.resolve();if(I.current)return I.current;S(e),T(!0),O(!1);let t=pe(e,`camera-input-${new Date().toISOString().replace(/:/g,`_`)}.jpg`).then(e=>i.fetchFileURLs([e]).then(t=>({file:e,fileUrls:t[0]}))).then(({file:e,fileUrls:t})=>he(t,e)).then(H).then(()=>{O(!0)}).catch(e=>{de.error(e)}).finally(()=>{I.current=null});return I.current=t,t},[i,he,H]),ve=(0,D.useCallback)(e=>{_e(e)},[_e]),ye=(0,D.useCallback)(()=>{v.length!==0&&(v.forEach(e=>ge(e.id)),S(null),j(!0))},[v,ge]);return(0,D.useEffect)(()=>{r.getFileUploaderStateValue(t)===void 0&&r.setFileUploaderStateValue(t,Y(v),{fromUi:!1},o)},[]),(0,D.useEffect)(()=>{if(W!==`ready`)return;let e=Y(v);n(e,r.getFileUploaderStateValue(t))||r.setFileUploaderStateValue(t,e,{fromUi:!0},o)},[W,v,r,t,o]),te({element:t,widgetMgr:r,onFormCleared:(0,D.useCallback)(()=>{y([]),S(null);let e=Y([]);r.setFileUploaderStateValue(t,e,{fromUi:!0},o)},[t,o,r])}),e.jsxs(M,{className:`stCameraInput`,"data-testid":`stCameraInput`,ref:d,children:[e.jsx(re,{label:t.label,disabled:a,labelVisibility:ne(t.labelVisibility?.value),children:t.help&&e.jsx(ie,{content:t.help,label:t.label})}),x?e.jsxs(e.Fragment,{children:[e.jsx(N,{width:l,children:x!==J&&e.jsx(oe,{src:x,alt:`Snapshot`,opacity:C||!E?`50%`:`100%`,width:l,height:l*9/16})}),e.jsx(z,{onClick:ye,progress:G,disabled:!!G||a,children:G?`Uploading...`:e.jsxs(ce,{children:[e.jsx(s,{content:A,margin:`0 xs 0 0`,size:`sm`}),` Clear photo`]})})]}):e.jsx(le,{handleCapture:ve,width:l,disabled:a,clearPhotoInProgress:k,setClearPhotoInProgress:j,facingMode:P,setFacingMode:K,testOverride:c})]})});export{X as default};

package/build/assets/{ChatInput-B6oFIFHm-uQa-NGtx.js → ChatInput-CFv2o38z-D_M_04yy.js}

@@ -1 +1 @@
-import{$r as e,E as t,Ha as n,It as r,J as i,N as a,Nt as o,Qt as s,Ra as c,S as l,Sn as u,Ta as d,Ut as f,Vr as p,Wa as m,dn as ee,fa as te,ii as h,la as ne,n as g,wn as _,x as re}from"./index-B4fa-n2i.js";import{t as ie}from"./useWaveformController-vz6xEIpB-By40P5gh.js";import{t as v}from"./UploadFileInfo-DdcsXhjv-WAP1L8Dh.js";import{a as ae,c as oe,i as se,n as y,o as b,p as x,r as S,s as ce,t as le}from"./utils-C0gaaqVX-vUUpSioz.js";import{t as ue}from"./InputInstructions-nOmuO-zQ-DLhhHeOF.js";import{n as de,t as fe}from"./useTextInputAutoExpand-CnKMosrs-B4eb5Sf7.js";import{t as pe}from"./inputUtils-DCYiajnz-CD44xxT-.js";var C=m(n(),1),w=C.forwardRef(function(e,t){return C.createElement(l,f({iconAttrs:{fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`},iconVerticalAlign:`middle`,iconViewBox:`0 0 24 24`},e,{ref:t}),C.createElement(`path`,{fill:`none`,d:`M0 0h24v24H0V0z`}),C.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`}))});w.displayName=`MicNone`;var T=C.forwardRef(function(e,t){return C.createElement(l,f({iconAttrs:{fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`},iconVerticalAlign:`middle`,iconViewBox:`0 0 24 24`},e,{ref:t}),C.createElement(`rect`,{width:24,height:24,fill:`none`}),C.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`}))});T.displayName=`Add`;var me=C.forwardRef(function(e,t){return C.createElement(l,f({iconAttrs:{fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`},iconVerticalAlign:`middle`,iconViewBox:`0 0 24 24`},e,{ref:t}),C.createElement(`path`,{fill:`none`,d:`M0 0h24v24H0V0z`}),C.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`}))});me.displayName=`ArrowUpward`;var he=C.forwardRef(function(e,t){return C.createElement(l,f({iconAttrs:{fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`},iconVerticalAlign:`middle`,iconViewBox:`0 0 24 24`},e,{ref:t}),C.createElement(`path`,{fill:`none`,d:`M0 0h24v24H0V0z`}),C.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`}))});he.displayName=`Check`;var ge=C.forwardRef(function(e,t){return C.createElement(l,f({iconAttrs:{fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`},iconVerticalAlign:`middle`,iconViewBox:`0 0 24 24`},e,{ref:t}),C.createElement(`path`,{fill:`none`,d:`M0 0h24v24H0V0z`}),C.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`}))});ge.displayName=`Close`;var _e=C.forwardRef(function(e,t){return C.createElement(l,f({iconAttrs:{fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`},iconVerticalAlign:`middle`,iconViewBox:`0 0 24 24`},e,{ref:t}),C.createElement(`rect`,{width:24,height:24,fill:`none`}),C.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`}))});_e.displayName=`ErrorOutline`;var E=h.getLogger(`ChatInput`),ve=_(`div`,{target:`e1d2x3se11`})(({isStretchHeight:e})=>({position:`relative`,display:`flex`,flexDirection:`column`,...e&&{height:`100%`}}),``),ye=_(`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}}),``),be=_(`div`,{target:`e1d2x3se9`})(({theme:e})=>({display:`flex`,flexWrap:`wrap`,gap:e.spacing.sm}),``),xe=_(`div`,{target:`e1d2x3se8`})(({theme:e,isStacked:t,hasExpandedHeight:n})=>({display:`flex`,flexDirection:n?`column`:`row`,alignItems:n?`stretch`:`center`,justifyContent:n?`flex-start`:`space-between`,width:`100%`,gap:e.spacing.sm,flexWrap:!n&&t?`wrap`:`nowrap`,...n&&{flex:1}}),``),Se=_(`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}),``),Ce=_(`div`,{target:`e1d2x3se6`})(({theme:e,hasExpandedHeight:t})=>({display:`flex`,flexDirection:`row`,flexShrink:0,gap:e.spacing.sm,alignItems:`center`,order:t?0:-1}),``),we=_(`div`,{target:`e1d2x3se5`})(({theme:e})=>({display:`flex`,flexDirection:`row`,gap:e.spacing.sm,alignItems:`center`}),``),Te=_(`div`,{target:`e1d2x3se4`})(({theme:e})=>({display:`flex`,flexDirection:`row`,justifyContent:`space-between`,alignItems:`center`,width:`100%`,gap:e.spacing.sm}),``),Ee=_(`div`,{target:`e1d2x3se3`})(({theme:e})=>({color:e.colors.fadedText60,fontSize:e.fontSizes.twoSm,textAlign:`right`,whiteSpace:`nowrap`,pointerEvents:`auto`,cursor:`text`,"& .stChatInputInstructions":{position:`static`}}),``),D=_(`button`,{target:`e1d2x3se2`})(({theme:e,disabled:t,hasError:n,primary:r})=>r?{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}}:{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:n?e.colors.redTextColor:t?e.colors.fadedText40:e.colors.fadedText60,pointerEvents:`auto`,"&:focus":{outline:`none`},":focus":{outline:`none`},"&:focus-visible":{boxShadow:e.shadows.focusRing},"&:hover":{color:n?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}},``),De=_(`div`,{target:`e1d2x3se1`})(({isRecording:e})=>({display:e?`flex`:`none`,flex:1,alignItems:`center`,minWidth:0}),``),Oe=_(`div`,{target:`e1d2x3se0`})(({theme:e})=>({position:`relative`,width:`100%`,height:e.sizes.chatInputPrimaryButtonSize,borderRadius:e.radii.default,overflow:`hidden`,"& > div":{position:`absolute`,inset:0}}),``),O=(e,t)=>t===g.Directory?{...e,webkitdirectory:``,multiple:!0}:e,ke=(e,t)=>x(e,t)?{isValid:!0}:{isValid:!1,errorMessage:`${e.type||`This type of`} files are not allowed.`},k=e=>{switch(e){case g.None:return`a file`;case g.Single:return`a file`;case g.Multiple:return`files`;case g.Directory:return`a directory`;default:return s(e),`a file`}},Ae=_(`div`,{target:`e3id6jz2`})(({theme:e})=>({backgroundColor:e.colors.transparent,position:`absolute`,inset:0,zIndex:e.zIndices.priority,borderRadius:e.radii.chatInput}),``),A=_(`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}),``),j=_(`div`,{target:`e3id6jz0`})(({disabled:e})=>({pointerEvents:e?`none`:`auto`}),``),je=(0,C.memo)(({onDrop:t,multiple:n,accept:r,maxSize:s,acceptFile:c,disabled:l,fileTypes:u})=>{let{getRootProps:d,getInputProps:f}=oe({onDrop:t,multiple:n,accept:r,maxSize:s,useFsAccessApi:!1}),p=O(f(),c),m=d({tabIndex:-1}),ee=()=>{let e=`Upload or drag and drop ${k(c)}`;return u&&u.length>0?`${e} (${b(u)})`:e};return e.jsxs(j,{"data-testid":`stChatInputFileUploadButton`,disabled:l,...m,children:[e.jsx(`input`,{...p}),e.jsx(o,{content:ee(),placement:i.TOP,onMouseEnterDelay:500,children:e.jsx(D,{type:`button`,disabled:l,"aria-label":`Upload ${k(c)}`,children:e.jsx(a,{content:T,size:`xl`,color:`inherit`})})})]})}),Me=(0,C.memo)(({getRootProps:t,getInputProps:n,acceptFile:r})=>{let i=O(n(),r);return e.jsxs(e.Fragment,{children:[e.jsx(Ae,{...t(),children:e.jsx(`input`,{...i})}),e.jsx(A,{children:`Drag and drop ${k(r)} here`})]})}),M=(e,t,n)=>{let r=[],i=[];return e.forEach(e=>{if(e.size>n){i.push({file:e,errors:[{code:S.FileTooLarge,message:`File is too large. Maximum size is ${n} bytes.`}]});return}let a=ke(e,t.fileType);if(!a.isValid){i.push({file:e,errors:[{code:S.FileInvalidType,message:a.errorMessage||`File type not allowed.`}]});return}r.push(e)}),{accepted:r,rejected:i}},Ne=({acceptMultipleFiles:e,maxFileSize:t,uploadClient:n,uploadFile:r,addFiles:i,getNextLocalFileId:a,deleteExistingFiles:o,onUploadComplete:s,element:l})=>(u,d)=>{if(u.length>0){let{accepted:e,rejected:n}=M(u,l,t);u=e,d=[...d,...n]}if(!e&&u.length===0&&d.length>1){let e=d.findIndex(e=>e.errors?.[0].code===S.TooManyFiles);e>=0&&(u.push(d[e].file),d.splice(e,1))}!e&&u.length>0&&o(),n.fetchFileURLs(u).then(e=>{c(e,u).forEach(([e,t])=>{r(e,t)})}).catch(e=>{i(u.map(t=>new v(t.name,t.size,a(),{type:`error`,errorMessage:e},t)))}),d.length>0&&i(d.map(e=>se(e,a(),t))),s()},Pe=({getNextLocalFileId:e,addFiles:t,updateFile:n,uploadClient:r,element:i,onUploadProgress:a,onUploadComplete:o})=>(s,c)=>{let l=c.webkitRelativePath||c.name,u=new AbortController,d=new v(l,c.size,e(),{type:`uploading`,abortController:u,progress:1},c);t([d]),r.uploadFile({formId:``,...i},s.uploadUrl,c,e=>a(e,d.id),u.signal).then(()=>o(d.id,s)).catch(e=>{e instanceof DOMException&&e.name===`AbortError`||n(d.id,d.setStatus({type:`error`,errorMessage:e?e.toString():`Unknown error`}))})};function Fe(e,t,n,r,i){return{Root:{style:{minHeight:r??e.sizes.chatInputTextareaMinHeight,outline:`none`,borderLeftWidth:`0`,borderRightWidth:`0`,borderTopWidth:`0`,borderBottomWidth:`0`,borderTopLeftRadius:`0`,borderTopRightRadius:`0`,borderBottomRightRadius:`0`,borderBottomLeftRadius:`0`,...n}},Input:{props:{"data-testid":`stChatInputTextArea`},style:{fontWeight:e.fontWeights.normal,lineHeight:e.lineHeights.inputWidget,"::placeholder":{color:e.colors.fadedText60},height:i?`100%`:t.isExtended?t.height:`auto`,maxHeight:i?`none`:t.maxHeight,overflowY:`auto`,paddingLeft:e.spacing.none,paddingRight:e.spacing.none,paddingBottom:e.spacing.twoXS,paddingTop:e.spacing.twoXS,width:`100%`}}}}var Ie=(e,t,n)=>n.map(n=>n.id===e?t:n),Le=(e,t)=>t.find(t=>t.id===e);function N({disabled:n,element:s,widgetMgr:c,fragmentId:l,uploadClient:f,heightConfig:m}){let h=te(),{placeholder:_,maxChars:v}=s,se=(0,C.useRef)(0),b=(0,C.useRef)(null),x=(0,C.useRef)(!1),S=(0,C.useRef)(null),T=(0,C.useRef)(null),{width:O,elementRef:ke}=ne(),{innerWidth:k,innerHeight:Ae}=d(),[A,j]=(0,C.useState)(s.default),[M,N]=(0,C.useState)([]),[P,Re]=(0,C.useState)(!1),[F,ze]=(0,C.useState)(!1),[I,L]=(0,C.useState)(null),[R,Be]=(0,C.useState)(!1),[Ve,He]=(0,C.useState)(0),z=s.acceptAudio??!1;(0,C.useEffect)(()=>()=>{T.current&&T.current.abort()},[]);let Ue=(0,C.useRef)(!1),B=de({textareaRef:b,dependencies:[_,R]}),{updateScrollHeight:We}=B;(0,C.useLayoutEffect)(()=>{O>0&&!Ue.current&&(Ue.current=!0,We())},[O,We]);let V=(0,C.useRef)(``),H=(0,C.useRef)(0),Ge=(0,C.useRef)(null),Ke=(0,C.useRef)(null),U=(0,C.useCallback)(e=>{let t=getComputedStyle(e);V.current=`${t.fontWeight} ${t.fontSize} ${t.fontFamily}`;let n=parseFloat(t.paddingLeft)||0,r=parseFloat(t.paddingRight)||0;H.current=e.clientWidth-n-r},[]);(0,C.useLayoutEffect)(()=>{let e=b.current;if(!e)return;U(e);let t=new ResizeObserver(()=>U(e));return t.observe(e),()=>t.disconnect()},[U,R]),(0,C.useEffect)(()=>{if(A===``){Be(!1);return}if(R)return;let e=b.current;if(!e||((H.current<=0||!V.current)&&U(e),H.current<=0||!V.current))return;Ge.current||(Ge.current=document.createElement(`canvas`),Ke.current=Ge.current.getContext(`2d`));let t=Ke.current;t&&(t.font=V.current,t.measureText(A).width>H.current-10&&Be(!0))},[A,R,U]);let W=(0,C.useMemo)(()=>M.some(e=>e.status.type===`uploading`)?!1:A!==``||M.length>0,[M,A]),G=ee(s.acceptFile),K=ae(s.maxUploadSizeMb,ce.Megabyte,ce.Byte),qe=(0,C.useCallback)(e=>N(t=>[...t,...e]),[]),Je=(0,C.useCallback)(e=>{e.status.type===`uploading`&&e.status.abortController.abort(),e.status.type===`uploaded`&&e.status.fileUrls.deleteUrl&&f.deleteFile(e.status.fileUrls.deleteUrl).catch(e=>{E.error(`Failed to delete file from server:`,e)})},[f]),Ye=(0,C.useCallback)(e=>{N(t=>{let n=Le(e,t);if(p(n))return t;Je(n);let r=t.filter(t=>t.id!==e);return r.length===0&&He(e=>e+1),r})},[Je]),Xe=(0,C.useRef)(null),Ze=(0,C.useCallback)(e=>{!e.file||e.status.type!==`error`||(N(t=>t.filter(t=>t.id!==e.id)),Xe.current&&Xe.current([e.file],[]))},[]),Qe=(0,C.useCallback)(()=>new t({uploadedFileInfo:M.filter(e=>e.status.type===`uploaded`).map(e=>{let{name:t,size:n,status:i}=e,{fileId:a,fileUrls:o}=i;return new r({fileId:a,fileUrls:o,name:t,size:n})})}),[M]),$e=()=>se.current++,q=Ne({acceptMultipleFiles:G===g.Multiple||G===g.Directory,maxFileSize:K,uploadClient:f,uploadFile:Pe({getNextLocalFileId:$e,addFiles:qe,updateFile:(e,t)=>{N(n=>Ie(e,t,n))},uploadClient:f,element:s,onUploadProgress:(e,t)=>{N(n=>{let r=Le(t,n);if(p(r)||r.status.type!==`uploading`)return n;let i=e.total?Math.round(e.loaded*100/e.total):0;return r.status.progress===i?n:Ie(t,r.setStatus({type:`uploading`,abortController:r.status.abortController,progress:i}),n)})},onUploadComplete:(e,t)=>{N(n=>{let r=Le(e,n);return p(r)||r.status.type!==`uploading`?n:Ie(r.id,r.setStatus({type:`uploaded`,fileId:t.fileId,fileUrls:t}),n)})}}),addFiles:qe,getNextLocalFileId:$e,deleteExistingFiles:()=>M.forEach(e=>Ye(e.id)),onUploadComplete:()=>{b.current&&b.current.focus()},element:s});Xe.current=q;let{getRootProps:et,getInputProps:tt}=oe({onDrop:q,multiple:G===g.Multiple||G===g.Directory,accept:y(s.fileType),maxSize:K,useFsAccessApi:!1}),J=(0,C.useCallback)(e=>{if(b.current&&b.current.focus(),!W&&!e||n)return;let t={data:A,fileUploaderState:Qe(),audioFileInfo:e};c.setChatInputValue(s,t,{fromUi:!0},l),M.length>0&&He(e=>e+1),N([]),j(``),Be(!1),B.clearScrollHeight()},[W,n,A,M.length,Qe,c,s,l,B]),nt=(0,C.useCallback)(async e=>{let t=new Date().toISOString().replace(/[:.]/g,`-`),n=new File([e],`audio-${t}.wav`,{type:`audio/wav`});try{ze(!0);let e=await f.fetchFileURLs([n]);if(e.length===0)throw Error(`Failed to get upload URL for audio file`);let t=e[0];T.current=new AbortController,await f.uploadFile({formId:``,...s},t.uploadUrl,n,()=>{},T.current.signal),J(new r({fileId:t.fileId,fileUrls:t,name:n.name,size:n.size}))}catch(e){E.error(`Audio upload failed:`,e),L(`Recording failed`),b.current&&b.current.focus()}finally{ze(!1)}},[f,s,J]),rt=(0,C.useMemo)(()=>({onApprove:nt,onPermissionDenied:()=>{let e=`Microphone access denied`;L(e),E.error(`Permission denied:`,e)},onError:e=>{L(`Recording failed`),E.error(`Recording error:`,e)},onRecordStart:()=>{L(null)}}),[nt]),Y=ie({containerRef:S,sampleRate:s.audioSampleRate??void 0,events:rt}),it=(0,C.useCallback)(()=>{J()},[J]),at=e=>{let{metaKey:t,ctrlKey:n,shiftKey:r}=e;pe(e)&&!r&&!n&&!t&&(e.preventDefault(),it())},ot=e=>{let{value:t}=e.target;v!==0&&t.length>v||(j(t),We(),I&&L(null))},st=(0,C.useCallback)(async e=>{e.preventDefault(),e.stopPropagation(),!(!z||n||Y.state===`recording`)&&await Y.start()},[z,n,Y]),ct=(0,C.useCallback)(()=>{Y.cancel(),b.current&&b.current.focus()},[Y]),lt=(0,C.useCallback)(async()=>{let{blob:e}=await Y.stop();await Y.approve(e)},[Y]),X=(0,C.useCallback)(e=>{st(e)},[st]),ut=(0,C.useCallback)(()=>{lt()},[lt]),dt=(0,C.useCallback)(()=>{b.current&&b.current.focus()},[]);(0,C.useEffect)(()=>{s.setValue&&!x.current&&(x.current=!0,j(s.value||``))},[s.setValue,s.value]),(0,C.useEffect)(()=>{x.current=!1},[s]),(0,C.useEffect)(()=>{let e=e=>{e.preventDefault(),e.stopPropagation(),!P&&e.dataTransfer?.types.includes(`Files`)&&Re(!0)},t=e=>{e.preventDefault(),e.stopPropagation(),P&&(e.clientX<=0&&e.clientY<=0||e.clientX>=k&&e.clientY>=Ae)&&Re(!1)},n=e=>{e.preventDefault(),e.stopPropagation(),P&&Re(!1)};return window.addEventListener(`dragover`,e),window.addEventListener(`drop`,n),window.addEventListener(`dragleave`,t),()=>{window.removeEventListener(`dragover`,e),window.removeEventListener(`drop`,n),window.removeEventListener(`dragleave`,t)}},[P,k,Ae]);let ft=G!==g.None&&P,Z=Y.state===`recording`,pt=!Z&&O>u(h.breakpoints.hideWidgetDetails)&&v>0,mt=(0,C.useMemo)(()=>{if(!(!m||m.useContent)){if(m.useStretch)return`100%`;if(m.pixelHeight&&m.pixelHeight>0){let e=parseInt(h.sizes.borderWidth,10)||1,t=u(h.spacing.md)*2+e*2;return`${Math.max(0,m.pixelHeight-t)}px`}}},[m,h.sizes.borderWidth,h.spacing.md]),Q=m?.useStretch??!1,ht=Q||(m?.pixelHeight??0)>0,$=ht||B.isExtended;return e.jsx(ve,{className:`stChatInput`,"data-testid":`stChatInput`,ref:ke,isStretchHeight:Q,children:e.jsxs(ye,{isStretchHeight:Q,children:[ft&&e.jsx(Me,{getRootProps:et,getInputProps:tt,acceptFile:G}),G!==g.None&&M.length>0&&e.jsx(be,{children:e.jsx(le,{items:[...M],onDelete:Ye,onRetry:Ze})}),e.jsxs(xe,{isStacked:R,hasExpandedHeight:$&&!Z,children:[!Z&&e.jsx(Se,{isStacked:R,hasExpandedHeight:$,children:e.jsx(fe,{inputRef:b,value:A,placeholder:_,onChange:ot,onKeyDown:at,"aria-label":_,disabled:n,rows:1,"aria-describedby":pt?`stChatInputInstructions`:void 0,overrides:Fe(h,B,{width:`100%`,...$?{flex:1}:{}},mt,ht)})}),$&&!Z?e.jsxs(Te,{children:[e.jsx(Ce,{hasExpandedHeight:!0,children:G!==g.None&&e.jsx(je,{onDrop:q,multiple:G===g.Multiple||G===g.Directory,accept:y(s.fileType),maxSize:K,acceptFile:G,disabled:n,fileTypes:s.fileType},Ve)}),e.jsxs(we,{children:[pt&&e.jsx(Ee,{onClick:dt,id:`stChatInputInstructions`,children:e.jsx(ue,{dirty:W,value:A,maxLength:v,type:`chat`,inForm:!1,className:`stChatInputInstructions`})}),z&&e.jsx(e.Fragment,{children:I?e.jsx(o,{content:I,placement:i.TOP,error:!0,children:e.jsx(D,{onClick:X,disabled:n||F,hasError:!0,"data-testid":`stChatInputMicButton`,"aria-label":`Start recording`,children:e.jsx(a,{content:_e,size:`xl`,color:`inherit`})})}):e.jsx(D,{onClick:X,disabled:n||F,"data-testid":`stChatInputMicButton`,"aria-label":`Start recording`,children:e.jsx(a,{content:w,size:`xl`,color:`inherit`})})}),e.jsx(D,{onClick:it,disabled:!W||n||F,"data-testid":`stChatInputSubmitButton`,"aria-label":`Send message`,primary:!0,children:e.jsx(a,{content:me,size:`lg`,color:`inherit`})})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(Ce,{hasExpandedHeight:!1,children:G!==g.None&&!Z&&e.jsx(je,{onDrop:q,multiple:G===g.Multiple||G===g.Directory,accept:y(s.fileType),maxSize:K,acceptFile:G,disabled:n,fileTypes:s.fileType},Ve)}),e.jsx(De,{isRecording:Z,children:e.jsx(Oe,{ref:S})}),e.jsx(we,{children:Z?e.jsxs(e.Fragment,{children:[e.jsx(D,{onClick:ct,disabled:n,"data-testid":`stChatInputCancelButton`,"aria-label":`Cancel recording`,children:e.jsx(a,{content:ge,size:`lg`,color:`inherit`})}),e.jsx(D,{onClick:ut,disabled:n||F,"data-testid":`stChatInputApproveButton`,"aria-label":`Submit recording`,children:F?e.jsx(re,{size:`lg`,iconValue:`spinner`}):e.jsx(a,{content:he,size:`lg`,color:`inherit`})})]}):e.jsxs(e.Fragment,{children:[pt&&e.jsx(Ee,{onClick:dt,id:`stChatInputInstructions`,children:e.jsx(ue,{dirty:W,value:A,maxLength:v,type:`chat`,inForm:!1,className:`stChatInputInstructions`})}),z&&e.jsx(e.Fragment,{children:I?e.jsx(o,{content:I,placement:i.TOP,error:!0,children:e.jsx(D,{onClick:X,disabled:n||F,hasError:!0,"data-testid":`stChatInputMicButton`,"aria-label":`Start recording`,children:e.jsx(a,{content:_e,size:`xl`,color:`inherit`})})}):e.jsx(D,{onClick:X,disabled:n||F,"data-testid":`stChatInputMicButton`,"aria-label":`Start recording`,children:e.jsx(a,{content:w,size:`xl`,color:`inherit`})})}),e.jsx(D,{onClick:it,disabled:!W||n||F,"data-testid":`stChatInputSubmitButton`,"aria-label":`Send message`,primary:!0,children:e.jsx(a,{content:me,size:`lg`,color:`inherit`})})]})})]})]})]})})}var P=(0,C.memo)(N);export{P as default};
+import{$r as e,E as t,Ha as n,It as r,J as i,N as a,Nt as o,Qt as s,Ra as c,S as l,Sn as u,Ta as d,Ut as f,Vr as p,Wa as m,dn as ee,fa as te,ii as h,la as ne,n as g,wn as _,x as re}from"./index-lR-QVdnh.js";import{t as ie}from"./useWaveformController-rxqEhP00-CEw8q0Aj.js";import{t as v}from"./UploadFileInfo-DdcsXhjv-WAP1L8Dh.js";import{a as ae,c as oe,i as se,n as y,o as b,p as x,r as S,s as ce,t as le}from"./utils-CotIDfd1-2L45u02v.js";import{t as ue}from"./InputInstructions-BQBBgzXB-CiqDziMj.js";import{n as de,t as fe}from"./useTextInputAutoExpand-D9pA1iXq-B_21ViwV.js";import{t as pe}from"./inputUtils-DCYiajnz-CD44xxT-.js";var C=m(n(),1),w=C.forwardRef(function(e,t){return C.createElement(l,f({iconAttrs:{fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`},iconVerticalAlign:`middle`,iconViewBox:`0 0 24 24`},e,{ref:t}),C.createElement(`path`,{fill:`none`,d:`M0 0h24v24H0V0z`}),C.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`}))});w.displayName=`MicNone`;var T=C.forwardRef(function(e,t){return C.createElement(l,f({iconAttrs:{fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`},iconVerticalAlign:`middle`,iconViewBox:`0 0 24 24`},e,{ref:t}),C.createElement(`rect`,{width:24,height:24,fill:`none`}),C.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`}))});T.displayName=`Add`;var me=C.forwardRef(function(e,t){return C.createElement(l,f({iconAttrs:{fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`},iconVerticalAlign:`middle`,iconViewBox:`0 0 24 24`},e,{ref:t}),C.createElement(`path`,{fill:`none`,d:`M0 0h24v24H0V0z`}),C.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`}))});me.displayName=`ArrowUpward`;var he=C.forwardRef(function(e,t){return C.createElement(l,f({iconAttrs:{fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`},iconVerticalAlign:`middle`,iconViewBox:`0 0 24 24`},e,{ref:t}),C.createElement(`path`,{fill:`none`,d:`M0 0h24v24H0V0z`}),C.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`}))});he.displayName=`Check`;var ge=C.forwardRef(function(e,t){return C.createElement(l,f({iconAttrs:{fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`},iconVerticalAlign:`middle`,iconViewBox:`0 0 24 24`},e,{ref:t}),C.createElement(`path`,{fill:`none`,d:`M0 0h24v24H0V0z`}),C.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`}))});ge.displayName=`Close`;var _e=C.forwardRef(function(e,t){return C.createElement(l,f({iconAttrs:{fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`},iconVerticalAlign:`middle`,iconViewBox:`0 0 24 24`},e,{ref:t}),C.createElement(`rect`,{width:24,height:24,fill:`none`}),C.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`}))});_e.displayName=`ErrorOutline`;var E=h.getLogger(`ChatInput`),ve=_(`div`,{target:`e1d2x3se11`})(({isStretchHeight:e})=>({position:`relative`,display:`flex`,flexDirection:`column`,...e&&{height:`100%`}}),``),ye=_(`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}}),``),be=_(`div`,{target:`e1d2x3se9`})(({theme:e})=>({display:`flex`,flexWrap:`wrap`,gap:e.spacing.sm}),``),xe=_(`div`,{target:`e1d2x3se8`})(({theme:e,isStacked:t,hasExpandedHeight:n})=>({display:`flex`,flexDirection:n?`column`:`row`,alignItems:n?`stretch`:`center`,justifyContent:n?`flex-start`:`space-between`,width:`100%`,gap:e.spacing.sm,flexWrap:!n&&t?`wrap`:`nowrap`,...n&&{flex:1}}),``),Se=_(`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}),``),Ce=_(`div`,{target:`e1d2x3se6`})(({theme:e,hasExpandedHeight:t})=>({display:`flex`,flexDirection:`row`,flexShrink:0,gap:e.spacing.sm,alignItems:`center`,order:t?0:-1}),``),we=_(`div`,{target:`e1d2x3se5`})(({theme:e})=>({display:`flex`,flexDirection:`row`,gap:e.spacing.sm,alignItems:`center`}),``),Te=_(`div`,{target:`e1d2x3se4`})(({theme:e})=>({display:`flex`,flexDirection:`row`,justifyContent:`space-between`,alignItems:`center`,width:`100%`,gap:e.spacing.sm}),``),Ee=_(`div`,{target:`e1d2x3se3`})(({theme:e})=>({color:e.colors.fadedText60,fontSize:e.fontSizes.twoSm,textAlign:`right`,whiteSpace:`nowrap`,pointerEvents:`auto`,cursor:`text`,"& .stChatInputInstructions":{position:`static`}}),``),D=_(`button`,{target:`e1d2x3se2`})(({theme:e,disabled:t,hasError:n,primary:r})=>r?{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}}:{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:n?e.colors.redTextColor:t?e.colors.fadedText40:e.colors.fadedText60,pointerEvents:`auto`,"&:focus":{outline:`none`},":focus":{outline:`none`},"&:focus-visible":{boxShadow:e.shadows.focusRing},"&:hover":{color:n?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}},``),De=_(`div`,{target:`e1d2x3se1`})(({isRecording:e})=>({display:e?`flex`:`none`,flex:1,alignItems:`center`,minWidth:0}),``),Oe=_(`div`,{target:`e1d2x3se0`})(({theme:e})=>({position:`relative`,width:`100%`,height:e.sizes.chatInputPrimaryButtonSize,borderRadius:e.radii.default,overflow:`hidden`,"& > div":{position:`absolute`,inset:0}}),``),O=(e,t)=>t===g.Directory?{...e,webkitdirectory:``,multiple:!0}:e,ke=(e,t)=>x(e,t)?{isValid:!0}:{isValid:!1,errorMessage:`${e.type||`This type of`} files are not allowed.`},k=e=>{switch(e){case g.None:return`a file`;case g.Single:return`a file`;case g.Multiple:return`files`;case g.Directory:return`a directory`;default:return s(e),`a file`}},Ae=_(`div`,{target:`e3id6jz2`})(({theme:e})=>({backgroundColor:e.colors.transparent,position:`absolute`,inset:0,zIndex:e.zIndices.priority,borderRadius:e.radii.chatInput}),``),A=_(`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}),``),j=_(`div`,{target:`e3id6jz0`})(({disabled:e})=>({pointerEvents:e?`none`:`auto`}),``),je=(0,C.memo)(({onDrop:t,multiple:n,accept:r,maxSize:s,acceptFile:c,disabled:l,fileTypes:u})=>{let{getRootProps:d,getInputProps:f}=oe({onDrop:t,multiple:n,accept:r,maxSize:s,useFsAccessApi:!1}),p=O(f(),c),m=d({tabIndex:-1}),ee=()=>{let e=`Upload or drag and drop ${k(c)}`;return u&&u.length>0?`${e} (${b(u)})`:e};return e.jsxs(j,{"data-testid":`stChatInputFileUploadButton`,disabled:l,...m,children:[e.jsx(`input`,{...p}),e.jsx(o,{content:ee(),placement:i.TOP,onMouseEnterDelay:500,children:e.jsx(D,{type:`button`,disabled:l,"aria-label":`Upload ${k(c)}`,children:e.jsx(a,{content:T,size:`xl`,color:`inherit`})})})]})}),Me=(0,C.memo)(({getRootProps:t,getInputProps:n,acceptFile:r})=>{let i=O(n(),r);return e.jsxs(e.Fragment,{children:[e.jsx(Ae,{...t(),children:e.jsx(`input`,{...i})}),e.jsx(A,{children:`Drag and drop ${k(r)} here`})]})}),M=(e,t,n)=>{let r=[],i=[];return e.forEach(e=>{if(e.size>n){i.push({file:e,errors:[{code:S.FileTooLarge,message:`File is too large. Maximum size is ${n} bytes.`}]});return}let a=ke(e,t.fileType);if(!a.isValid){i.push({file:e,errors:[{code:S.FileInvalidType,message:a.errorMessage||`File type not allowed.`}]});return}r.push(e)}),{accepted:r,rejected:i}},Ne=({acceptMultipleFiles:e,maxFileSize:t,uploadClient:n,uploadFile:r,addFiles:i,getNextLocalFileId:a,deleteExistingFiles:o,onUploadComplete:s,element:l})=>(u,d)=>{if(u.length>0){let{accepted:e,rejected:n}=M(u,l,t);u=e,d=[...d,...n]}if(!e&&u.length===0&&d.length>1){let e=d.findIndex(e=>e.errors?.[0].code===S.TooManyFiles);e>=0&&(u.push(d[e].file),d.splice(e,1))}!e&&u.length>0&&o(),n.fetchFileURLs(u).then(e=>{c(e,u).forEach(([e,t])=>{r(e,t)})}).catch(e=>{i(u.map(t=>new v(t.name,t.size,a(),{type:`error`,errorMessage:e},t)))}),d.length>0&&i(d.map(e=>se(e,a(),t))),s()},Pe=({getNextLocalFileId:e,addFiles:t,updateFile:n,uploadClient:r,element:i,onUploadProgress:a,onUploadComplete:o})=>(s,c)=>{let l=c.webkitRelativePath||c.name,u=new AbortController,d=new v(l,c.size,e(),{type:`uploading`,abortController:u,progress:1},c);t([d]),r.uploadFile({formId:``,...i},s.uploadUrl,c,e=>a(e,d.id),u.signal).then(()=>o(d.id,s)).catch(e=>{e instanceof DOMException&&e.name===`AbortError`||n(d.id,d.setStatus({type:`error`,errorMessage:e?e.toString():`Unknown error`}))})};function Fe(e,t,n,r,i){return{Root:{style:{minHeight:r??e.sizes.chatInputTextareaMinHeight,outline:`none`,borderLeftWidth:`0`,borderRightWidth:`0`,borderTopWidth:`0`,borderBottomWidth:`0`,borderTopLeftRadius:`0`,borderTopRightRadius:`0`,borderBottomRightRadius:`0`,borderBottomLeftRadius:`0`,...n}},Input:{props:{"data-testid":`stChatInputTextArea`},style:{fontWeight:e.fontWeights.normal,lineHeight:e.lineHeights.inputWidget,"::placeholder":{color:e.colors.fadedText60},height:i?`100%`:t.isExtended?t.height:`auto`,maxHeight:i?`none`:t.maxHeight,overflowY:`auto`,paddingLeft:e.spacing.none,paddingRight:e.spacing.none,paddingBottom:e.spacing.twoXS,paddingTop:e.spacing.twoXS,width:`100%`}}}}var Ie=(e,t,n)=>n.map(n=>n.id===e?t:n),Le=(e,t)=>t.find(t=>t.id===e);function N({disabled:n,element:s,widgetMgr:c,fragmentId:l,uploadClient:f,heightConfig:m}){let h=te(),{placeholder:_,maxChars:v}=s,se=(0,C.useRef)(0),b=(0,C.useRef)(null),x=(0,C.useRef)(!1),S=(0,C.useRef)(null),T=(0,C.useRef)(null),{width:O,elementRef:ke}=ne(),{innerWidth:k,innerHeight:Ae}=d(),[A,j]=(0,C.useState)(s.default),[M,N]=(0,C.useState)([]),[P,Re]=(0,C.useState)(!1),[F,ze]=(0,C.useState)(!1),[I,L]=(0,C.useState)(null),[R,Be]=(0,C.useState)(!1),[Ve,He]=(0,C.useState)(0),z=s.acceptAudio??!1;(0,C.useEffect)(()=>()=>{T.current&&T.current.abort()},[]);let Ue=(0,C.useRef)(!1),B=de({textareaRef:b,dependencies:[_,R]}),{updateScrollHeight:We}=B;(0,C.useLayoutEffect)(()=>{O>0&&!Ue.current&&(Ue.current=!0,We())},[O,We]);let V=(0,C.useRef)(``),H=(0,C.useRef)(0),Ge=(0,C.useRef)(null),Ke=(0,C.useRef)(null),U=(0,C.useCallback)(e=>{let t=getComputedStyle(e);V.current=`${t.fontWeight} ${t.fontSize} ${t.fontFamily}`;let n=parseFloat(t.paddingLeft)||0,r=parseFloat(t.paddingRight)||0;H.current=e.clientWidth-n-r},[]);(0,C.useLayoutEffect)(()=>{let e=b.current;if(!e)return;U(e);let t=new ResizeObserver(()=>U(e));return t.observe(e),()=>t.disconnect()},[U,R]),(0,C.useEffect)(()=>{if(A===``){Be(!1);return}if(R)return;let e=b.current;if(!e||((H.current<=0||!V.current)&&U(e),H.current<=0||!V.current))return;Ge.current||(Ge.current=document.createElement(`canvas`),Ke.current=Ge.current.getContext(`2d`));let t=Ke.current;t&&(t.font=V.current,t.measureText(A).width>H.current-10&&Be(!0))},[A,R,U]);let W=(0,C.useMemo)(()=>M.some(e=>e.status.type===`uploading`)?!1:A!==``||M.length>0,[M,A]),G=ee(s.acceptFile),K=ae(s.maxUploadSizeMb,ce.Megabyte,ce.Byte),qe=(0,C.useCallback)(e=>N(t=>[...t,...e]),[]),Je=(0,C.useCallback)(e=>{e.status.type===`uploading`&&e.status.abortController.abort(),e.status.type===`uploaded`&&e.status.fileUrls.deleteUrl&&f.deleteFile(e.status.fileUrls.deleteUrl).catch(e=>{E.error(`Failed to delete file from server:`,e)})},[f]),Ye=(0,C.useCallback)(e=>{N(t=>{let n=Le(e,t);if(p(n))return t;Je(n);let r=t.filter(t=>t.id!==e);return r.length===0&&He(e=>e+1),r})},[Je]),Xe=(0,C.useRef)(null),Ze=(0,C.useCallback)(e=>{!e.file||e.status.type!==`error`||(N(t=>t.filter(t=>t.id!==e.id)),Xe.current&&Xe.current([e.file],[]))},[]),Qe=(0,C.useCallback)(()=>new t({uploadedFileInfo:M.filter(e=>e.status.type===`uploaded`).map(e=>{let{name:t,size:n,status:i}=e,{fileId:a,fileUrls:o}=i;return new r({fileId:a,fileUrls:o,name:t,size:n})})}),[M]),$e=()=>se.current++,q=Ne({acceptMultipleFiles:G===g.Multiple||G===g.Directory,maxFileSize:K,uploadClient:f,uploadFile:Pe({getNextLocalFileId:$e,addFiles:qe,updateFile:(e,t)=>{N(n=>Ie(e,t,n))},uploadClient:f,element:s,onUploadProgress:(e,t)=>{N(n=>{let r=Le(t,n);if(p(r)||r.status.type!==`uploading`)return n;let i=e.total?Math.round(e.loaded*100/e.total):0;return r.status.progress===i?n:Ie(t,r.setStatus({type:`uploading`,abortController:r.status.abortController,progress:i}),n)})},onUploadComplete:(e,t)=>{N(n=>{let r=Le(e,n);return p(r)||r.status.type!==`uploading`?n:Ie(r.id,r.setStatus({type:`uploaded`,fileId:t.fileId,fileUrls:t}),n)})}}),addFiles:qe,getNextLocalFileId:$e,deleteExistingFiles:()=>M.forEach(e=>Ye(e.id)),onUploadComplete:()=>{b.current&&b.current.focus()},element:s});Xe.current=q;let{getRootProps:et,getInputProps:tt}=oe({onDrop:q,multiple:G===g.Multiple||G===g.Directory,accept:y(s.fileType),maxSize:K,useFsAccessApi:!1}),J=(0,C.useCallback)(e=>{if(b.current&&b.current.focus(),!W&&!e||n)return;let t={data:A,fileUploaderState:Qe(),audioFileInfo:e};c.setChatInputValue(s,t,{fromUi:!0},l),M.length>0&&He(e=>e+1),N([]),j(``),Be(!1),B.clearScrollHeight()},[W,n,A,M.length,Qe,c,s,l,B]),nt=(0,C.useCallback)(async e=>{let t=new Date().toISOString().replace(/[:.]/g,`-`),n=new File([e],`audio-${t}.wav`,{type:`audio/wav`});try{ze(!0);let e=await f.fetchFileURLs([n]);if(e.length===0)throw Error(`Failed to get upload URL for audio file`);let t=e[0];T.current=new AbortController,await f.uploadFile({formId:``,...s},t.uploadUrl,n,()=>{},T.current.signal),J(new r({fileId:t.fileId,fileUrls:t,name:n.name,size:n.size}))}catch(e){E.error(`Audio upload failed:`,e),L(`Recording failed`),b.current&&b.current.focus()}finally{ze(!1)}},[f,s,J]),rt=(0,C.useMemo)(()=>({onApprove:nt,onPermissionDenied:()=>{let e=`Microphone access denied`;L(e),E.error(`Permission denied:`,e)},onError:e=>{L(`Recording failed`),E.error(`Recording error:`,e)},onRecordStart:()=>{L(null)}}),[nt]),Y=ie({containerRef:S,sampleRate:s.audioSampleRate??void 0,events:rt}),it=(0,C.useCallback)(()=>{J()},[J]),at=e=>{let{metaKey:t,ctrlKey:n,shiftKey:r}=e;pe(e)&&!r&&!n&&!t&&(e.preventDefault(),it())},ot=e=>{let{value:t}=e.target;v!==0&&t.length>v||(j(t),We(),I&&L(null))},st=(0,C.useCallback)(async e=>{e.preventDefault(),e.stopPropagation(),!(!z||n||Y.state===`recording`)&&await Y.start()},[z,n,Y]),ct=(0,C.useCallback)(()=>{Y.cancel(),b.current&&b.current.focus()},[Y]),lt=(0,C.useCallback)(async()=>{let{blob:e}=await Y.stop();await Y.approve(e)},[Y]),X=(0,C.useCallback)(e=>{st(e)},[st]),ut=(0,C.useCallback)(()=>{lt()},[lt]),dt=(0,C.useCallback)(()=>{b.current&&b.current.focus()},[]);(0,C.useEffect)(()=>{s.setValue&&!x.current&&(x.current=!0,j(s.value||``))},[s.setValue,s.value]),(0,C.useEffect)(()=>{x.current=!1},[s]),(0,C.useEffect)(()=>{let e=e=>{e.preventDefault(),e.stopPropagation(),!P&&e.dataTransfer?.types.includes(`Files`)&&Re(!0)},t=e=>{e.preventDefault(),e.stopPropagation(),P&&(e.clientX<=0&&e.clientY<=0||e.clientX>=k&&e.clientY>=Ae)&&Re(!1)},n=e=>{e.preventDefault(),e.stopPropagation(),P&&Re(!1)};return window.addEventListener(`dragover`,e),window.addEventListener(`drop`,n),window.addEventListener(`dragleave`,t),()=>{window.removeEventListener(`dragover`,e),window.removeEventListener(`drop`,n),window.removeEventListener(`dragleave`,t)}},[P,k,Ae]);let ft=G!==g.None&&P,Z=Y.state===`recording`,pt=!Z&&O>u(h.breakpoints.hideWidgetDetails)&&v>0,mt=(0,C.useMemo)(()=>{if(!(!m||m.useContent)){if(m.useStretch)return`100%`;if(m.pixelHeight&&m.pixelHeight>0){let e=parseInt(h.sizes.borderWidth,10)||1,t=u(h.spacing.md)*2+e*2;return`${Math.max(0,m.pixelHeight-t)}px`}}},[m,h.sizes.borderWidth,h.spacing.md]),Q=m?.useStretch??!1,ht=Q||(m?.pixelHeight??0)>0,$=ht||B.isExtended;return e.jsx(ve,{className:`stChatInput`,"data-testid":`stChatInput`,ref:ke,isStretchHeight:Q,children:e.jsxs(ye,{isStretchHeight:Q,children:[ft&&e.jsx(Me,{getRootProps:et,getInputProps:tt,acceptFile:G}),G!==g.None&&M.length>0&&e.jsx(be,{children:e.jsx(le,{items:[...M],onDelete:Ye,onRetry:Ze})}),e.jsxs(xe,{isStacked:R,hasExpandedHeight:$&&!Z,children:[!Z&&e.jsx(Se,{isStacked:R,hasExpandedHeight:$,children:e.jsx(fe,{inputRef:b,value:A,placeholder:_,onChange:ot,onKeyDown:at,"aria-label":_,disabled:n,rows:1,"aria-describedby":pt?`stChatInputInstructions`:void 0,overrides:Fe(h,B,{width:`100%`,...$?{flex:1}:{}},mt,ht)})}),$&&!Z?e.jsxs(Te,{children:[e.jsx(Ce,{hasExpandedHeight:!0,children:G!==g.None&&e.jsx(je,{onDrop:q,multiple:G===g.Multiple||G===g.Directory,accept:y(s.fileType),maxSize:K,acceptFile:G,disabled:n,fileTypes:s.fileType},Ve)}),e.jsxs(we,{children:[pt&&e.jsx(Ee,{onClick:dt,id:`stChatInputInstructions`,children:e.jsx(ue,{dirty:W,value:A,maxLength:v,type:`chat`,inForm:!1,className:`stChatInputInstructions`})}),z&&e.jsx(e.Fragment,{children:I?e.jsx(o,{content:I,placement:i.TOP,error:!0,children:e.jsx(D,{onClick:X,disabled:n||F,hasError:!0,"data-testid":`stChatInputMicButton`,"aria-label":`Start recording`,children:e.jsx(a,{content:_e,size:`xl`,color:`inherit`})})}):e.jsx(D,{onClick:X,disabled:n||F,"data-testid":`stChatInputMicButton`,"aria-label":`Start recording`,children:e.jsx(a,{content:w,size:`xl`,color:`inherit`})})}),e.jsx(D,{onClick:it,disabled:!W||n||F,"data-testid":`stChatInputSubmitButton`,"aria-label":`Send message`,primary:!0,children:e.jsx(a,{content:me,size:`lg`,color:`inherit`})})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(Ce,{hasExpandedHeight:!1,children:G!==g.None&&!Z&&e.jsx(je,{onDrop:q,multiple:G===g.Multiple||G===g.Directory,accept:y(s.fileType),maxSize:K,acceptFile:G,disabled:n,fileTypes:s.fileType},Ve)}),e.jsx(De,{isRecording:Z,children:e.jsx(Oe,{ref:S})}),e.jsx(we,{children:Z?e.jsxs(e.Fragment,{children:[e.jsx(D,{onClick:ct,disabled:n,"data-testid":`stChatInputCancelButton`,"aria-label":`Cancel recording`,children:e.jsx(a,{content:ge,size:`lg`,color:`inherit`})}),e.jsx(D,{onClick:ut,disabled:n||F,"data-testid":`stChatInputApproveButton`,"aria-label":`Submit recording`,children:F?e.jsx(re,{size:`lg`,iconValue:`spinner`}):e.jsx(a,{content:he,size:`lg`,color:`inherit`})})]}):e.jsxs(e.Fragment,{children:[pt&&e.jsx(Ee,{onClick:dt,id:`stChatInputInstructions`,children:e.jsx(ue,{dirty:W,value:A,maxLength:v,type:`chat`,inForm:!1,className:`stChatInputInstructions`})}),z&&e.jsx(e.Fragment,{children:I?e.jsx(o,{content:I,placement:i.TOP,error:!0,children:e.jsx(D,{onClick:X,disabled:n||F,hasError:!0,"data-testid":`stChatInputMicButton`,"aria-label":`Start recording`,children:e.jsx(a,{content:_e,size:`xl`,color:`inherit`})})}):e.jsx(D,{onClick:X,disabled:n||F,"data-testid":`stChatInputMicButton`,"aria-label":`Start recording`,children:e.jsx(a,{content:w,size:`xl`,color:`inherit`})})}),e.jsx(D,{onClick:it,disabled:!W||n||F,"data-testid":`stChatInputSubmitButton`,"aria-label":`Send message`,primary:!0,children:e.jsx(a,{content:me,size:`lg`,color:`inherit`})})]})})]})]})]})})}var P=(0,C.memo)(N);export{P as default};

package/build/assets/{Checkbox-DkJE55dj-CY83TfqD.js → Checkbox-DWGcKBjY-KBwPglLJ.js}

@@ -1 +1 @@
-import{$r as e,Ha as t,J as n,Wa as r,ar as i,d as a,fa as o,ht as s,ni as c,pt as l,ut as u}from"./index-B4fa-n2i.js";import{n as d,r as f,t as p}from"./checkbox-SGVQt8CZ-CUyChNRB.js";import{t as m}from"./WidgetLabelHelpIconInline-DpAdsUdv-BJmzytr_.js";import{n as h}from"./useBasicWidgetState-BMBMOmTg-D4BUrDbU.js";var g=r(t(),1);function _({element:t,disabled:r,widgetMgr:_,fragmentId:S}){let[C,w]=h({getStateFromWidgetMgr:v,getDefaultStateFromProto:y,getCurrStateFromProto:b,updateWidgetMgrState:x,element:t,widgetMgr:_,fragmentId:S,formClearBehavior:`resetValueOnly`,queryParamBinding:t.queryParamKey?{paramKey:t.queryParamKey,valueType:`bool_value`,clearable:!1}:void 0}),T=(0,g.useCallback)(e=>{w({value:e.target.checked,fromUi:!0})},[w]),E=o(),{colors:D,spacing:O,sizes:k}=E,A=i(E),j=r?D.fadedText40:D.bodyText;return e.jsx(l,{className:`row-widget stCheckbox`,"data-testid":`stCheckbox`,children:e.jsx(d,{checked:C,disabled:r,onChange:T,"aria-label":t.label,checkmarkType:t.type===a.StyleType.TOGGLE?p.toggle:p.default,labelPlacement:f.right,overrides:{Root:{style:({$isFocusVisible:e})=>({marginBottom:O.none,marginTop:O.none,backgroundColor:e?D.darkenedBgMix25:``,display:`flex`,alignItems:`start`})},Toggle:{style:({$checked:e})=>{let t=A?D.bgColor:D.bodyText;return r&&(t=A?D.gray70:D.gray90),{width:`calc(${k.checkbox} - ${E.spacing.twoXS})`,height:`calc(${k.checkbox} - ${E.spacing.twoXS})`,transform:e?`translateX(${k.checkbox})`:``,backgroundColor:t,boxShadow:``}}},ToggleTrack:{style:({$checked:e,$isHovered:t})=>{let n=D.borderColor;return t&&!r&&(n=D.darkenedBgMix15),e&&!r&&(n=D.primary),{marginRight:0,marginLeft:0,marginBottom:0,marginTop:E.spacing.twoXS,paddingLeft:E.spacing.threeXS,paddingRight:E.spacing.threeXS,width:`calc(2 * ${k.checkbox})`,minWidth:`calc(2 * ${k.checkbox})`,height:k.checkbox,minHeight:k.checkbox,borderBottomLeftRadius:E.radii.full,borderTopLeftRadius:E.radii.full,borderBottomRightRadius:E.radii.full,borderTopRightRadius:E.radii.full,backgroundColor:n}}},Checkmark:{style:({$isFocusVisible:e,$checked:t})=>{let n=t&&!r?D.primary:D.borderColor;return{outline:0,width:k.checkbox,height:k.checkbox,marginTop:E.spacing.twoXS,marginLeft:0,marginBottom:0,boxShadow:e&&t?E.shadows.focusRing:``,borderLeftWidth:k.borderWidth,borderRightWidth:k.borderWidth,borderTopWidth:k.borderWidth,borderBottomWidth:k.borderWidth,borderLeftColor:n,borderRightColor:n,borderTopColor:n,borderBottomColor:n}}},Label:{style:{lineHeight:E.lineHeights.small,paddingLeft:E.spacing.sm,position:`relative`,color:j}}},children:e.jsxs(s,{visibility:c(t.labelVisibility?.value),"data-testid":`stWidgetLabel`,children:[e.jsx(u,{source:t.label,allowHTML:!1,isLabel:!0,largerLabel:!0}),t.help&&e.jsx(m,{content:t.help,placement:n.TOP_RIGHT,label:t.label})]})})})}function v(e,t){return e.getBoolValue(t)}function y(e){return e.default??!1}function b(e){return e.value??!1}function x(e,t,n,r){t.setBoolValue(e,n.value,{fromUi:n.fromUi},r)}var S=(0,g.memo)(_);export{S as default};
+import{$r as e,Ha as t,J as n,Wa as r,ar as i,d as a,fa as o,ht as s,ni as c,pt as l,ut as u}from"./index-lR-QVdnh.js";import{n as d,r as f,t as p}from"./checkbox-BlFkpHIT--ezfhS9t.js";import{t as m}from"./WidgetLabelHelpIconInline-BTmzKeRa-Duj2btUF.js";import{n as h}from"./useBasicWidgetState-D3zHnRUK-J72gaU7U.js";var g=r(t(),1);function _({element:t,disabled:r,widgetMgr:_,fragmentId:S}){let[C,w]=h({getStateFromWidgetMgr:v,getDefaultStateFromProto:y,getCurrStateFromProto:b,updateWidgetMgrState:x,element:t,widgetMgr:_,fragmentId:S,formClearBehavior:`resetValueOnly`,queryParamBinding:t.queryParamKey?{paramKey:t.queryParamKey,valueType:`bool_value`,clearable:!1}:void 0}),T=(0,g.useCallback)(e=>{w({value:e.target.checked,fromUi:!0})},[w]),E=o(),{colors:D,spacing:O,sizes:k}=E,A=i(E),j=r?D.fadedText40:D.bodyText;return e.jsx(l,{className:`row-widget stCheckbox`,"data-testid":`stCheckbox`,children:e.jsx(d,{checked:C,disabled:r,onChange:T,"aria-label":t.label,checkmarkType:t.type===a.StyleType.TOGGLE?p.toggle:p.default,labelPlacement:f.right,overrides:{Root:{style:({$isFocusVisible:e})=>({marginBottom:O.none,marginTop:O.none,backgroundColor:e?D.darkenedBgMix25:``,display:`flex`,alignItems:`start`})},Toggle:{style:({$checked:e})=>{let t=A?D.bgColor:D.bodyText;return r&&(t=A?D.gray70:D.gray90),{width:`calc(${k.checkbox} - ${E.spacing.twoXS})`,height:`calc(${k.checkbox} - ${E.spacing.twoXS})`,transform:e?`translateX(${k.checkbox})`:``,backgroundColor:t,boxShadow:``}}},ToggleTrack:{style:({$checked:e,$isHovered:t})=>{let n=D.borderColor;return t&&!r&&(n=D.darkenedBgMix15),e&&!r&&(n=D.primary),{marginRight:0,marginLeft:0,marginBottom:0,marginTop:E.spacing.twoXS,paddingLeft:E.spacing.threeXS,paddingRight:E.spacing.threeXS,width:`calc(2 * ${k.checkbox})`,minWidth:`calc(2 * ${k.checkbox})`,height:k.checkbox,minHeight:k.checkbox,borderBottomLeftRadius:E.radii.full,borderTopLeftRadius:E.radii.full,borderBottomRightRadius:E.radii.full,borderTopRightRadius:E.radii.full,backgroundColor:n}}},Checkmark:{style:({$isFocusVisible:e,$checked:t})=>{let n=t&&!r?D.primary:D.borderColor;return{outline:0,width:k.checkbox,height:k.checkbox,marginTop:E.spacing.twoXS,marginLeft:0,marginBottom:0,boxShadow:e&&t?E.shadows.focusRing:``,borderLeftWidth:k.borderWidth,borderRightWidth:k.borderWidth,borderTopWidth:k.borderWidth,borderBottomWidth:k.borderWidth,borderLeftColor:n,borderRightColor:n,borderTopColor:n,borderBottomColor:n}}},Label:{style:{lineHeight:E.lineHeights.small,paddingLeft:E.spacing.sm,position:`relative`,color:j}}},children:e.jsxs(s,{visibility:c(t.labelVisibility?.value),"data-testid":`stWidgetLabel`,children:[e.jsx(u,{source:t.label,allowHTML:!1,isLabel:!0,largerLabel:!0}),t.help&&e.jsx(m,{content:t.help,placement:n.TOP_RIGHT,label:t.label})]})})})}function v(e,t){return e.getBoolValue(t)}function y(e){return e.default??!1}function b(e){return e.value??!1}function x(e,t,n,r){t.setBoolValue(e,n.value,{fromUi:n.fromUi},r)}var S=(0,g.memo)(_);export{S as default};

package/build/assets/{ColorPicker-BMz1lxCB-B2MaPR-H.js → ColorPicker-DFXf_KfZ-CnAPoS0z.js}

@@ -1,4 +1,4 @@
-import{$r as e,Ha as t,J as n,Q as r,Sn as i,Wa as a,Wn as o,ct as s,er as c,fa as l,ni as u,pa as d,wn as f}from"./index-B4fa-n2i.js";import{C as p,D as m,E as h,F as g,L as _,M as v,N as y,O as b,P as ee,S as te,T as ne,_ as x,a as re,b as ie,c as ae,f as oe,g as se,j as ce,k as S,m as C,o as le,p as ue,r as de,s as fe,t as pe,u as me,v as w,w as he,y as ge}from"./_baseAssignValue-5yAp7ssZ-B_y2bL7u.js";import{t as _e}from"./WidgetLabel-UxhCOQGD-Outa0e9S.js";import{t as ve}from"./WidgetLabelHelpIconInline-DpAdsUdv-BJmzytr_.js";import{n as ye}from"./useBasicWidgetState-BMBMOmTg-D4BUrDbU.js";var T=a(t(),1),E={},D={},be,xe;function Se(){if(xe)return be;xe=1;var e=g(),t=fe(),n=he(),r=`[object String]`;function i(i){return typeof i==`string`||!t(i)&&n(i)&&e(i)==r}return be=i,be}var Ce,we;function Te(){if(we)return Ce;we=1;var e=v();function t(t){return typeof t==`function`?t:e}return Ce=t,Ce}var Ee,De;function Oe(){if(De)return Ee;De=1;var e=ge(),t=Te();function n(n,r){return n&&e(n,t(r))}return Ee=n,Ee}var ke,O;function Ae(){return O?ke:(O=1,ke=me()(Object.getPrototypeOf,Object),ke)}var je,Me;function Ne(){if(Me)return je;Me=1;var e=g(),t=Ae(),n=he(),r=`[object Object]`,i=Function.prototype,a=Object.prototype,o=i.toString,s=a.hasOwnProperty,c=o.call(Object);function l(i){if(!n(i)||e(i)!=r)return!1;var a=t(i);if(a===null)return!0;var l=s.call(a,`constructor`)&&a.constructor;return typeof l==`function`&&l instanceof l&&o.call(l)==c}return je=l,je}var Pe,Fe;function Ie(){if(Fe)return Pe;Fe=1;var e=ie(),t=ee();function n(n,r){var i=-1,a=t(n)?Array(n.length):[];return e(n,function(e,t,n){a[++i]=r(e,t,n)}),a}return Pe=n,Pe}var Le,Re;function ze(){if(Re)return Le;Re=1;var e=S(),t=te(),n=Ie(),r=fe();function i(i,a){return(r(i)?e:n)(i,t(a,3))}return Le=i,Le}var Be;function Ve(){if(Be)return D;Be=1,Object.defineProperty(D,"__esModule",{value:!0}),D.flattenNames=void 0;var e=i(Se()),t=i(Oe()),n=i(Ne()),r=i(ze());function i(e){return e&&e.__esModule?e:{default:e}}return D.default=D.flattenNames=function i(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],o=[];return(0,r.default)(a,function(r){Array.isArray(r)?i(r).map(function(e){return o.push(e)}):(0,n.default)(r)?(0,t.default)(r,function(e,t){e===!0&&o.push(t),o.push(t+`-`+e)}):(0,e.default)(r)&&o.push(r)}),o},D}var He={},Ue,We;function Ge(){if(We)return Ue;We=1;function e(e,t){for(var n=-1,r=e==null?0:e.length;++n<r&&t(e[n],n,e)!==!1;);return e}return Ue=e,Ue}var Ke,qe;function Je(){if(qe)return Ke;qe=1;var e=ce(),t=ae(),n=Object.prototype.hasOwnProperty;function r(r,i,a){var o=r[i];(!(n.call(r,i)&&t(o,a))||a===void 0&&!(i in r))&&e(r,i,a)}return Ke=r,Ke}var Ye,Xe;function Ze(){if(Xe)return Ye;Xe=1;var e=Je(),t=ce();function n(n,r,i,a){var o=!i;i||={};for(var s=-1,c=r.length;++s<c;){var l=r[s],u=a?a(i[l],n[l],l,i,n):void 0;u===void 0&&(u=n[l]),o?t(i,l,u):e(i,l,u)}return i}return Ye=n,Ye}var Qe,$e;function et(){if($e)return Qe;$e=1;var e=Ze(),t=p();function n(n,r){return n&&e(r,t(r),n)}return Qe=n,Qe}var tt,nt;function rt(){if(nt)return tt;nt=1;function e(e){var t=[];if(e!=null)for(var n in Object(e))t.push(n);return t}return tt=e,tt}var it,at;function ot(){if(at)return it;at=1;var e=b(),t=x(),n=rt(),r=Object.prototype.hasOwnProperty;function i(i){if(!e(i))return n(i);var a=t(i),o=[];for(var s in i)s==`constructor`&&(a||!r.call(i,s))||o.push(s);return o}return it=i,it}var st,ct;function lt(){if(ct)return st;ct=1;var e=C(),t=ot(),n=ee();function r(r){return n(r)?e(r,!0):t(r)}return st=r,st}var ut,dt;function ft(){if(dt)return ut;dt=1;var e=Ze(),t=lt();function n(n,r){return n&&e(r,t(r),n)}return ut=n,ut}var pt={exports:{}};pt.exports;var mt;function ht(){return mt||(mt=1,function(e,t){var n=y(),r=t&&!t.nodeType&&t,i=r&&e&&!e.nodeType&&e,a=i&&i.exports===r?n.Buffer:void 0,o=a?a.allocUnsafe:void 0;function s(e,t){if(t)return e.slice();var n=e.length,r=o?o(n):new e.constructor(n);return e.copy(r),r}e.exports=s}(pt,pt.exports)),pt.exports}var gt,_t;function vt(){if(_t)return gt;_t=1;function e(e,t){var n=-1,r=e.length;for(t||=Array(r);++n<r;)t[n]=e[n];return t}return gt=e,gt}var yt,bt;function xt(){if(bt)return yt;bt=1;var e=Ze(),t=_();function n(n,r){return e(n,t(n),r)}return yt=n,yt}var St,Ct;function wt(){if(Ct)return St;Ct=1;var e=le(),t=Ae(),n=_(),r=oe();return St=Object.getOwnPropertySymbols?function(r){for(var i=[];r;)e(i,n(r)),r=t(r);return i}:r,St}var Tt,Et;function Dt(){if(Et)return Tt;Et=1;var e=Ze(),t=wt();function n(n,r){return e(n,t(n),r)}return Tt=n,Tt}var Ot,kt;function At(){if(kt)return Ot;kt=1;var e=pe(),t=wt(),n=lt();function r(r){return e(r,n,t)}return Ot=r,Ot}var jt,Mt;function Nt(){if(Mt)return jt;Mt=1;var e=Object.prototype.hasOwnProperty;function t(t){var n=t.length,r=new t.constructor(n);return n&&typeof t[0]==`string`&&e.call(t,`index`)&&(r.index=t.index,r.input=t.input),r}return jt=t,jt}var Pt,Ft;function It(){if(Ft)return Pt;Ft=1;var e=ne();function t(t){var n=new t.constructor(t.byteLength);return new e(n).set(new e(t)),n}return Pt=t,Pt}var Lt,Rt;function zt(){if(Rt)return Lt;Rt=1;var e=It();function t(t,n){var r=n?e(t.buffer):t.buffer;return new t.constructor(r,t.byteOffset,t.byteLength)}return Lt=t,Lt}var Bt,Vt;function Ht(){if(Vt)return Bt;Vt=1;var e=/\w*$/;function t(t){var n=new t.constructor(t.source,e.exec(t));return n.lastIndex=t.lastIndex,n}return Bt=t,Bt}var Ut,Wt;function Gt(){if(Wt)return Ut;Wt=1;var e=re(),t=e?e.prototype:void 0,n=t?t.valueOf:void 0;function r(e){return n?Object(n.call(e)):{}}return Ut=r,Ut}var Kt,qt;function Jt(){if(qt)return Kt;qt=1;var e=It();function t(t,n){var r=n?e(t.buffer):t.buffer;return new t.constructor(r,t.byteOffset,t.length)}return Kt=t,Kt}var Yt,Xt;function Zt(){if(Xt)return Yt;Xt=1;var e=It(),t=zt(),n=Ht(),r=Gt(),i=Jt(),a=`[object Boolean]`,o=`[object Date]`,s=`[object Map]`,c=`[object Number]`,l=`[object RegExp]`,u=`[object Set]`,d=`[object String]`,f=`[object Symbol]`,p=`[object ArrayBuffer]`,m=`[object DataView]`,h=`[object Float32Array]`,g=`[object Float64Array]`,_=`[object Int8Array]`,v=`[object Int16Array]`,y=`[object Int32Array]`,b=`[object Uint8Array]`,ee=`[object Uint8ClampedArray]`,te=`[object Uint16Array]`,ne=`[object Uint32Array]`;function x(x,re,ie){var ae=x.constructor;switch(re){case p:return e(x);case a:case o:return new ae(+x);case m:return t(x,ie);case h:case g:case _:case v:case y:case b:case ee:case te:case ne:return i(x,ie);case s:return new ae;case c:case d:return new ae(x);case l:return n(x);case u:return new ae;case f:return r(x)}}return Yt=x,Yt}var Qt,$t;function en(){if($t)return Qt;$t=1;var e=b(),t=Object.create;return Qt=function(){function n(){}return function(r){if(!e(r))return{};if(t)return t(r);n.prototype=r;var i=new n;return n.prototype=void 0,i}}(),Qt}var tn,nn;function rn(){if(nn)return tn;nn=1;var e=en(),t=Ae(),n=x();function r(r){return typeof r.constructor==`function`&&!n(r)?e(t(r)):{}}return tn=r,tn}var an,on;function sn(){if(on)return an;on=1;var e=ue(),t=he(),n=`[object Map]`;function r(r){return t(r)&&e(r)==n}return an=r,an}var cn,ln;function un(){if(ln)return cn;ln=1;var e=sn(),t=se(),n=w(),r=n&&n.isMap;return cn=r?t(r):e,cn}var dn,fn;function pn(){if(fn)return dn;fn=1;var e=ue(),t=he(),n=`[object Set]`;function r(r){return t(r)&&e(r)==n}return dn=r,dn}var mn,hn;function gn(){if(hn)return mn;hn=1;var e=pn(),t=se(),n=w(),r=n&&n.isSet;return mn=r?t(r):e,mn}var _n,vn;function yn(){if(vn)return _n;vn=1;var e=de(),t=Ge(),n=Je(),r=et(),i=ft(),a=ht(),o=vt(),s=xt(),c=Dt(),l=h(),u=At(),d=ue(),f=Nt(),g=Zt(),_=rn(),v=fe(),y=m(),ee=un(),te=b(),ne=gn(),x=p(),re=lt(),ie=1,ae=2,oe=4,se=`[object Arguments]`,ce=`[object Array]`,S=`[object Boolean]`,C=`[object Date]`,le=`[object Error]`,pe=`[object Function]`,me=`[object GeneratorFunction]`,w=`[object Map]`,he=`[object Number]`,ge=`[object Object]`,_e=`[object RegExp]`,ve=`[object Set]`,ye=`[object String]`,T=`[object Symbol]`,E=`[object WeakMap]`,D=`[object ArrayBuffer]`,be=`[object DataView]`,xe=`[object Float32Array]`,Se=`[object Float64Array]`,Ce=`[object Int8Array]`,we=`[object Int16Array]`,Te=`[object Int32Array]`,Ee=`[object Uint8Array]`,De=`[object Uint8ClampedArray]`,Oe=`[object Uint16Array]`,ke=`[object Uint32Array]`,O={};O[se]=O[ce]=O[D]=O[be]=O[S]=O[C]=O[xe]=O[Se]=O[Ce]=O[we]=O[Te]=O[w]=O[he]=O[ge]=O[_e]=O[ve]=O[ye]=O[T]=O[Ee]=O[De]=O[Oe]=O[ke]=!0,O[le]=O[pe]=O[E]=!1;function Ae(p,m,h,b,ce,S){var C,le=m&ie,ue=m&ae,de=m&oe;if(h&&(C=ce?h(p,b,ce,S):h(p)),C!==void 0)return C;if(!te(p))return p;var fe=v(p);if(fe){if(C=f(p),!le)return o(p,C)}else{var w=d(p),he=w==pe||w==me;if(y(p))return a(p,le);if(w==ge||w==se||he&&!ce){if(C=ue||he?{}:_(p),!le)return ue?c(p,i(C,p)):s(p,r(C,p))}else{if(!O[w])return ce?p:{};C=g(p,w,le)}}S||=new e;var _e=S.get(p);if(_e)return _e;S.set(p,C),ne(p)?p.forEach(function(e){C.add(Ae(e,m,h,e,p,S))}):ee(p)&&p.forEach(function(e,t){C.set(t,Ae(e,m,h,t,p,S))});var ve=fe?void 0:(de?ue?u:l:ue?re:x)(p);return t(ve||p,function(e,t){ve&&(t=e,e=p[t]),n(C,t,Ae(e,m,h,t,p,S))}),C}return _n=Ae,_n}var bn,xn;function Sn(){if(xn)return bn;xn=1;var e=yn(),t=1,n=4;function r(r){return e(r,t|n)}return bn=r,bn}var Cn;function wn(){if(Cn)return He;Cn=1,Object.defineProperty(He,"__esModule",{value:!0}),He.mergeClasses=void 0;var e=r(Oe()),t=r(Sn()),n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};function r(e){return e&&e.__esModule?e:{default:e}}return He.default=He.mergeClasses=function(r){var i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],a=r.default&&(0,t.default)(r.default)||{};return i.map(function(t){var i=r[t];return i&&(0,e.default)(i,function(e,t){a[t]||(a[t]={}),a[t]=n({},a[t],i[t])}),t}),a},He}var Tn={},En;function Dn(){if(En)return Tn;En=1,Object.defineProperty(Tn,"__esModule",{value:!0}),Tn.autoprefix=void 0;var e=n(Oe()),t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};function n(e){return e&&e.__esModule?e:{default:e}}var r={borderRadius:function(e){return{msBorderRadius:e,MozBorderRadius:e,OBorderRadius:e,WebkitBorderRadius:e,borderRadius:e}},boxShadow:function(e){return{msBoxShadow:e,MozBoxShadow:e,OBoxShadow:e,WebkitBoxShadow:e,boxShadow:e}},userSelect:function(e){return{WebkitTouchCallout:e,KhtmlUserSelect:e,MozUserSelect:e,msUserSelect:e,WebkitUserSelect:e,userSelect:e}},flex:function(e){return{WebkitBoxFlex:e,MozBoxFlex:e,WebkitFlex:e,msFlex:e,flex:e}},flexBasis:function(e){return{WebkitFlexBasis:e,flexBasis:e}},justifyContent:function(e){return{WebkitJustifyContent:e,justifyContent:e}},transition:function(e){return{msTransition:e,MozTransition:e,OTransition:e,WebkitTransition:e,transition:e}},transform:function(e){return{msTransform:e,MozTransform:e,OTransform:e,WebkitTransform:e,transform:e}},absolute:function(e){var t=e&&e.split(` `);return{position:`absolute`,top:t&&t[0],right:t&&t[1],bottom:t&&t[2],left:t&&t[3]}},extend:function(e,t){return t[e]||{extend:e}}};return Tn.default=Tn.autoprefix=function(n){var i={};return(0,e.default)(n,function(n,a){var o={};(0,e.default)(n,function(e,n){var i=r[n];i?o=t({},o,i(e)):o[n]=e}),i[a]=o}),i},Tn}var On={},kn;function An(){if(kn)return On;kn=1,Object.defineProperty(On,"__esModule",{value:!0}),On.hover=void 0;var e=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},t=n(T.default);function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw TypeError(`Cannot call a class as a function`)}function i(e,t){if(!e)throw ReferenceError(`this hasn't been initialised - super() hasn't been called`);return t&&(typeof t==`object`||typeof t==`function`)?t:e}function a(e,t){if(typeof t!=`function`&&t!==null)throw 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)}return On.default=On.hover=function(n){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:`span`;return function(s){a(c,s);function c(){var a,s,l,u;r(this,c);var d=[...arguments];return u=(s=(l=i(this,(a=c.__proto__||Object.getPrototypeOf(c)).call.apply(a,[this].concat(d))),l),l.state={hover:!1},l.handleMouseOver=function(){return l.setState({hover:!0})},l.handleMouseOut=function(){return l.setState({hover:!1})},l.render=function(){return t.default.createElement(o,{onMouseOver:l.handleMouseOver,onMouseOut:l.handleMouseOut},t.default.createElement(n,e({},l.props,l.state)))},s),i(l,u)}return c}(t.default.Component)},On}var jn={},Mn;function Nn(){if(Mn)return jn;Mn=1,Object.defineProperty(jn,"__esModule",{value:!0}),jn.active=void 0;var e=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},t=n(T.default);function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw TypeError(`Cannot call a class as a function`)}function i(e,t){if(!e)throw ReferenceError(`this hasn't been initialised - super() hasn't been called`);return t&&(typeof t==`object`||typeof t==`function`)?t:e}function a(e,t){if(typeof t!=`function`&&t!==null)throw 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)}return jn.default=jn.active=function(n){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:`span`;return function(s){a(c,s);function c(){var a,s,l,u;r(this,c);var d=[...arguments];return u=(s=(l=i(this,(a=c.__proto__||Object.getPrototypeOf(c)).call.apply(a,[this].concat(d))),l),l.state={active:!1},l.handleMouseDown=function(){return l.setState({active:!0})},l.handleMouseUp=function(){return l.setState({active:!1})},l.render=function(){return t.default.createElement(o,{onMouseDown:l.handleMouseDown,onMouseUp:l.handleMouseUp},t.default.createElement(n,e({},l.props,l.state)))},s),i(l,u)}return c}(t.default.Component)},jn}var Pn={},Fn;function In(){return Fn?Pn:(Fn=1,Object.defineProperty(Pn,"__esModule",{value:!0}),Pn.default=function(e,t){var n={},r=function(e){n[e]=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0};return e===0&&r(`first-child`),e===t-1&&r(`last-child`),(e===0||e%2==0)&&r(`even`),Math.abs(e%2)===1&&r(`odd`),r(`nth-child`,e),n},Pn)}var Ln;function Rn(){if(Ln)return E;Ln=1,Object.defineProperty(E,"__esModule",{value:!0}),E.ReactCSS=E.loop=E.handleActive=E.handleHover=E.hover=void 0;var e=o(Ve()),t=o(wn()),n=o(Dn()),r=o(An()),i=o(Nn()),a=o(In());function o(e){return e&&e.__esModule?e:{default:e}}return E.hover=r.default,E.handleHover=r.default,E.handleActive=i.default,E.loop=a.default,E.default=E.ReactCSS=function(r){var i=[...arguments].slice(1),a=(0,e.default)(i),o=(0,t.default)(r,a);return(0,n.default)(o)},E}var zn=Rn(),k=o(zn),Bn=function(e,t,n,r,i){var a=i.clientWidth,o=i.clientHeight,s=typeof e.pageX==`number`?e.pageX:e.touches[0].pageX,c=typeof e.pageY==`number`?e.pageY:e.touches[0].pageY,l=s-(i.getBoundingClientRect().left+window.pageXOffset),u=c-(i.getBoundingClientRect().top+window.pageYOffset);if(n===`vertical`){var d=void 0;if(d=u<0?0:u>o?1:Math.round(u*100/o)/100,t.a!==d)return{h:t.h,s:t.s,l:t.l,a:d,source:`rgb`}}else{var f=void 0;if(f=l<0?0:l>a?1:Math.round(l*100/a)/100,r!==f)return{h:t.h,s:t.s,l:t.l,a:f,source:`rgb`}}return null},Vn={},Hn=function(e,t,n,r){if(typeof document>`u`&&!r)return null;var i=r?new r:document.createElement(`canvas`);i.width=n*2,i.height=n*2;var a=i.getContext(`2d`);return a?(a.fillStyle=e,a.fillRect(0,0,i.width,i.height),a.fillStyle=t,a.fillRect(0,0,n,n),a.translate(n,n),a.fillRect(0,0,n,n),i.toDataURL()):null},Un=function(e,t,n,r){var i=e+`-`+t+`-`+n+(r?`-server`:``);if(Vn[i])return Vn[i];var a=Hn(e,t,n,r);return Vn[i]=a,a},Wn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Gn=function(e){var t=e.white,n=e.grey,r=e.size,i=e.renderers,a=e.borderRadius,o=e.boxShadow,s=e.children,c=k({default:{grid:{borderRadius:a,boxShadow:o,absolute:`0px 0px 0px 0px`,background:`url(`+Un(t,n,r,i.canvas)+`) center left`}}});return(0,T.isValidElement)(s)?T.cloneElement(s,Wn({},s.props,{style:Wn({},s.props.style,c.grid)})):T.createElement(`div`,{style:c.grid})};Gn.defaultProps={size:8,white:`transparent`,grey:`rgba(0,0,0,.08)`,renderers:{}};var Kn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},qn=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,`value`in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();function Jn(e,t){if(!(e instanceof t))throw TypeError(`Cannot call a class as a function`)}function Yn(e,t){if(!e)throw ReferenceError(`this hasn't been initialised - super() hasn't been called`);return t&&(typeof t==`object`||typeof t==`function`)?t:e}function Xn(e,t){if(typeof t!=`function`&&t!==null)throw 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 Zn=function(e){Xn(t,e);function t(){var e,n,r,i;Jn(this,t);var a=[...arguments];return i=(n=(r=Yn(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r),r.handleChange=function(e){var t=Bn(e,r.props.hsl,r.props.direction,r.props.a,r.container);t&&typeof r.props.onChange==`function`&&r.props.onChange(t,e)},r.handleMouseDown=function(e){r.handleChange(e),window.addEventListener(`mousemove`,r.handleChange),window.addEventListener(`mouseup`,r.handleMouseUp)},r.handleMouseUp=function(){r.unbindEventListeners()},r.unbindEventListeners=function(){window.removeEventListener(`mousemove`,r.handleChange),window.removeEventListener(`mouseup`,r.handleMouseUp)},n),Yn(r,i)}return qn(t,[{key:`componentWillUnmount`,value:function(){this.unbindEventListeners()}},{key:`render`,value:function(){var e=this,t=this.props.rgb,n=k({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(`+t.r+`,`+t.g+`,`+t.b+`, 0) 0%,
+import{$r as e,Ha as t,J as n,Q as r,Sn as i,Wa as a,Wn as o,ct as s,er as c,fa as l,ni as u,pa as d,wn as f}from"./index-lR-QVdnh.js";import{C as p,D as m,E as h,F as g,L as _,M as v,N as y,O as b,P as ee,S as te,T as ne,_ as x,a as re,b as ie,c as ae,f as oe,g as se,j as ce,k as S,m as C,o as le,p as ue,r as de,s as fe,t as pe,u as me,v as w,w as he,y as ge}from"./_baseAssignValue-CvLdsscI-CrqCsrMj.js";import{t as _e}from"./WidgetLabel-CQfHGtry-H2bBW1_F.js";import{t as ve}from"./WidgetLabelHelpIconInline-BTmzKeRa-Duj2btUF.js";import{n as ye}from"./useBasicWidgetState-D3zHnRUK-J72gaU7U.js";var T=a(t(),1),E={},D={},be,xe;function Se(){if(xe)return be;xe=1;var e=g(),t=fe(),n=he(),r=`[object String]`;function i(i){return typeof i==`string`||!t(i)&&n(i)&&e(i)==r}return be=i,be}var Ce,we;function Te(){if(we)return Ce;we=1;var e=v();function t(t){return typeof t==`function`?t:e}return Ce=t,Ce}var Ee,De;function Oe(){if(De)return Ee;De=1;var e=ge(),t=Te();function n(n,r){return n&&e(n,t(r))}return Ee=n,Ee}var ke,O;function Ae(){return O?ke:(O=1,ke=me()(Object.getPrototypeOf,Object),ke)}var je,Me;function Ne(){if(Me)return je;Me=1;var e=g(),t=Ae(),n=he(),r=`[object Object]`,i=Function.prototype,a=Object.prototype,o=i.toString,s=a.hasOwnProperty,c=o.call(Object);function l(i){if(!n(i)||e(i)!=r)return!1;var a=t(i);if(a===null)return!0;var l=s.call(a,`constructor`)&&a.constructor;return typeof l==`function`&&l instanceof l&&o.call(l)==c}return je=l,je}var Pe,Fe;function Ie(){if(Fe)return Pe;Fe=1;var e=ie(),t=ee();function n(n,r){var i=-1,a=t(n)?Array(n.length):[];return e(n,function(e,t,n){a[++i]=r(e,t,n)}),a}return Pe=n,Pe}var Le,Re;function ze(){if(Re)return Le;Re=1;var e=S(),t=te(),n=Ie(),r=fe();function i(i,a){return(r(i)?e:n)(i,t(a,3))}return Le=i,Le}var Be;function Ve(){if(Be)return D;Be=1,Object.defineProperty(D,"__esModule",{value:!0}),D.flattenNames=void 0;var e=i(Se()),t=i(Oe()),n=i(Ne()),r=i(ze());function i(e){return e&&e.__esModule?e:{default:e}}return D.default=D.flattenNames=function i(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],o=[];return(0,r.default)(a,function(r){Array.isArray(r)?i(r).map(function(e){return o.push(e)}):(0,n.default)(r)?(0,t.default)(r,function(e,t){e===!0&&o.push(t),o.push(t+`-`+e)}):(0,e.default)(r)&&o.push(r)}),o},D}var He={},Ue,We;function Ge(){if(We)return Ue;We=1;function e(e,t){for(var n=-1,r=e==null?0:e.length;++n<r&&t(e[n],n,e)!==!1;);return e}return Ue=e,Ue}var Ke,qe;function Je(){if(qe)return Ke;qe=1;var e=ce(),t=ae(),n=Object.prototype.hasOwnProperty;function r(r,i,a){var o=r[i];(!(n.call(r,i)&&t(o,a))||a===void 0&&!(i in r))&&e(r,i,a)}return Ke=r,Ke}var Ye,Xe;function Ze(){if(Xe)return Ye;Xe=1;var e=Je(),t=ce();function n(n,r,i,a){var o=!i;i||={};for(var s=-1,c=r.length;++s<c;){var l=r[s],u=a?a(i[l],n[l],l,i,n):void 0;u===void 0&&(u=n[l]),o?t(i,l,u):e(i,l,u)}return i}return Ye=n,Ye}var Qe,$e;function et(){if($e)return Qe;$e=1;var e=Ze(),t=p();function n(n,r){return n&&e(r,t(r),n)}return Qe=n,Qe}var tt,nt;function rt(){if(nt)return tt;nt=1;function e(e){var t=[];if(e!=null)for(var n in Object(e))t.push(n);return t}return tt=e,tt}var it,at;function ot(){if(at)return it;at=1;var e=b(),t=x(),n=rt(),r=Object.prototype.hasOwnProperty;function i(i){if(!e(i))return n(i);var a=t(i),o=[];for(var s in i)s==`constructor`&&(a||!r.call(i,s))||o.push(s);return o}return it=i,it}var st,ct;function lt(){if(ct)return st;ct=1;var e=C(),t=ot(),n=ee();function r(r){return n(r)?e(r,!0):t(r)}return st=r,st}var ut,dt;function ft(){if(dt)return ut;dt=1;var e=Ze(),t=lt();function n(n,r){return n&&e(r,t(r),n)}return ut=n,ut}var pt={exports:{}};pt.exports;var mt;function ht(){return mt||(mt=1,function(e,t){var n=y(),r=t&&!t.nodeType&&t,i=r&&e&&!e.nodeType&&e,a=i&&i.exports===r?n.Buffer:void 0,o=a?a.allocUnsafe:void 0;function s(e,t){if(t)return e.slice();var n=e.length,r=o?o(n):new e.constructor(n);return e.copy(r),r}e.exports=s}(pt,pt.exports)),pt.exports}var gt,_t;function vt(){if(_t)return gt;_t=1;function e(e,t){var n=-1,r=e.length;for(t||=Array(r);++n<r;)t[n]=e[n];return t}return gt=e,gt}var yt,bt;function xt(){if(bt)return yt;bt=1;var e=Ze(),t=_();function n(n,r){return e(n,t(n),r)}return yt=n,yt}var St,Ct;function wt(){if(Ct)return St;Ct=1;var e=le(),t=Ae(),n=_(),r=oe();return St=Object.getOwnPropertySymbols?function(r){for(var i=[];r;)e(i,n(r)),r=t(r);return i}:r,St}var Tt,Et;function Dt(){if(Et)return Tt;Et=1;var e=Ze(),t=wt();function n(n,r){return e(n,t(n),r)}return Tt=n,Tt}var Ot,kt;function At(){if(kt)return Ot;kt=1;var e=pe(),t=wt(),n=lt();function r(r){return e(r,n,t)}return Ot=r,Ot}var jt,Mt;function Nt(){if(Mt)return jt;Mt=1;var e=Object.prototype.hasOwnProperty;function t(t){var n=t.length,r=new t.constructor(n);return n&&typeof t[0]==`string`&&e.call(t,`index`)&&(r.index=t.index,r.input=t.input),r}return jt=t,jt}var Pt,Ft;function It(){if(Ft)return Pt;Ft=1;var e=ne();function t(t){var n=new t.constructor(t.byteLength);return new e(n).set(new e(t)),n}return Pt=t,Pt}var Lt,Rt;function zt(){if(Rt)return Lt;Rt=1;var e=It();function t(t,n){var r=n?e(t.buffer):t.buffer;return new t.constructor(r,t.byteOffset,t.byteLength)}return Lt=t,Lt}var Bt,Vt;function Ht(){if(Vt)return Bt;Vt=1;var e=/\w*$/;function t(t){var n=new t.constructor(t.source,e.exec(t));return n.lastIndex=t.lastIndex,n}return Bt=t,Bt}var Ut,Wt;function Gt(){if(Wt)return Ut;Wt=1;var e=re(),t=e?e.prototype:void 0,n=t?t.valueOf:void 0;function r(e){return n?Object(n.call(e)):{}}return Ut=r,Ut}var Kt,qt;function Jt(){if(qt)return Kt;qt=1;var e=It();function t(t,n){var r=n?e(t.buffer):t.buffer;return new t.constructor(r,t.byteOffset,t.length)}return Kt=t,Kt}var Yt,Xt;function Zt(){if(Xt)return Yt;Xt=1;var e=It(),t=zt(),n=Ht(),r=Gt(),i=Jt(),a=`[object Boolean]`,o=`[object Date]`,s=`[object Map]`,c=`[object Number]`,l=`[object RegExp]`,u=`[object Set]`,d=`[object String]`,f=`[object Symbol]`,p=`[object ArrayBuffer]`,m=`[object DataView]`,h=`[object Float32Array]`,g=`[object Float64Array]`,_=`[object Int8Array]`,v=`[object Int16Array]`,y=`[object Int32Array]`,b=`[object Uint8Array]`,ee=`[object Uint8ClampedArray]`,te=`[object Uint16Array]`,ne=`[object Uint32Array]`;function x(x,re,ie){var ae=x.constructor;switch(re){case p:return e(x);case a:case o:return new ae(+x);case m:return t(x,ie);case h:case g:case _:case v:case y:case b:case ee:case te:case ne:return i(x,ie);case s:return new ae;case c:case d:return new ae(x);case l:return n(x);case u:return new ae;case f:return r(x)}}return Yt=x,Yt}var Qt,$t;function en(){if($t)return Qt;$t=1;var e=b(),t=Object.create;return Qt=function(){function n(){}return function(r){if(!e(r))return{};if(t)return t(r);n.prototype=r;var i=new n;return n.prototype=void 0,i}}(),Qt}var tn,nn;function rn(){if(nn)return tn;nn=1;var e=en(),t=Ae(),n=x();function r(r){return typeof r.constructor==`function`&&!n(r)?e(t(r)):{}}return tn=r,tn}var an,on;function sn(){if(on)return an;on=1;var e=ue(),t=he(),n=`[object Map]`;function r(r){return t(r)&&e(r)==n}return an=r,an}var cn,ln;function un(){if(ln)return cn;ln=1;var e=sn(),t=se(),n=w(),r=n&&n.isMap;return cn=r?t(r):e,cn}var dn,fn;function pn(){if(fn)return dn;fn=1;var e=ue(),t=he(),n=`[object Set]`;function r(r){return t(r)&&e(r)==n}return dn=r,dn}var mn,hn;function gn(){if(hn)return mn;hn=1;var e=pn(),t=se(),n=w(),r=n&&n.isSet;return mn=r?t(r):e,mn}var _n,vn;function yn(){if(vn)return _n;vn=1;var e=de(),t=Ge(),n=Je(),r=et(),i=ft(),a=ht(),o=vt(),s=xt(),c=Dt(),l=h(),u=At(),d=ue(),f=Nt(),g=Zt(),_=rn(),v=fe(),y=m(),ee=un(),te=b(),ne=gn(),x=p(),re=lt(),ie=1,ae=2,oe=4,se=`[object Arguments]`,ce=`[object Array]`,S=`[object Boolean]`,C=`[object Date]`,le=`[object Error]`,pe=`[object Function]`,me=`[object GeneratorFunction]`,w=`[object Map]`,he=`[object Number]`,ge=`[object Object]`,_e=`[object RegExp]`,ve=`[object Set]`,ye=`[object String]`,T=`[object Symbol]`,E=`[object WeakMap]`,D=`[object ArrayBuffer]`,be=`[object DataView]`,xe=`[object Float32Array]`,Se=`[object Float64Array]`,Ce=`[object Int8Array]`,we=`[object Int16Array]`,Te=`[object Int32Array]`,Ee=`[object Uint8Array]`,De=`[object Uint8ClampedArray]`,Oe=`[object Uint16Array]`,ke=`[object Uint32Array]`,O={};O[se]=O[ce]=O[D]=O[be]=O[S]=O[C]=O[xe]=O[Se]=O[Ce]=O[we]=O[Te]=O[w]=O[he]=O[ge]=O[_e]=O[ve]=O[ye]=O[T]=O[Ee]=O[De]=O[Oe]=O[ke]=!0,O[le]=O[pe]=O[E]=!1;function Ae(p,m,h,b,ce,S){var C,le=m&ie,ue=m&ae,de=m&oe;if(h&&(C=ce?h(p,b,ce,S):h(p)),C!==void 0)return C;if(!te(p))return p;var fe=v(p);if(fe){if(C=f(p),!le)return o(p,C)}else{var w=d(p),he=w==pe||w==me;if(y(p))return a(p,le);if(w==ge||w==se||he&&!ce){if(C=ue||he?{}:_(p),!le)return ue?c(p,i(C,p)):s(p,r(C,p))}else{if(!O[w])return ce?p:{};C=g(p,w,le)}}S||=new e;var _e=S.get(p);if(_e)return _e;S.set(p,C),ne(p)?p.forEach(function(e){C.add(Ae(e,m,h,e,p,S))}):ee(p)&&p.forEach(function(e,t){C.set(t,Ae(e,m,h,t,p,S))});var ve=fe?void 0:(de?ue?u:l:ue?re:x)(p);return t(ve||p,function(e,t){ve&&(t=e,e=p[t]),n(C,t,Ae(e,m,h,t,p,S))}),C}return _n=Ae,_n}var bn,xn;function Sn(){if(xn)return bn;xn=1;var e=yn(),t=1,n=4;function r(r){return e(r,t|n)}return bn=r,bn}var Cn;function wn(){if(Cn)return He;Cn=1,Object.defineProperty(He,"__esModule",{value:!0}),He.mergeClasses=void 0;var e=r(Oe()),t=r(Sn()),n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};function r(e){return e&&e.__esModule?e:{default:e}}return He.default=He.mergeClasses=function(r){var i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],a=r.default&&(0,t.default)(r.default)||{};return i.map(function(t){var i=r[t];return i&&(0,e.default)(i,function(e,t){a[t]||(a[t]={}),a[t]=n({},a[t],i[t])}),t}),a},He}var Tn={},En;function Dn(){if(En)return Tn;En=1,Object.defineProperty(Tn,"__esModule",{value:!0}),Tn.autoprefix=void 0;var e=n(Oe()),t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};function n(e){return e&&e.__esModule?e:{default:e}}var r={borderRadius:function(e){return{msBorderRadius:e,MozBorderRadius:e,OBorderRadius:e,WebkitBorderRadius:e,borderRadius:e}},boxShadow:function(e){return{msBoxShadow:e,MozBoxShadow:e,OBoxShadow:e,WebkitBoxShadow:e,boxShadow:e}},userSelect:function(e){return{WebkitTouchCallout:e,KhtmlUserSelect:e,MozUserSelect:e,msUserSelect:e,WebkitUserSelect:e,userSelect:e}},flex:function(e){return{WebkitBoxFlex:e,MozBoxFlex:e,WebkitFlex:e,msFlex:e,flex:e}},flexBasis:function(e){return{WebkitFlexBasis:e,flexBasis:e}},justifyContent:function(e){return{WebkitJustifyContent:e,justifyContent:e}},transition:function(e){return{msTransition:e,MozTransition:e,OTransition:e,WebkitTransition:e,transition:e}},transform:function(e){return{msTransform:e,MozTransform:e,OTransform:e,WebkitTransform:e,transform:e}},absolute:function(e){var t=e&&e.split(` `);return{position:`absolute`,top:t&&t[0],right:t&&t[1],bottom:t&&t[2],left:t&&t[3]}},extend:function(e,t){return t[e]||{extend:e}}};return Tn.default=Tn.autoprefix=function(n){var i={};return(0,e.default)(n,function(n,a){var o={};(0,e.default)(n,function(e,n){var i=r[n];i?o=t({},o,i(e)):o[n]=e}),i[a]=o}),i},Tn}var On={},kn;function An(){if(kn)return On;kn=1,Object.defineProperty(On,"__esModule",{value:!0}),On.hover=void 0;var e=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},t=n(T.default);function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw TypeError(`Cannot call a class as a function`)}function i(e,t){if(!e)throw ReferenceError(`this hasn't been initialised - super() hasn't been called`);return t&&(typeof t==`object`||typeof t==`function`)?t:e}function a(e,t){if(typeof t!=`function`&&t!==null)throw 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)}return On.default=On.hover=function(n){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:`span`;return function(s){a(c,s);function c(){var a,s,l,u;r(this,c);var d=[...arguments];return u=(s=(l=i(this,(a=c.__proto__||Object.getPrototypeOf(c)).call.apply(a,[this].concat(d))),l),l.state={hover:!1},l.handleMouseOver=function(){return l.setState({hover:!0})},l.handleMouseOut=function(){return l.setState({hover:!1})},l.render=function(){return t.default.createElement(o,{onMouseOver:l.handleMouseOver,onMouseOut:l.handleMouseOut},t.default.createElement(n,e({},l.props,l.state)))},s),i(l,u)}return c}(t.default.Component)},On}var jn={},Mn;function Nn(){if(Mn)return jn;Mn=1,Object.defineProperty(jn,"__esModule",{value:!0}),jn.active=void 0;var e=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},t=n(T.default);function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw TypeError(`Cannot call a class as a function`)}function i(e,t){if(!e)throw ReferenceError(`this hasn't been initialised - super() hasn't been called`);return t&&(typeof t==`object`||typeof t==`function`)?t:e}function a(e,t){if(typeof t!=`function`&&t!==null)throw 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)}return jn.default=jn.active=function(n){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:`span`;return function(s){a(c,s);function c(){var a,s,l,u;r(this,c);var d=[...arguments];return u=(s=(l=i(this,(a=c.__proto__||Object.getPrototypeOf(c)).call.apply(a,[this].concat(d))),l),l.state={active:!1},l.handleMouseDown=function(){return l.setState({active:!0})},l.handleMouseUp=function(){return l.setState({active:!1})},l.render=function(){return t.default.createElement(o,{onMouseDown:l.handleMouseDown,onMouseUp:l.handleMouseUp},t.default.createElement(n,e({},l.props,l.state)))},s),i(l,u)}return c}(t.default.Component)},jn}var Pn={},Fn;function In(){return Fn?Pn:(Fn=1,Object.defineProperty(Pn,"__esModule",{value:!0}),Pn.default=function(e,t){var n={},r=function(e){n[e]=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0};return e===0&&r(`first-child`),e===t-1&&r(`last-child`),(e===0||e%2==0)&&r(`even`),Math.abs(e%2)===1&&r(`odd`),r(`nth-child`,e),n},Pn)}var Ln;function Rn(){if(Ln)return E;Ln=1,Object.defineProperty(E,"__esModule",{value:!0}),E.ReactCSS=E.loop=E.handleActive=E.handleHover=E.hover=void 0;var e=o(Ve()),t=o(wn()),n=o(Dn()),r=o(An()),i=o(Nn()),a=o(In());function o(e){return e&&e.__esModule?e:{default:e}}return E.hover=r.default,E.handleHover=r.default,E.handleActive=i.default,E.loop=a.default,E.default=E.ReactCSS=function(r){var i=[...arguments].slice(1),a=(0,e.default)(i),o=(0,t.default)(r,a);return(0,n.default)(o)},E}var zn=Rn(),k=o(zn),Bn=function(e,t,n,r,i){var a=i.clientWidth,o=i.clientHeight,s=typeof e.pageX==`number`?e.pageX:e.touches[0].pageX,c=typeof e.pageY==`number`?e.pageY:e.touches[0].pageY,l=s-(i.getBoundingClientRect().left+window.pageXOffset),u=c-(i.getBoundingClientRect().top+window.pageYOffset);if(n===`vertical`){var d=void 0;if(d=u<0?0:u>o?1:Math.round(u*100/o)/100,t.a!==d)return{h:t.h,s:t.s,l:t.l,a:d,source:`rgb`}}else{var f=void 0;if(f=l<0?0:l>a?1:Math.round(l*100/a)/100,r!==f)return{h:t.h,s:t.s,l:t.l,a:f,source:`rgb`}}return null},Vn={},Hn=function(e,t,n,r){if(typeof document>`u`&&!r)return null;var i=r?new r:document.createElement(`canvas`);i.width=n*2,i.height=n*2;var a=i.getContext(`2d`);return a?(a.fillStyle=e,a.fillRect(0,0,i.width,i.height),a.fillStyle=t,a.fillRect(0,0,n,n),a.translate(n,n),a.fillRect(0,0,n,n),i.toDataURL()):null},Un=function(e,t,n,r){var i=e+`-`+t+`-`+n+(r?`-server`:``);if(Vn[i])return Vn[i];var a=Hn(e,t,n,r);return Vn[i]=a,a},Wn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Gn=function(e){var t=e.white,n=e.grey,r=e.size,i=e.renderers,a=e.borderRadius,o=e.boxShadow,s=e.children,c=k({default:{grid:{borderRadius:a,boxShadow:o,absolute:`0px 0px 0px 0px`,background:`url(`+Un(t,n,r,i.canvas)+`) center left`}}});return(0,T.isValidElement)(s)?T.cloneElement(s,Wn({},s.props,{style:Wn({},s.props.style,c.grid)})):T.createElement(`div`,{style:c.grid})};Gn.defaultProps={size:8,white:`transparent`,grey:`rgba(0,0,0,.08)`,renderers:{}};var Kn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},qn=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,`value`in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();function Jn(e,t){if(!(e instanceof t))throw TypeError(`Cannot call a class as a function`)}function Yn(e,t){if(!e)throw ReferenceError(`this hasn't been initialised - super() hasn't been called`);return t&&(typeof t==`object`||typeof t==`function`)?t:e}function Xn(e,t){if(typeof t!=`function`&&t!==null)throw 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 Zn=function(e){Xn(t,e);function t(){var e,n,r,i;Jn(this,t);var a=[...arguments];return i=(n=(r=Yn(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r),r.handleChange=function(e){var t=Bn(e,r.props.hsl,r.props.direction,r.props.a,r.container);t&&typeof r.props.onChange==`function`&&r.props.onChange(t,e)},r.handleMouseDown=function(e){r.handleChange(e),window.addEventListener(`mousemove`,r.handleChange),window.addEventListener(`mouseup`,r.handleMouseUp)},r.handleMouseUp=function(){r.unbindEventListeners()},r.unbindEventListeners=function(){window.removeEventListener(`mousemove`,r.handleChange),window.removeEventListener(`mouseup`,r.handleMouseUp)},n),Yn(r,i)}return qn(t,[{key:`componentWillUnmount`,value:function(){this.unbindEventListeners()}},{key:`render`,value:function(){var e=this,t=this.props.rgb,n=k({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(`+t.r+`,`+t.g+`,`+t.b+`, 0) 0%,
            rgba(`+t.r+`,`+t.g+`,`+t.b+`, 1) 100%)`,boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:`relative`,height:`100%`,margin:`0 3px`},pointer:{position:`absolute`,left:t.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(`+t.r+`,`+t.g+`,`+t.b+`, 0) 0%,
            rgba(`+t.r+`,`+t.g+`,`+t.b+`, 1) 100%)`},pointer:{left:0,top:t.a*100+`%`}},overwrite:Kn({},this.props.style)},{vertical:this.props.direction===`vertical`,overwrite:!0});return T.createElement(`div`,{style:n.alpha},T.createElement(`div`,{style:n.checkboard},T.createElement(Gn,{renderers:this.props.renderers})),T.createElement(`div`,{style:n.gradient}),T.createElement(`div`,{style:n.container,ref:function(t){return e.container=t},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},T.createElement(`div`,{style:n.pointer},this.props.pointer?T.createElement(this.props.pointer,this.props):T.createElement(`div`,{style:n.slider}))))}}]),t}(T.PureComponent||T.Component),Qn=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,`value`in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();function $n(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function er(e,t){if(!(e instanceof t))throw TypeError(`Cannot call a class as a function`)}function tr(e,t){if(!e)throw ReferenceError(`this hasn't been initialised - super() hasn't been called`);return t&&(typeof t==`object`||typeof t==`function`)?t:e}function nr(e,t){if(typeof t!=`function`&&t!==null)throw 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 rr=1,ir=38,ar=[ir,40],or=function(e){return ar.indexOf(e)>-1},sr=function(e){return Number(String(e).replace(/%/g,``))},cr=1,A=function(e){nr(t,e);function t(e){er(this,t);var n=tr(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(e){n.setUpdatedValue(e.target.value,e)},n.handleKeyDown=function(e){var t=sr(e.target.value);if(!isNaN(t)&&or(e.keyCode)){var r=n.getArrowOffset(),i=e.keyCode===ir?t+r:t-r;n.setUpdatedValue(i,e)}},n.handleDrag=function(e){if(n.props.dragLabel){var t=Math.round(n.props.value+e.movementX);t>=0&&t<=n.props.dragMax&&n.props.onChange&&n.props.onChange(n.getValueObjectWithLabel(t),e)}},n.handleMouseDown=function(e){n.props.dragLabel&&(e.preventDefault(),n.handleDrag(e),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(e.value).toUpperCase(),blurValue:String(e.value).toUpperCase()},n.inputId=`rc-editable-input-`+ cr++,n}return Qn(t,[{key:`componentDidUpdate`,value:function(e,t){this.props.value!==this.state.value&&(e.value!==this.props.value||t.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(e){return $n({},this.props.label,e)}},{key:`getArrowOffset`,value:function(){return this.props.arrowOffset||rr}},{key:`setUpdatedValue`,value:function(e,t){var n=this.props.label?this.getValueObjectWithLabel(e):e;this.props.onChange&&this.props.onChange(n,t),this.setState({value:e})}},{key:`render`,value:function(){var e=this,t=k({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 T.createElement(`div`,{style:t.wrap},T.createElement(`input`,{id:this.inputId,style:t.input,ref:function(t){return e.input=t},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?T.createElement(`label`,{htmlFor:this.inputId,style:t.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),t}(T.PureComponent||T.Component),lr=function(e,t,n,r){var i=r.clientWidth,a=r.clientHeight,o=typeof e.pageX==`number`?e.pageX:e.touches[0].pageX,s=typeof e.pageY==`number`?e.pageY:e.touches[0].pageY,c=o-(r.getBoundingClientRect().left+window.pageXOffset),l=s-(r.getBoundingClientRect().top+window.pageYOffset);if(t===`vertical`){var u=void 0;if(u=l<0?359:l>a?0:360*(-(l*100/a)+100)/100,n.h!==u)return{h:u,s:n.s,l:n.l,a:n.a,source:`hsl`}}else{var d=void 0;if(d=c<0?0:c>i?359:360*(c*100/i)/100,n.h!==d)return{h:d,s:n.s,l:n.l,a:n.a,source:`hsl`}}return null},ur=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,`value`in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();function dr(e,t){if(!(e instanceof t))throw TypeError(`Cannot call a class as a function`)}function fr(e,t){if(!e)throw ReferenceError(`this hasn't been initialised - super() hasn't been called`);return t&&(typeof t==`object`||typeof t==`function`)?t:e}function pr(e,t){if(typeof t!=`function`&&t!==null)throw 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 mr=function(e){pr(t,e);function t(){var e,n,r,i;dr(this,t);var a=[...arguments];return i=(n=(r=fr(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r),r.handleChange=function(e){var t=lr(e,r.props.direction,r.props.hsl,r.container);t&&typeof r.props.onChange==`function`&&r.props.onChange(t,e)},r.handleMouseDown=function(e){r.handleChange(e),window.addEventListener(`mousemove`,r.handleChange),window.addEventListener(`mouseup`,r.handleMouseUp)},r.handleMouseUp=function(){r.unbindEventListeners()},n),fr(r,i)}return ur(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 e=this,t=this.props.direction,n=t===void 0?`horizontal`:t,r=k({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:n===`vertical`});return T.createElement(`div`,{style:r.hue},T.createElement(`div`,{className:`hue-`+n,style:r.container,ref:function(t){return e.container=t},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},T.createElement(`style`,null,`
             .hue-horizontal {

package/build/assets/{ComponentInstance-Cemgj4S0-BMxea-Y3.js → ComponentInstance-Dlz3boBV-ElD3LiR-.js}

@@ -1,4 +1,4 @@
-import{$r as e,An as t,C as n,Ha as r,I as i,Sa as a,Va as o,Vr as s,Wa as c,at as l,fa as u,gi as d,i as f,ii as p,ki as m,lt as h,ot as g,p as _,r as v,ta as y,wn as b}from"./index-B4fa-n2i.js";import{i as x,r as S}from"./urls-hxAPaE-_-C-Smi8fC.js";import{t as C}from"./withCalculatedWidth-B-DDl_d6-BCYIlY-Q.js";import{n as w,t as T}from"./IFrameUtil-BYTcNZ4E-B6kSJ_Ik.js";var E=c(r(),1),D=c(o(),1),O=(e=>(e.COMPONENT_READY=`streamlit:componentReady`,e.SET_COMPONENT_VALUE=`streamlit:setComponentValue`,e.SET_FRAME_HEIGHT=`streamlit:setFrameHeight`,e))(O||{}),k=(e=>(e.RENDER=`streamlit:render`,e))(k||{}),A=1,j=p.getLogger(`componentUtils`);function M(e){return(t,n)=>{if(!e.current)return;let{isReady:r,element:i,widgetMgr:a,setComponentError:o,componentReadyCallback:s,frameHeightCallback:c,fragmentId:l}=e.current,u=r();switch(t){case O.COMPONENT_READY:{let{apiVersion:e}=n;e===A?s():o(Error(`Unrecognized component API version: '${e}'`));break}case O.SET_COMPONENT_VALUE:u?F(I(n,`value`),n.dataType,{fromUi:!0},i,a,l):j.warn(`Got ${t} before ${O.COMPONENT_READY}!`);break;case O.SET_FRAME_HEIGHT:u?c(I(n,`height`)):j.warn(`Got ${t} before ${O.COMPONENT_READY}!`);break;default:j.warn(`Unrecognized ComponentBackMsgType: ${t}`)}}}function N(e,t){let n=JSON.parse(e),r=[];for(let e of t){let{key:t}=e;switch(e.value?.toLowerCase()){case`arrowdataframe`:r.push({key:t,value:f.toObject(e.arrowDataframe)});break;case`bytes`:n[t]=e.bytes;break;default:throw Error(`Unrecognized SpecialArg type: ${e.value}`)}}return[n,r]}function P(e,t,n,r,i){if(!i){j.warn(`Can't send ForwardMsg; missing our iframe!`);return}if(s(i.contentWindow)){j.warn(`Can't send ForwardMsg; iframe has no contentWindow!`);return}i.contentWindow.postMessage({type:k.RENDER,args:e,dfs:t,disabled:n,theme:{...y(r),font:r.genericFonts.bodyFont}},`*`)}function F(e,t,n,r,i,a){if(e===void 0){j.warn(`handleSetComponentValue: missing 'value' prop`);return}switch(t){case`dataframe`:i.setArrowValue(r,e,n,a);break;case`bytes`:i.setBytesValue(r,e,n,a);break;default:i.setJsonValue(r,e,n,a)}}function I(e,t,n=void 0){return Object.hasOwn(e,t)?e[t]:n}var L=b(`iframe`,{target:`e1fjvnnc0`})(({theme:e,componentReady:t})=>({colorScheme:`normal`,border:`none`,padding:e.spacing.none,margin:e.spacing.none,display:t?`initial`:`none`}),``),R=p.getLogger(`ComponentInstance`),z=6e4;function B(e,t,n){let r;r=d(n)&&n!==``?n:t.getComponentURL(e,`index.html`);let i=h.CUSTOM_COMPONENT_CLIENT_ID,a=new URL(window.location.href);return r=m.stringifyUrl({url:r,query:{streamlitUrl:a.origin+a.pathname,...i&&{__streamlit_parent_client_id:i}}}),r}function V(e,t){let n;return n=t&&t!==``?`Your app is having trouble loading the **${e}** component.
+import{$r as e,An as t,C as n,Ha as r,I as i,Sa as a,Va as o,Vr as s,Wa as c,at as l,fa as u,gi as d,i as f,ii as p,ki as m,lt as h,ot as g,p as _,r as v,ta as y,wn as b}from"./index-lR-QVdnh.js";import{i as x,r as S}from"./urls-hxAPaE-_-C-Smi8fC.js";import{t as C}from"./withCalculatedWidth-DwrWHMUR-B2yMBY1O.js";import{n as w,t as T}from"./IFrameUtil-BYTcNZ4E-B6kSJ_Ik.js";var E=c(r(),1),D=c(o(),1),O=(e=>(e.COMPONENT_READY=`streamlit:componentReady`,e.SET_COMPONENT_VALUE=`streamlit:setComponentValue`,e.SET_FRAME_HEIGHT=`streamlit:setFrameHeight`,e))(O||{}),k=(e=>(e.RENDER=`streamlit:render`,e))(k||{}),A=1,j=p.getLogger(`componentUtils`);function M(e){return(t,n)=>{if(!e.current)return;let{isReady:r,element:i,widgetMgr:a,setComponentError:o,componentReadyCallback:s,frameHeightCallback:c,fragmentId:l}=e.current,u=r();switch(t){case O.COMPONENT_READY:{let{apiVersion:e}=n;e===A?s():o(Error(`Unrecognized component API version: '${e}'`));break}case O.SET_COMPONENT_VALUE:u?F(I(n,`value`),n.dataType,{fromUi:!0},i,a,l):j.warn(`Got ${t} before ${O.COMPONENT_READY}!`);break;case O.SET_FRAME_HEIGHT:u?c(I(n,`height`)):j.warn(`Got ${t} before ${O.COMPONENT_READY}!`);break;default:j.warn(`Unrecognized ComponentBackMsgType: ${t}`)}}}function N(e,t){let n=JSON.parse(e),r=[];for(let e of t){let{key:t}=e;switch(e.value?.toLowerCase()){case`arrowdataframe`:r.push({key:t,value:f.toObject(e.arrowDataframe)});break;case`bytes`:n[t]=e.bytes;break;default:throw Error(`Unrecognized SpecialArg type: ${e.value}`)}}return[n,r]}function P(e,t,n,r,i){if(!i){j.warn(`Can't send ForwardMsg; missing our iframe!`);return}if(s(i.contentWindow)){j.warn(`Can't send ForwardMsg; iframe has no contentWindow!`);return}i.contentWindow.postMessage({type:k.RENDER,args:e,dfs:t,disabled:n,theme:{...y(r),font:r.genericFonts.bodyFont}},`*`)}function F(e,t,n,r,i,a){if(e===void 0){j.warn(`handleSetComponentValue: missing 'value' prop`);return}switch(t){case`dataframe`:i.setArrowValue(r,e,n,a);break;case`bytes`:i.setBytesValue(r,e,n,a);break;default:i.setJsonValue(r,e,n,a)}}function I(e,t,n=void 0){return Object.hasOwn(e,t)?e[t]:n}var L=b(`iframe`,{target:`e1fjvnnc0`})(({theme:e,componentReady:t})=>({colorScheme:`normal`,border:`none`,padding:e.spacing.none,margin:e.spacing.none,display:t?`initial`:`none`}),``),R=p.getLogger(`ComponentInstance`),z=6e4;function B(e,t,n){let r;r=d(n)&&n!==``?n:t.getComponentURL(e,`index.html`);let i=h.CUSTOM_COMPONENT_CLIENT_ID,a=new URL(window.location.href);return r=m.stringifyUrl({url:r,query:{streamlitUrl:a.origin+a.pathname,...i&&{__streamlit_parent_client_id:i}}}),r}function V(e,t){let n;return n=t&&t!==``?`Your app is having trouble loading the **${e}** component.
 The app is attempting to load the component from **${t}**,
 and hasn't received its \`Streamlit.setComponentReady()\` message.