https://nyan1patsu.onrender.com/static/js/index.BNE2eeVb.js

1import{r as o,E as q,_ as D,f as k,h as O,j as U,aD as ye,P as Ce,b as Ue,B as we,aC as G,bI as le,as as Me,an as xe,br as Ee,o as Ie,bJ as Re,m as Fe,G as ke,aq as _e,e as j,bs as Pe,q as Oe,F as Te,V as We,bK as Le,bL as Ve}from"./index.RuhrnD1v.js";import{W as je}from"./WidgetLabel.CgwydhVR.js";import{W as Be}from"./WidgetLabelHelpIcon.BKLcvqEy.js";import{U as ce}from"./UploadFileInfo.Dr-zDST7.js";import{u as Ae}from"./FormClearHelper.DFo50Lfo.js";import{P as ze,S as $e}from"./ProgressBar.CMnb-7c9.js";import{b as Ne}from"./urls.BwSlolu9.js";import"./styled-components.CXqQ-NdV.js";var ue=o.forwardRef(function(e,s){var u={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return o.createElement(q,D({iconAttrs:u,iconVerticalAlign:"middle",iconViewBox:"0 0 24 24"},e,{ref:s}),o.createElement("rect",{width:24,height:24,fill:"none"}),o.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"}))});ue.displayName="SwitchCamera";var de=o.forwardRef(function(e,s){var u={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return o.createElement(q,D({iconAttrs:u,iconVerticalAlign:"middle",iconViewBox:"0 0 8 8"},e,{ref:s}),o.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 fe=o.forwardRef(function(e,s){var u={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return o.createElement(q,D({iconAttrs:u,iconVerticalAlign:"middle",iconViewBox:"0 0 8 8"},e,{ref:s}),o.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"}))});fe.displayName="X";function He(e,s){switch(e){case"xsmall":return{padding:`${s.spacing.twoXS} ${s.spacing.sm}`,fontSize:s.fontSizes.sm};case"small":return{padding:`${s.spacing.twoXS} ${s.spacing.md}`};case"large":return{padding:`${s.spacing.md} ${s.spacing.md}`};default:return{padding:`${s.spacing.xs} ${s.spacing.md}`}}}const pe=k("div",{target:"exxgkyt0"})({position:"relative",overflow:"hidden",width:"100%",objectFit:"contain"}),X=k("div",{target:"exxgkyt1"})(({theme:e,width:s})=>({backgroundColor:e.colors.secondaryBg,borderRadius:`${e.radii.default} ${e.radii.default} 0 0`,width:"100%",height:s*9/16,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"})),qe=k("p",{target:"exxgkyt2"})(({theme:e})=>({marginTop:e.spacing.sm,textAlign:"center"})),De=k("img",{target:"exxgkyt3"})(({theme:e,opacity:s})=>({borderRadius:`${e.radii.default} ${e.radii.default} 0 0`,objectFit:"contain",opacity:s})),Ge=k("a",{target:"exxgkyt4"})(({theme:e})=>({color:e.colors.link,textDecoration:e.linkUnderline?"underline":"none",display:"block"})),Xe=k("span",{target:"exxgkyt5"})({display:"flex",alignItems:"center"}),Je=k("div",{target:"exxgkyt6"})(({theme:e})=>({position:"absolute",top:e.spacing.lg,right:e.spacing.lg,zIndex:e.zIndices.priority,color:e.colors.fadedText40,mixBlendMode:"difference",opacity:.6})),Qe=k("div",{target:"exxgkyt8"})({height:"fit-content",width:"100%",position:"absolute",bottom:0}),Ke=k("button",{target:"exxgkyt9"})(({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},...He("medium",e)}

1));function Ye({disabled:e,onClick:s,children:u,progress:h}){return O(Ke,{disabled:e||!1,onClick:s||(()=>{}),progress:h||null,"data-testid":"stCameraInputButton",children:[u,h?U(Qe,{children:U(ze,{value:h,size:$e.EXTRASMALL,overrides:{Bar:{style:{borderTopLeftRadius:0,borderTopRightRadius:0}},BarProgress:{style:{borderTopLeftRadius:0,borderTopRightRadius:0}},BarContainer:{style:{borderTopLeftRadius:0,borderTopRightRadius:0}}}})}):null]})}const he=o.memo(Ye);var B=(function(e){return e.USER="user",e.ENVIRONMENT="environment",e})({});const Ze=({switchFacingMode:e})=>U(Je,{"data-testid":"stCameraInputSwitchButton",children:U(ye,{content:"Switch camera",placement:Ce.TOP_RIGHT,children:U(Ue,{kind:we.MINIMAL,onClick:e,children:U(G,{content:ue,size:"twoXL",color:le.white})})})}),et=o.memo(Ze);var A={exports:{}},tt=A.exports,se;function rt(){return se||(se=1,(function(e,s){(function(h,g){e.exports=g(Me())})(tt,function(u){return(function(h){var g={};function p(n){if(g[n])return g[n].exports;var f=g[n]={i:n,l:!1,exports:{}};return h[n].call(f.exports,f,f.exports,p),f.l=!0,f.exports}return p.m=h,p.c=g,p.d=function(n,f,m){p.o(n,f)||Object.defineProperty(n,f,{enumerable:!0,get:m})},p.r=function(n){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},p.t=function(n,f){if(f&1&&(n=p(n)),f&8||f&4&&typeof n=="object"&&n&&n.__esModule)return n;var m=Object.create(null);if(p.r(m),Object.defineProperty(m,"default",{enumerable:!0,value:n}),f&2&&typeof n!="string")for(var R in n)p.d(m,R,(function(I){return n[I]}).bind(null,R));return m},p.n=function(n){var f=n&&n.__esModule?function(){return n.default}:function(){return n};return p.d(f,"a",f),f},p.o=function(n,f){return Object.prototype.hasOwnProperty.call(n,f)},p.p="",p(p.s="./src/react-webcam.tsx")})({

1"./src/react-webcam.tsx":(function(h,g,p){p.r(g);var n=p("react"),f=(function(){var b=function(i,t){return b=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,l){r.__proto__=l}||function(r,l){for(var c in l)l.hasOwnProperty(c)&&(r[c]=l[c])},b(i,t)};return function(i,t){b(i,t);function r(){this.constructor=i}i.prototype=t===null?Object.create(t):(r.prototype=t.prototype,new r)}})(),m=function(){return m=Object.assign||function(b){for(var i,t=1,r=arguments.length;t<r;t++){i=arguments[t];for(var l in i)Object.prototype.hasOwnProperty.call(i,l)&&(b[l]=i[l])}return b},m.apply(this,arguments)},R=function(b,i){var t={};for(var r in b)Object.prototype.hasOwnProperty.call(b,r)&&i.indexOf(r)<0&&(t[r]=b[r]);if(b!=null&&typeof Object.getOwnPropertySymbols=="function")for(var l=0,r=Object.getOwnPropertySymbols(b);l<r.length;l++)i.indexOf(r[l])<0&&Object.prototype.propertyIsEnumerable.call(b,r[l])&&(t[r[l]]=b[r[l]]);return t};(function(){typeof window>"u"||(navigator.mediaDevices===void 0&&(navigator.mediaDevices={}),navigator.mediaDevices.getUserMedia===void 0&&(navigator.mediaDevices.getUserMedia=function(i){var t=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;return t?new Promise(function(r,l){t.call(navigator,i,r,l)}):Promise.reject(new Error("getUserMedia is not implemented in this browser"))}))})();function I(){return!!(navigator.mediaDevices&&navigator.mediaDevices.getUserMedia)}var F=(function(b){f(i,b);function i(t){var r=b.call(this,t)||this;return r.canvas=null,r.ctx=null,r.requestUserMediaId=0,r.unmounted=!1,r.state={hasUserMedia:!1},r}return i.prototype.componentDidMount=function(){var t=this,r=t.state,l=t.props;if(this.unmounted=!1,!I()){l.onUserMediaError("getUserMedia not supported");return}r.hasUserMedia||this.requestUserMedia(),l.children&&typeof l.children!="function"&&console.warn("children must be a function")},i.prototype.componentDidUpdate=function(t){var r=this.props;if(!I()){r.onUserMediaError("getUserMedia not supported");return}var l=JSON.stringify(t.audioConstraints)!==JSON.stringify(r.audioConstraints),c=JSON.stringify(t.videoConstraints)!==JSON.stringify(r.videoConstraints),M=t.minScreenshotWidth!==r.minScreenshotWidth,y=t.minScreenshotHeight!==r.minScreenshotHeight;(c||M||y)&&(this.canvas=null,this.ctx=null),(l||c)&&(this.stopAndCleanup(),this.requestUserMedia())},i.prototype.componentWillUnmount=function(){this.unmounted=!0,this.stopAndCleanup()},i.stopMediaStream=function(t){t&&(t.getVideoTracks&&t.getAudioTracks?(t.getVideoTracks().map(function(r){t.removeTrack(r),r.stop()}),t.getAudioTracks().map(function(r){t.removeTrack(r),r.stop()})):t.stop())},i.prototype.stopAndCleanup=function(){var t=this.state;t.hasUserMedia&&(i.stopMediaStream(this.stream),t.src&&window.URL.revokeObjectURL(t.src))},i.prototype.getScreenshot=function(t){var r=this,l=r.state,c=r.props;if(!l.hasUserMedia)return null;var M=this.getCanvas(t);return M&&M.toDataURL(c.screenshotFormat,c.screenshotQuality)},i.prototype.getCanvas=function(t){var r=this,l=r.state,c=r.props;if(!this.video||!l.hasUserMedia||!this.video.videoHeight)return null;if(!this.ctx){var M=this.video.videoWidth,y=this.video.videoHeight;if(!this.props.forceScreenshotSourceSize){var C=M/y;M=c.minScreenshotWidth||this.video.clientWidth,y=M/C,c.minScreenshotHeight&&y<c.minScreenshotHeight&&(y=c.minScreenshotHeight,M=y*C)}this.canvas=document.createElement("canvas"),this.canvas.width=t?.width||M,this.canvas.height=t?.height||y,this.ctx=this.canvas.getContext("2d")}var x=this,w=x.ctx,v=x.canvas;return w&&v&&(v.width=t?.width||v.width,v.height=t?.height||v.height,c.mirrored&&(w.translate(v.width,0),w.scale(-1,1)),w.imageSmoothingEnabled=c.imageSmoothing,w.drawImage(this.video,0,0,t?.width||v.width,t?.height||v.height),c.mirrored&&(w.scale(-1,1),w.translate(-v.width,0))),v},i.prototype.requestUserMedia=function(){var t=this,r=this.props,l=function(y,C){var x={video:typeof C<"u"?C:!0};r.audio&&(x.audio=typeof y<"u"?y:!0),t.requestUserMediaId++;var w=t.requestUserMediaId;navigator.mediaDevices.getUserMedia(x).then(function(v){t.unmounted||w!==t.requestUserMediaId?i.stopMediaStream(v):t.handleUserMedia(null,v)}).catch(function(v){t.handleUserMedia(v)})};if("mediaDevices"in navigator)l(r.audioConstraints,r.videoConstraints);else{var c=function(y){return{optional:[{sourceId:y}]}},M=function(y){var C=y.deviceId;return typeof C=="string"?C:Array.isArray(C)&&C.length>0?C[0]:typeof C=="object"&&C.ideal?C.ideal:null};MediaStreamTrack.getSources(function(y){var C=null,x=null;y.forEach(function(_){_.kind==="audio"?C=_.id:_.kind==="video"&&(x=_.id)});var w=M(r.audioConstraints);w&&(C=w);var v=M(r.videoConstraints);v&&(x=v),l(c(C),c(x))})}},i.prototype.handleUserMedia=function(t,r){var l=this.props;if(t||!r){this.setState({hasUserMedia:!1}),l.onUserMediaError(t);return}this.stream=r;try{this.video&&(this.video.srcObject=r),this.setState({hasUserMedia:!0})}catch{this.setState({hasUserMedia:!0,src:window.URL.createObjectURL(r)})}l.onUserMedia(r)},i.prototype.render=function(){var t=this,r=this,l=r.state,c=r.props,M=c.audio;c.forceScreenshotSourceSize;var y=c.disablePictureInPicture;c.onUserMedia,c.onUserMediaError,c.screenshotFormat,c.screenshotQuality,c.minScreenshotWidth,c.minScreenshotHeight,c.audioConstraints,c.videoConstraints,c.imageSmoothing;var C=c.mirrored,x=c.style,w=x===void 0?{}:x,v=c.children,_=R(c,["audio","forceScreenshotSourceSize","disablePictureInPicture","onUserMedia","onUserMediaError","screenshotFormat","screenshotQuality","minScreenshotWidth","minScreenshotHeight","audioConstraints","videoConstraints","imageSmoothing","mirrored","style","children"]),z=C?m(m({},w),{transform:(w.transform||"")+" scaleX(-1)"}):w,T={getScreenshot:this.getScreenshot.bind(this)};return n.createElement(n.Fragment,null,n.createElement("video",m({autoPlay:!0,disablePictureInPicture:y,src:l.src,muted:!M,playsInline:!0,ref:function(P){t.video=P},style:z},_)),v&&v(T))},i.defaultProps={audio:!1,disablePictureInPicture:!1,forceScreenshotSourceSize:!1,imageSmoothing:!0,mirrored:!1,onUserMedia:function(){},onUserMediaError:function(){},screenshotFormat:"image/webp",screenshotQuality:.92},i})(n.Component);g.default=F})

1,react:(function(h,g){h.exports=u})}).default})})(A)),A.exports}var it=rt();const ot=xe(it),nt=({width:e})=>O(X,{width:e,children:[U(G,{size:"threeXL",color:le.gray60,content:de}),O(qe,{children:["This app would like to use your camera.",U(Ge,{href:Ne,rel:"noopener noreferrer",target:"_blank",children:"Learn how to allow access."})]})]}),at=({handleCapture:e,width:s,disabled:u,clearPhotoInProgress:h,setClearPhotoInProgress:g,facingMode:p,setFacingMode:n,testOverride:f})=>{const[m,R]=o.useState(f||"pending"),I=o.useRef(null),[F,b]=o.useState(s),i=o.useCallback(Ee(1e3,b),[]);o.useEffect(()=>{i(s)},[s,i]);function t(){if(I.current!==null){const l=I.current.getScreenshot();e(l)}}const r=Ie();return O(pe,{"data-testid":"stCameraInputWebcamComponent",children:[m!=="success"&&!u&&!h?U(nt,{width:F}):Re()&&U(et,{switchFacingMode:n}),U(X,{"data-testid":"stCameraInputWebcamStyledBox",hidden:m!=="success"&&!u&&!h,width:F,children:!u&&U(ot,{audio:!1,ref:I,screenshotFormat:"image/jpeg",screenshotQuality:1,width:F,height:F*9/16,style:{borderRadius:`${r.radii.default} ${r.radii.default} 0 0`},onUserMediaError:()=>{R("error")},onUserMedia:()=>{R("success"),g(!1)},videoConstraints:{width:{ideal:F},facingMode:p}})}),U(he,{onClick:t,disabled:m!=="success"||u||h,children:"Take Photo"})]})},st=o.memo(at),ge="RESTORED_FROM_WIDGET",lt=150,ct=We.getLogger("CameraInput"),H=e=>{const s=e.filter(u=>u.status.type==="uploaded").map(u=>{const{name:h,size:g,status:p}=u,{fileId:n,fileUrls:f}=p;return new Le({fileId:n,fileUrls:f,name:h,size:g})});return new Ve({uploadedFileInfo:s})},ut=(e,s)=>{const u=s.getFileUploaderStateValue(e);if(j(u))return{files:[],nextLocalId:1,imgSrc:null};const{uploadedFileInfo:h}=u;if(j(h)||h.length===0)return{files:[],nextLocalId:1,imgSrc:null};let g=1;const p=h.map(n=>{const f=n.name,m=n.size,R=n.fileId,I=n.fileUrls,F=new ce(f,m,g,{type:"uploaded",fileId:R,fileUrls:I});return g+=1,F});return{files:p,nextLocalId:g,imgSrc:p.length>0?ge:null}};function dt(e,s){return fetch(e).then(u=>u.arrayBuffer()).then(u=>new File([u],s,{type:"image/jpeg"}))}const ft=({element:e,widgetMgr:s,uploadClient:u,disabled:h,fragmentId:g,testOverride:p})=>{const{width:n,elementRef:f}=Fe(),m=o.useRef(null);m.current===null&&(m.current=ut(e,s));const{files:R,nextLocalId:I,imgSrc:F}=m.current,b=o.useRef(I),[i,t]=o.useState(()=>R),r=o.useRef(i);o.useLayoutEffect(()=>{r.current=i},[i]);const[l,c]=o.useState(()=>F),[M,y]=o.useState(!1),[C,x]=o.useState(!0),[w,v]=o.useState(!1),[_,z]=o.useState(B.USER),T=o.useRef([]),P=o.useRef(null),$=o.useCallback(()=>{T.current.length!==0&&(T.current.forEach(a=>a()),T.current=[])},[]),{clear:J,restart:Q}=ke(()=>{$()},lt,{autoStart:!1}),K=o.useCallback(()=>new Promise(a=>{T.current.push(a),Q()}),[Q]);o.useEffect(()=>()=>{J(),$(),P.current=null},[J,$]);const Y=o.useCallback(()=>{const a=b.current;return b.current+=1,a},[]),Z=o.useMemo(()=>{const a=d=>d.status.type==="uploading";return i.some(a)?"updating":"ready"},[i]),N=o.useMemo(()=>{if(i.length>0&&i[i.length-1].status.type==="uploading")return i[i.length-1].status.progress},[i]),me=o.useCallback(()=>{z(a=>a===B.USER?B.ENVIRONMENT:B.USER)},[]),W=o.useCallback(a=>r.current.find(d=>d.id===a),[]),ee=o.useCallback(a=>{_e.flushSync(()=>{t(d=>[...d,a])})},[]),te=o.useCallback(a=>{t(d=>d.filter(S=>S.id!==a))},[]),L=o.useCallback((a,d)=>{t(S=>S.map(E=>E.id===a?d:E))},[]),re=o.useCallback((a,d)=>{y(!1);const S=W(a);j(S)||S.status.type!=="uploading"||L(S.id,S.setStatus({type:"uploaded",fileId:d.fileId,fileUrls:d}))},[W,L]),ie=o.useCallback((a,d)=>{const S=W(d);if(j(S)||S.status.type!=="uploading")return;const E=Math.round(a.loaded*100/a.total);S.status.progress!==E&&L(d,S.setStatus({type:"uploading",abortController:S.status.abortController,progress:E}))},[W,L]),oe=o.useCallback((a,d)=>{const S=new AbortController,E=new ce(d.name,d.size,Y(),{type:"uploading",abortController:S,progress:1});ee(E),u.uploadFile(e,a.uploadUrl,d,V=>ie(V,E.id),S.signal).then(()=>re(E.id,a)).catch(V=>{V instanceof DOMException&&V.name==="AbortError"||L(E.id,E.setStatus({type:"error",errorMessage:V?V.toString():"Unknown error"}))})},[ee,e,Y,re,ie,L,u]),ne=o.useCallback(a=>{const d=W(a);j(d)||(d.status.type==="uploading"&&d.status.abortController.abort(),d.status.type==="uploaded"&&d.status.fileUrls.deleteUrl&&u.deleteFile(d.status.fileUrls.deleteUrl),te(a))},[W,te,u]),ae=o.useCallback(a=>

1{if(a===null)return Promise.resolve();if(P.current)return P.current;c(a),y(!0),x(!1);const d=dt(a,`camera-input-${new Date().toISOString().replace(/:/g,"_")}.jpg`).then(S=>u.fetchFileURLs([S]).then(E=>({file:S,fileUrls:E[0]}))).then(({file:S,fileUrls:E})=>oe(E,S)).then(K).then(()=>{x(!0)}).catch(S=>{ct.error(S)}).finally(()=>{P.current=null});return P.current=d,d},[u,oe,K]),ve=o.useCallback(a=>{ae(a)},[ae]),Se=o.useCallback(()=>{i.length!==0&&(i.forEach(a=>ne(a.id)),c(null),v(!0))},[i,ne]);o.useEffect(()=>{s.getFileUploaderStateValue(e)===void 0&&s.setFileUploaderStateValue(e,H(i),{fromUi:!1},g)},[]),o.useEffect(()=>{if(Z!=="ready")return;const a=H(i),d=s.getFileUploaderStateValue(e);Pe(a,d)||s.setFileUploaderStateValue(e,a,{fromUi:!0},g)},[Z,i,s,e,g]);const be=o.useCallback(()=>{t([]),c(null);const a=H([]);s.setFileUploaderStateValue(e,a,{fromUi:!0},g)},[e,g,s]);return Ae({element:e,widgetMgr:s,onFormCleared:be}),O(pe,{className:"stCameraInput","data-testid":"stCameraInput",ref:f,children:[U(je,{label:e.label,disabled:h,labelVisibility:Oe(e.labelVisibility?.value),children:e.help&&U(Be,{content:e.help,label:e.label})}),l?O(Te,{children:[U(X,{width:n,children:l!==ge&&U(De,{src:l,alt:"Snapshot",opacity:M||!C?"50%":"100%",width:n,height:n*9/16})}),U(he,{onClick:Se,progress:N,disabled:!!N||h,children:N?"Uploading...":O(Xe,{children:[U(G,{content:fe,margin:"0 xs 0 0",size:"sm"})," Clear photo"]})})]}):U(st,{handleCapture:ve,width:n,disabled:h,clearPhotoInProgress:w,setClearPhotoInProgress:v,facingMode:_,setFacingMode:me,testOverride:p})]})},Ct=o.memo(ft);export{Ct as default};