@stlite/desktop 0.98.1 → 0.99.0

package/build/assets/index-DpazIH3n-D6BMkmZF.js

@@ -1 +0,0 @@
-import{r as a,G as be,aL as Z,R as ye,i as I,aR as Se,j as i,x as m,as as je,aT as ze,aS as Ce,w as ve,aU as k,ao as Fe,ak as M,bk as Ue,au as F,E as W,_ as H,cq as Ie,cr as ke}from"./index-DegoUuPm.js";import{m as Me}from"./WidgetLabel-CoLw86qs-CNbX-e3H.js";import{d as Ee}from"./WidgetLabelHelpIcon-DGQ_r-QQ-BpBcjxpA.js";import{m as Be}from"./FormClearHelper-CbmTijuR-BhfBTvx4.js";import{S as Re,C as De,A as Ae,q as Le,x as ee,F as E,a as Ne}from"./FileHelper-6E1AHofU-qrMXF9BJ.js";import{q as Te,U as $e}from"./ProgressBar-uLtuFXoi-C547ZD3U.js";import{t as $}from"./UploadFileInfo-DdcsXhjv-m2CBXl3F.js";import"./styled-components-UJ_u5XUO-B68esmwJ.js";var te=a.forwardRef(function(e,t){var s={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return a.createElement(W,H({iconAttrs:s,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),a.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}),a.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"}))});te.displayName="Clear";var se=a.forwardRef(function(e,t){var s={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return a.createElement(W,H({iconAttrs:s,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),a.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}),a.createElement("path",{d:"M19.35 10.04A7.49 7.49 0 0012 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 000 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95A5.469 5.469 0 0112 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11A2.98 2.98 0 0122 15c0 1.65-1.35 3-3 3zM8 13h2.55v3h2.9v-3H16l-4-4z"}))});se.displayName="CloudUpload";var ae=a.forwardRef(function(e,t){var s={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return a.createElement(W,H({iconAttrs:s,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:t}),a.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"}))});ae.displayName="Error";const We=e=>{const t=a.useRef();return a.useEffect(()=>{t.current=e},[e]),t.current},ie=m("section",{target:"e1b2p2ww17"})(({isDisabled:e,theme:t})=>({display:"flex",gap:t.spacing.lg,alignItems:"center",padding:t.spacing.lg,backgroundColor:t.colors.secondaryBg,borderRadius:t.radii.default,border:t.colors.widgetBorderColor?`${t.sizes.borderWidth} solid ${t.colors.widgetBorderColor}`:void 0,height:t.sizes.largestElementHeight,":focus":{outline:"none"},":focus-visible":{boxShadow:t.shadows.focusRingOutline},cursor:e?"not-allowed":"pointer"}),""),He=m("div",{target:"e1b2p2ww16"})(({theme:e})=>({marginRight:"auto",alignItems:"center",display:"flex",gap:e.spacing.lg,minWidth:0,width:"100%"}),""),le=m("span",{target:"e1b2p2ww15"})(({theme:e})=>({color:e.colors.darkenedBgMix100}),""),re=m("span",{target:"e1b2p2ww14"})(({theme:e,disabled:t})=>({color:t?e.colors.fadedText40:e.colors.bodyText}),""),Pe=m("span",{target:"e1b2p2ww13"})(({theme:e,disabled:t})=>({fontSize:e.fontSizes.sm,color:t?e.colors.fadedText40:e.colors.fadedText60,display:"block",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",maxWidth:"100%"}),""),Ve=m("div",{target:"e1b2p2ww12"})({name:"1s8jot1",styles:"display:flex;flex-direction:column;min-width:0;max-width:100%"}),Xe=m("span",{target:"e1b2p2ww11"})({name:"1bmnxg7",styles:"white-space:nowrap"}),ne=m("div",{target:"e1b2p2ww10"})(({theme:e})=>({left:0,right:0,lineHeight:e.lineHeights.tight,paddingTop:e.spacing.md,paddingLeft:e.spacing.lg,paddingRight:e.spacing.lg}),""),Oe=m("ul",{target:"e1b2p2ww9"})(({theme:e})=>({listStyleType:"none",margin:e.spacing.none,padding:e.spacing.none}),""),oe=m("li",{target:"e1b2p2ww8"})(({theme:e})=>({margin:e.spacing.none,padding:e.spacing.none}),""),de=m("div",{target:"e1b2p2ww7"})(({theme:e})=>({display:"flex",alignItems:"baseline",flex:1,paddingLeft:e.spacing.lg,overflow:"hidden"}),""),ce=m("div",{target:"e1b2p2ww6"})(({theme:e,disabled:t})=>({marginRight:e.spacing.sm,marginBottom:e.spacing.twoXS,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",color:t?e.colors.fadedText40:e.colors.bodyText}),""),pe=m("div",{target:"e1b2p2ww5"})(({theme:e})=>({display:"flex",alignItems:"center",marginBottom:e.spacing.twoXS}),""),qe=m("span",{target:"e1b2p2ww4"})(({theme:e})=>({marginRight:e.spacing.twoXS}),""),Ye=m("div",{target:"e1b2p2ww3"})(({theme:e,disabled:t})=>({display:"flex",padding:e.spacing.twoXS,color:t?e.colors.fadedText40:e.colors.darkenedBgMix100}),""),me=m("small",{target:"e1b2p2ww2"})(({theme:e})=>({color:e.colors.redTextColor,fontSize:e.fontSizes.sm,height:e.fontSizes.sm,lineHeight:e.fontSizes.sm,display:"flex",alignItems:"center",whiteSpace:"nowrap"}),""),ue=m("span",{target:"e1b2p2ww1"})({name:"0",styles:""}),_e=e=>({[ie]:{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"auto",gap:e.spacing.sm},[le]:{display:"none"},[re]:{marginBottom:e.spacing.twoXS},[ne]:{paddingRight:e.spacing.lg},[pe]:{maxWidth:"inherit",flex:1,alignItems:"flex-start",marginBottom:e.spacing.sm},[ce]:{width:e.sizes.full},[de]:{flexDirection:"column"},[me]:{height:"auto",whiteSpace:"initial"},[ue]:{display:"none"},[oe]:{margin:e.spacing.none,padding:e.spacing.none}}),Ke=m("div",{target:"e1b2p2ww0"})(({theme:e,width:t})=>{if(t<ve("23rem"))return _e(e)},""),Qe=({multiple:e,acceptedExtensions:t,maxSizeBytes:s,acceptDirectory:o=!1,disabled:d})=>{const c=()=>o?"directories":e?"files":"file",p=()=>t.length?` • ${t.map(j=>j.replace(/^\./,"").toUpperCase()).join(", ")}`:null,g=()=>`Limit ${ee(s,E.Byte,0)} per file`;return i.jsxs(He,{"data-testid":"stFileUploaderDropzoneInstructions",children:[i.jsx(le,{children:i.jsx(F,{content:se,size:"threeXL"})}),i.jsxs(Ve,{children:[i.jsxs(re,{disabled:d,children:["Drag and drop ",c()," here"]}),i.jsxs(Pe,{disabled:d,children:[g(),p()]})]})]})},Je=a.memo(Qe),Ze=({onDrop:e,multiple:t,acceptedExtensions:s,maxSizeBytes:o,disabled:d,label:c,acceptDirectory:p=!1})=>i.jsx(Ae,{onDrop:e,multiple:t,accept:Le(s),maxSize:o,disabled:d,useFsAccessApi:!1,children:({getRootProps:g,getInputProps:j})=>{const w=j({multiple:t||!!p});return i.jsxs(ie,{...g(),"data-testid":"stFileUploaderDropzone",isDisabled:d,"aria-label":c,"aria-disabled":d,children:[i.jsx("input",{"data-testid":"stFileUploaderDropzoneInput",...w,...p&&{webkitdirectory:""}}),i.jsx(Je,{multiple:t,acceptedExtensions:s,maxSizeBytes:o,acceptDirectory:p,disabled:d}),i.jsx(Xe,{children:i.jsx(k,{kind:M.SECONDARY,disabled:d,size:Fe.SMALL,children:p?"Browse directories":"Browse files"})})]})}}),Ge=a.memo(Ze),ge=m("small",{target:"e1bju1570"})(({kind:e,disabled:t,theme:s})=>{const{redTextColor:o,fadedText60:d,fadedText40:c}=s.colors;let p=d;return t&&(p=c),e==="danger"&&(p=o),{color:p,fontSize:s.fontSizes.sm,lineHeight:s.lineHeights.tight}},""),et=({fileInfo:e,disabled:t})=>e.status.type==="uploading"?i.jsx(Te,{value:e.status.progress,size:$e.SMALL}):e.status.type==="error"?i.jsxs(me,{children:[i.jsx(qe,{"data-testid":"stFileUploaderFileErrorMessage",children:e.status.errorMessage}),i.jsx(ue,{children:i.jsx(F,{content:ae,size:"lg"})})]}):e.status.type==="uploaded"?i.jsx(ge,{disabled:t,children:ee(e.size,E.Byte)}):null,tt=({fileInfo:e,onDelete:t,disabled:s})=>i.jsxs(pe,{className:"stFileUploaderFile","data-testid":"stFileUploaderFile",children:[i.jsx(Ye,{disabled:s,children:i.jsx(F,{content:Ne,size:"twoXL"})}),i.jsxs(de,{className:"stFileUploaderFileData",children:[i.jsx(ce,{className:"stFileUploaderFileName","data-testid":"stFileUploaderFileName",title:e.name,disabled:s,children:e.name}),i.jsx(et,{fileInfo:e,disabled:s})]}),i.jsx("div",{"data-testid":"stFileUploaderDeleteBtn",children:i.jsx(k,{onClick:()=>t(e.id),kind:M.MINIMAL,disabled:s,"aria-label":`Remove ${e.name}`,children:i.jsx(F,{content:te,size:"lg"})})})]}),st=a.memo(tt),at=m("div",{target:"e1nlpozb1"})(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",paddingBottom:e.spacing.twoXS,marginBottom:e.spacing.twoXS}),""),it=m("div",{target:"e1nlpozb0"})(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"center",color:e.colors.fadedText40}),""),lt=({currentPage:e,totalPages:t,onNext:s,onPrevious:o})=>i.jsxs(at,{"data-testid":"stFileUploaderPagination",children:[i.jsx(ge,{children:`Showing page ${e} of ${t}`}),i.jsxs(it,{children:[i.jsx(k,{onClick:o,kind:M.MINIMAL,children:i.jsx(F,{content:Ie,size:"xl"})}),i.jsx(k,{onClick:s,kind:M.MINIMAL,children:i.jsx(F,{content:ke,size:"xl"})})]})]}),rt=a.memo(lt),G=(e,t)=>Math.ceil(e.length/t),nt=e=>Ue(({pageSize:t,items:s,resetOnAdd:o,...d})=>{const[c,p]=a.useState(0),[g,j]=a.useState(()=>G(s,t)),w=We(s);a.useEffect(()=>{w&&w.length!==s.length&&j(G(s,t)),w&&w.length<s.length?o&&p(0):c+1>=g&&p(g-1)},[s,c,t,w,o,g]);const b=()=>{p(Math.min(c+1,g-1))},B=()=>{p(Math.max(0,c-1))},z=s.slice(c*t,c*t+t);return i.jsxs(i.Fragment,{children:[i.jsx(e,{items:z,...d}),s.length>t?i.jsx(rt,{pageSize:t,totalPages:g,currentPage:c+1,onNext:b,onPrevious:B}):null]})},e),ot=({items:e,onDelete:t,disabled:s})=>i.jsx(Oe,{children:e.map(o=>i.jsx(oe,{children:i.jsx(st,{fileInfo:o,onDelete:t,disabled:s})},o.id))}),dt=nt(ot),ct=e=>i.jsx(ne,{children:i.jsx(dt,{...e})}),pt=a.memo(ct),mt=(e,t)=>{const s=t.getFileUploaderStateValue(e);if(I(s))return{files:[],nextLocalId:1};const{uploadedFileInfo:o}=s;if(I(o)||o.length===0)return{files:[],nextLocalId:1};let d=1;return{files:o.map(c=>{const p=c.name,g=c.size,j=c.fileId,w=c.fileUrls,b=new $(p,g,d,{type:"uploaded",fileId:j,fileUrls:w});return d+=1,b}),nextLocalId:d}},T=e=>{const t=e.filter(s=>s.status.type==="uploaded").map(s=>{const{name:o,size:d,status:c}=s,{fileId:p,fileUrls:g}=c;return new ze({fileId:p,fileUrls:g,name:o,size:d})});return new Ce({uploadedFileInfo:t})},ut=({disabled:e,element:t,widgetMgr:s,uploadClient:o,fragmentId:d})=>{const{width:c,elementRef:p}=be(),{files:g,nextLocalId:j}=a.useMemo(()=>mt(t,s),[t,s]),w=a.useRef(j),[b,B]=a.useState(()=>g),z=a.useRef(b);a.useEffect(()=>{z.current=b},[b]);const[fe,P]=a.useState(!1),U=a.useCallback(()=>{const l=w.current;return w.current+=1,l},[]),R=a.useMemo(()=>{const l=t.maxUploadSizeMb;return Re(l,E.Megabyte,E.Byte)},[t.maxUploadSizeMb]),S=a.useCallback(l=>{Z.flushSync(()=>{B(r=>{const n=typeof l=="function"?l(r):l;return z.current=n,n})})},[]),D=a.useCallback(l=>{Z.flushSync(()=>{P(l)})},[P]),V=a.useCallback(l=>{S(r=>[...r,l])},[S]),A=a.useCallback(l=>{l.length!==0&&S(r=>[...r,...l])},[S]),X=a.useCallback(l=>{S(r=>r.filter(n=>n.id!==l))},[S]),C=a.useCallback((l,r)=>{S(n=>n.map(u=>u.id===l?r:u))},[S]),v=a.useCallback(l=>z.current.find(r=>r.id===l),[]),O=b.some(l=>l.status.type==="uploading")||fe?"updating":"ready";a.useEffect(()=>{s.getFileUploaderStateValue(t)===void 0&&s.setFileUploaderStateValue(t,T(z.current),{fromUi:!1},d)},[s,t,d]),a.useEffect(()=>{if(O!=="ready")return;const l=T(b),r=s.getFileUploaderStateValue(t);ye(l,r)||s.setFileUploaderStateValue(t,l,{fromUi:!0},d)},[O,b,s,t,d]);const he=a.useCallback(()=>{S(()=>[]);const l=T([]);s.setFileUploaderStateValue(t,l,{fromUi:!0},d)},[t,d,S,s]);Be({element:t,widgetMgr:s,onFormCleared:he});const q=a.useCallback(l=>{const r=t.type;if(!r||r.length===0)return!0;const n=l.name.toLowerCase();return r.some(u=>n.endsWith(u.toLowerCase()))},[t.type]),Y=a.useCallback(l=>{const r=[],n=[];return l.forEach(u=>{q(u)?r.push(u):n.push({file:u,errors:[{code:"file-invalid-type",message:`${u.type} files are not allowed.`}]})}),{accepted:r,rejected:n}},[q]),_=a.useCallback((l,r)=>{const n=v(l);I(n)||n.status.type!=="uploading"||C(n.id,n.setStatus({type:"uploaded",fileId:r.fileId,fileUrls:r}))},[v,C]),K=a.useCallback((l,r)=>{const n=v(r);if(I(n)||n.status.type!=="uploading")return;const u=Math.round(l.loaded*100/l.total);n.status.progress!==u&&C(r,n.setStatus({type:"uploading",abortController:n.status.abortController,progress:u}))},[v,C]),Q=a.useCallback((l,r)=>{const n=new AbortController,u=r.webkitRelativePath||r.name,f=new $(u,r.size,U(),{type:"uploading",abortController:n,progress:1});V(f),o.uploadFile(t,l.uploadUrl,r,h=>K(h,f.id),n.signal).then(()=>_(f.id,l)).catch(h=>{h instanceof DOMException&&h.name==="AbortError"||C(f.id,f.setStatus({type:"error",errorMessage:h?h.toString():"Unknown error"}))})},[V,t,U,_,K,C,o]),L=a.useCallback(l=>{if(e)return;const r=v(l);I(r)||(r.status.type==="uploading"&&r.status.abortController.abort(),r.status.type==="uploaded"&&r.status.fileUrls.deleteUrl&&o.deleteFile(r.status.fileUrls.deleteUrl),X(l))},[e,v,X,o]),xe=a.useCallback((l,r)=>{const{multipleFiles:n}=t,u=!!t.acceptDirectory;let f=[...l],h=[...r];if(u&&f.length>0){const{accepted:y,rejected:x}=Y(f);f=y,h=[...h,...x]}if(!n&&f.length===0&&h.length>1){const y=h.findIndex(x=>x.errors.length===1&&x.errors[0].code==="too-many-files");y>=0&&(f.push(h[y].file),h.splice(y,1))}if(o.fetchFileURLs(f).then(y=>{if(!n&&f.length>0){const x=z.current.find(N=>N.status.type!=="error");if(x){D(!0);try{L(x.id)}finally{D(!1)}}}Se(y,f).forEach(([x,N])=>{Q(x,N)})}).catch(y=>{A(f.map(x=>new $(x.name,x.size,U(),{type:"error",errorMessage:y})))}),h.length>0){const y=h.map(x=>De(x,U(),R));A(y)}},[A,L,t,Y,R,U,o,Q,D]),J=a.useMemo(()=>b.slice().reverse(),[b]),we=t.type;return i.jsxs(Ke,{className:"stFileUploader","data-testid":"stFileUploader",width:c,ref:p,children:[i.jsx(Me,{label:t.label,disabled:e,labelVisibility:je(t.labelVisibility?.value),children:t.help&&i.jsx(Ee,{content:t.help,label:t.label})}),i.jsx(Ge,{onDrop:xe,multiple:t.multipleFiles,acceptedExtensions:we,maxSizeBytes:R,label:t.label,disabled:e,acceptDirectory:!!t.acceptDirectory}),J.length>0&&i.jsx(pt,{items:J,pageSize:3,onDelete:L,resetOnAdd:!0,disabled:e})]})},jt=a.memo(ut);export{jt as default};

package/build/assets/index-LfSwL_C3-BhFtSxQv.js

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