(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6124],{93712:function(e,t,n){"use strict";var r=n(67294);t.Z=function(e){return r.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none"},e),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.284 3.012a3.455 3.455 0 015.898 2.443V12a3.454 3.454 0 11-6.91 0V5.455c0-.917.364-1.795 1.012-2.443zM11.727 4a1.454 1.454 0 00-1.454 1.455V12a1.454 1.454 0 002.909 0V5.455A1.454 1.454 0 0011.727 4z",fill:"currentColor"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 9.364a1 1 0 011 1V12a4.727 4.727 0 009.454 0v-1.636a1 1 0 012 0V12A6.727 6.727 0 115 12v-1.636a1 1 0 011-1z",fill:"currentColor"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.727 16.727a1 1 0 011 1V21a1 1 0 01-2 0v-3.273a1 1 0 011-1z",fill:"currentColor"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.454 21a1 1 0 011-1H15a1 1 0 110 2H8.454a1 1 0 01-1-1z",fill:"currentColor"}))}},97005:function(e,t,n){var r=n(67294),i=r&&"object"==typeof r&&"default"in r?r:{default:r};!function(e){if(!e||"undefined"==typeof window)return;let t=document.createElement("style");t.setAttribute("type","text/css"),t.innerHTML=e,document.head.appendChild(t)}('.rfm-marquee-container {\n  overflow-x: hidden;\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  width: var(--width);\n  transform: var(--transform);\n}\n.rfm-marquee-container:hover div {\n  animation-play-state: var(--pause-on-hover);\n}\n.rfm-marquee-container:active div {\n  animation-play-state: var(--pause-on-click);\n}\n\n.rfm-overlay {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.rfm-overlay::before, .rfm-overlay::after {\n  background: linear-gradient(to right, var(--gradient-color), transparent);\n  content: "";\n  height: 100%;\n  position: absolute;\n  width: var(--gradient-width);\n  z-index: 2;\n  pointer-events: none;\n  touch-action: none;\n}\n.rfm-overlay::after {\n  right: 0;\n  top: 0;\n  transform: rotateZ(180deg);\n}\n.rfm-overlay::before {\n  left: 0;\n  top: 0;\n}\n\n.rfm-marquee {\n  flex: 0 0 auto;\n  min-width: var(--min-width);\n  z-index: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  animation: scroll var(--duration) linear var(--delay) var(--iteration-count);\n  animation-play-state: var(--play);\n  animation-delay: var(--delay);\n  animation-direction: var(--direction);\n}\n@keyframes scroll {\n  0% {\n    transform: translateX(0%);\n  }\n  100% {\n    transform: translateX(-100%);\n  }\n}\n\n.rfm-initial-child-container {\n  flex: 0 0 auto;\n  display: flex;\n  min-width: auto;\n  flex-direction: row;\n  align-items: center;\n}\n\n.rfm-child {\n  transform: var(--transform);\n}');let a=r.forwardRef(function({style:e={},className:t="",autoFill:n=!1,play:a=!0,pauseOnHover:o=!1,pauseOnClick:s=!1,direction:c="left",speed:d=50,delay:u=0,loop:l=0,gradient:f=!1,gradientColor:m="white",gradientWidth:h=200,onFinish:p,onCycleComplete:_,onMount:v,children:g},y){let[b,w]=r.useState(0),[M,S]=r.useState(0),[U,k]=r.useState(1),[O,E]=r.useState(!1),C=r.useRef(null),q=y||C,x=r.useRef(null),j=r.useCallback(()=>{if(x.current&&q.current){let e=q.current.getBoundingClientRect(),t=x.current.getBoundingClientRect(),r=e.width,i=t.width;("up"===c||"down"===c)&&(r=e.height,i=t.height),n&&r&&i?k(i<r?Math.ceil(r/i):1):k(1),w(r),S(i)}},[n,q,c]);r.useEffect(()=>{if(O&&(j(),x.current&&q.current)){let e=new ResizeObserver(()=>j());return e.observe(q.current),e.observe(x.current),()=>{e&&e.disconnect()}}},[j,q,O]),r.useEffect(()=>{j()},[j,g]),r.useEffect(()=>{E(!0)},[]),r.useEffect(()=>{"function"==typeof v&&v()},[]);let W=r.useMemo(()=>n?M*U/d:M<b?b/d:M/d,[n,b,M,U,d]),R=r.useMemo(()=>Object.assign(Object.assign({},e),{"--pause-on-hover":!a||o?"paused":"running","--pause-on-click":!a||o&&!s||s?"paused":"running","--width":"up"===c||"down"===c?"100vh":"100%","--transform":"up"===c?"rotate(-90deg)":"down"===c?"rotate(90deg)":"none"}),[e,a,o,s,c]),P=r.useMemo(()=>({"--gradient-color":m,"--gradient-width":"number"==typeof h?`${h}px`:h}),[m,h]),A=r.useMemo(()=>({"--play":a?"running":"paused","--direction":"left"===c?"normal":"reverse","--duration":`${W}s`,"--delay":`${u}s`,"--iteration-count":l?`${l}`:"infinite","--min-width":n?"auto":"100%"}),[a,c,W,u,l,n]),N=r.useMemo(()=>({"--transform":"up"===c?"rotate(90deg)":"down"===c?"rotate(-90deg)":"none"}),[c]),z=r.useCallback(e=>[...Array(Number.isFinite(e)&&e>=0?e:0)].map((e,t)=>i.default.createElement(r.Fragment,{key:t},r.Children.map(g,e=>i.default.createElement("div",{style:N,className:"rfm-child"},e)))),[N,g]);return O?i.default.createElement("div",{ref:q,style:R,className:"rfm-marquee-container "+t},f&&i.default.createElement("div",{style:P,className:"rfm-overlay"}),i.default.createElement("div",{className:"rfm-marquee",style:A,onAnimationIteration:_,onAnimationEnd:p},i.default.createElement("div",{className:"rfm-initial-child-container",ref:x},r.Children.map(g,e=>i.default.createElement("div",{style:N,className:"rfm-child"},e))),z(U-1)),i.default.createElement("div",{className:"rfm-marquee",style:A},z(U))):null});t.Z=a},64970:function(e,t,n){var r;e.exports=(r=n(67294),function(e){var t={};function __nested_webpack_require_620__(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,__nested_webpack_require_620__),r.l=!0,r.exports}return __nested_webpack_require_620__.m=e,__nested_webpack_require_620__.c=t,__nested_webpack_require_620__.d=function(e,t,n){__nested_webpack_require_620__.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},__nested_webpack_require_620__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},__nested_webpack_require_620__.t=function(e,t){if(1&t&&(e=__nested_webpack_require_620__(e)),8&t||4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(__nested_webpack_require_620__.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)__nested_webpack_require_620__.d(n,r,(function(t){return e[t]}).bind(null,r));return n},__nested_webpack_require_620__.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return __nested_webpack_require_620__.d(t,"a",t),t},__nested_webpack_require_620__.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},__nested_webpack_require_620__.p="",__nested_webpack_require_620__(__nested_webpack_require_620__.s="./src/react-webcam.tsx")}({"./src/react-webcam.tsx":function(e,t,n){"use strict";n.r(t);var r,i=n(/*! react */"react"),a=(r=function(e,t){return(r=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)},function(e,t){function __(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(__.prototype=t.prototype,new __)}),__assign=function(){return(__assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},__rest=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&0>t.indexOf(r)&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)0>t.indexOf(r[i])&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n};function hasGetUserMedia(){return!!(navigator.mediaDevices&&navigator.mediaDevices.getUserMedia)}"undefined"!=typeof window&&(void 0===navigator.mediaDevices&&(navigator.mediaDevices={}),void 0===navigator.mediaDevices.getUserMedia&&(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"))}));var o=function(e){function Webcam(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 a(Webcam,e),Webcam.prototype.componentDidMount=function(){var e=this.state,t=this.props;if(!hasGetUserMedia()){t.onUserMediaError("getUserMedia not supported");return}e.hasUserMedia||this.requestUserMedia()},Webcam.prototype.componentDidUpdate=function(e){var t=this.props;if(!hasGetUserMedia()){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())},Webcam.prototype.componentWillUnmount=function(){this.unmounted=!0,this.stopAndCleanup()},Webcam.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())},Webcam.prototype.stopAndCleanup=function(){var e=this.state;e.hasUserMedia&&(Webcam.stopMediaStream(this.stream),e.src&&window.URL.revokeObjectURL(e.src))},Webcam.prototype.getScreenshot=function(e){var t=this.state,n=this.props;if(!t.hasUserMedia)return null;var r=this.getCanvas(e);return r&&r.toDataURL(n.screenshotFormat,n.screenshotQuality)},Webcam.prototype.getCanvas=function(e){var t=this.state,n=this.props;if(!this.video||!t.hasUserMedia||!this.video.videoHeight)return null;if(!this.ctx){var r=this.video.videoWidth,i=this.video.videoHeight;if(!this.props.forceScreenshotSourceSize){var a=r/i;i=(r=n.minScreenshotWidth||this.video.clientWidth)/a,n.minScreenshotHeight&&i<n.minScreenshotHeight&&(r=(i=n.minScreenshotHeight)*a)}this.canvas=document.createElement("canvas"),this.canvas.width=(null==e?void 0:e.width)||r,this.canvas.height=(null==e?void 0:e.height)||i,this.ctx=this.canvas.getContext("2d")}var o=this.ctx,s=this.canvas;return o&&s&&(n.mirrored&&(o.translate(s.width,0),o.scale(-1,1)),o.imageSmoothingEnabled=n.imageSmoothing,o.drawImage(this.video,0,0,(null==e?void 0:e.width)||s.width,(null==e?void 0:e.height)||s.height),n.mirrored&&(o.scale(-1,1),o.translate(-s.width,0))),s},Webcam.prototype.requestUserMedia=function(){var e=this,t=this.props,sourceSelected=function(n,r){var i={video:void 0===r||r};t.audio&&(i.audio=void 0===n||n),e.requestUserMediaId++;var a=e.requestUserMediaId;navigator.mediaDevices.getUserMedia(i).then(function(t){e.unmounted||a!==e.requestUserMediaId?Webcam.stopMediaStream(t):e.handleUserMedia(null,t)}).catch(function(t){e.handleUserMedia(t)})};if("mediaDevices"in navigator)sourceSelected(t.audioConstraints,t.videoConstraints);else{var optionalSource_1=function(e){return{optional:[{sourceId:e}]}},constraintToSourceId_1=function(e){var t=e.deviceId;return"string"==typeof t?t:Array.isArray(t)&&t.length>0?t[0]:"object"==typeof t&&t.ideal?t.ideal:null};MediaStreamTrack.getSources(function(e){var n=null,r=null;e.forEach(function(e){"audio"===e.kind?n=e.id:"video"===e.kind&&(r=e.id)});var i=constraintToSourceId_1(t.audioConstraints);i&&(n=i);var a=constraintToSourceId_1(t.videoConstraints);a&&(r=a),sourceSelected(optionalSource_1(n),optionalSource_1(r))})}},Webcam.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(e){this.setState({hasUserMedia:!0,src:window.URL.createObjectURL(t)})}n.onUserMedia(t)},Webcam.prototype.render=function(){var e=this,t=this.state,n=this.props,r=n.audio,a=(n.forceScreenshotSourceSize,n.onUserMedia,n.onUserMediaError,n.screenshotFormat,n.screenshotQuality,n.minScreenshotWidth,n.minScreenshotHeight,n.audioConstraints,n.videoConstraints,n.imageSmoothing,n.mirrored),o=n.style,s=void 0===o?{}:o,c=__rest(n,["audio","forceScreenshotSourceSize","onUserMedia","onUserMediaError","screenshotFormat","screenshotQuality","minScreenshotWidth","minScreenshotHeight","audioConstraints","videoConstraints","imageSmoothing","mirrored","style"]),d=a?__assign(__assign({},s),{transform:(s.transform||"")+" scaleX(-1)"}):s;return i.createElement("video",__assign({autoPlay:!0,src:t.src,muted:!r,playsInline:!0,ref:function(t){e.video=t},style:d},c))},Webcam.defaultProps={audio:!1,forceScreenshotSourceSize:!1,imageSmoothing:!0,mirrored:!1,onUserMedia:function(){},onUserMediaError:function(){},screenshotFormat:"image/webp",screenshotQuality:.92},Webcam}(i.Component);t.default=o},react:function(e,t){e.exports=r}}).default)}}]);