@qonsoll/qvideo/dist/index.js

- [Integration](#Integration) - [Recorder properties](#Recorder-properties) - [Player properties](#Player-properties) - [Remote control](#Remote-control) - [Statistic](#Statistic) - [Chapters](#Chapters) - [Translations](#Translations)

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray");require("video.js/dist/video-js.css"),require("videojs-record/dist/css/videojs.record.css"),require("videojs-record/dist/videojs.record.js");var t=require("react"),n=require("prop-types"),r=require("ismobilejs"),i=require("video.js"),o=require("@babel/runtime/regenerator"),a=require("@babel/runtime/helpers/asyncToGenerator"),l=require("react/jsx-runtime"),s=require("@babel/runtime/helpers/defineProperty"),c=require("@qonsoll/translation"),u=require("@babel/runtime/helpers/taggedTemplateLiteral"),d=require("styled-components"),p=require("@babel/runtime/helpers/objectWithoutProperties"),f=require("@babel/runtime/helpers/toConsumableArray"),v=require("moment"),h=require("@babel/runtime/helpers/extends"),g=require("uuid"),b=require("lodash"),m=require("react-player"),x=require("react-dom");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var C=y(e),w=y(n),j=y(r),k=y(i),P=y(o),q=y(a),S=y(s),O=y(u),L=y(d),T=y(p),z=y(f),D=y(v),E=y(h),M=y(b),R=y(m),I=t.createContext(),F=function(e,n){var r=t.useState(null),i=C.default(r,2),o=i[0],a=i[1];return t.useEffect((function(){var t=!0;if(e){var r=k.default(null==n?void 0:n.current,e);t&&r&&a(r)}return function(){return t=!1}}),[e]),o};F.propTypes={options:w.default.object.isRequired};var B=function(e,n){var r=H().player,i=t.useState(null),o=C.default(i,2),a=o[0],l=o[1];return t.useEffect((function(){var t=!0,i=function(){t&&(l(!0),n&&n.apply(void 0,arguments))};return null==r||r.on(e,i),function(){t=!1,null==r||r.off(e,i)}}),[r]),a};B.propTypes={event:w.default.oneOf(["retry"]).isRequired,callback:w.default.func};var N=function(e,n,r){var i=t.useState(null),o=C.default(i,2),a=o[0],l=o[1];return t.useEffect((function(){var t=!0;return null==n||n.one(e,(function(){t&&(l(!0),r&&r())})),function(){return t=!1}}),[n]),a};N.propTypes={event:w.default.oneOf(["deviceReady","loadeddata"]).isRequired,player:w.default.object.isRequired,callback:w.default.func};var A=function(e,t){var n=H().player;return q.default(P.default.mark((function r(){var i,o,a,l;return P.default.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(r.t0=t,!r.t0){r.next=4;break}return r.next=4,t();case 4:return l=null==n||null===(i=n.record)||void 0===i||null===(o=i.call(n))||void 0===o||null===(a=o[e])||void 0===a?void 0:a.call(o),r.abrupt("return",l);case 6:case"end":return r.stop()}}),r)})))};A.propTypes={method:w.default.oneOf(["isRecording","getRecordType","saveAs","destroy","reset","stopDevice","getDevice","getDuration","getCurrentTime","setFormatTime","exportImage","enumerateDevices","setAudioOutput","setAudioInput","setVideoInput","convert","start","stop","pause","resume"]).isRequired,callback:w.default.func};function V(e){var n=t.useState({width:void 0,height:void 0}),r=C.default(n,2),i=r[0],o=r[1];return{windowSize:i,getDimensions:t.useCallback((function(){var t,n,r,i;o({width:null==e||null===(t=e.current)||void 0===t||null===(n=t.parentElement)||void 0===n?void 0:n.offsetWidth,height:null==e||null===(r=e.current)||void 0===r||null===(i=r.parentElement)||void 0===i?void 0:i.offsetHeight}),window.addEventListener("resize",(function(){var t,n,r,i;return o({width:null==e||null===(t=e.current)||void 0===t||null===(n=t.parentElement)||void 0===n?void 0:n.offsetWidth,height:null==e||null===(r=e.current)||void 0===r||null===(i=r.parentElement)||void 0===i?void 0:i.offsetHeight})}))}),[])}}var U=function(e){var n,r,i,o,a,s,c,u,d,p,f,v=e.fileUploaded,h=e.setFileUploaded,g=e.blobURL,b=e.setBlobURL,m=e.link,x=e.setLink,y=e.linkService,w=e.setLinkService,k=e.apiKey,P=e.children,q=e.defaultOptions,S=e.autoStart,O=e.countdownDuration,L=e.circle,T=e.isCameraConfig,z=e.isMicroConfig,D=e.isScreenRecord,E=e.isPiP,M=e.isNotes,R=e.isCancel,B=e.isUpload,N=e.isLibrary,A=e.isChapters,V=e.isLink,U=e.onRecordStart,H=e.onRecordStop,Z=e.onRecordApprove,K=e.onRecordReject,W=e.onRecordReplay,Y=e.onUpload,G=e.onLibraryClick,X=e.onNotesClick,_=e.onCancelClick,J=e.onScreenRecordClick,$=e.onCameraRecordClick,Q=e.onPipClick,ee=e.spinnerSize,te=e.spinnerText,ne=e.width,re=e.onLinkClick,ie=e.onChaptersChange,oe=t.useState(q),ae=C.default(oe,2),le=ae[0],se=ae[1],ce=t.useState(!1),ue=C.default(ce,2),de=ue[0],pe=ue[1],fe=t.useState(!1),ve=C.default(fe,2),he=ve[0],ge=ve[1],be=t.useState(!1),me=C.default(be,2),xe=me[0],ye=me[1],Ce=t.useState(!1),we=C.default(Ce,2),je=we[0],ke=we[1],Pe=t.useState(!1),qe=C.default(Pe,2),Se=qe[0],Oe=qe[1],Le=t.useState(!1),Te=C.default(Le,2),ze=Te[0],De=Te[1],Ee=t.useState(),Me=C.default(Ee,2),Re=Me[0],Ie=Me[1],Fe=t.useRef(),Be=ne<576,Ne=ne>576&&ne<768,Ae=ne>768&&ne<1024,Ve=ne>1024,Ue=null===(n=navigator)||void 0===n||null===(r=n.userAgentData)||void 0===r?void 0:r.mobile,He=null===j.default||void 0===j.default||null===(i=j.default(null===(a=window)||void 0===a?void 0:a.navigator))||void 0===i||null===(o=i.apple)||void 0===o?void 0:o.device,Ze=(null===j.default||void 0===j.default||null===(s=j.default(null===(u=window)||void 0===u?void 0:u.navigator))||void 0===s||null===(c=s.apple)||void 0===c?void 0:c.device)&&(null===(d=navigator)||void 0===d||null===(p=d.userAgent)||void 0===p||null===(f=p.match)||void 0===f?void 0:f.call(p,"CriOS")),Ke=F(le,Fe);return t.useEffect((function(){return function(){var e,t,n;return null==Ke||null===(e=Ke.record)||void 0===e||null===(t=e.call(Ke))||void 0===t||null===(n=t.stopStream)||void 0===n?void 0:n.call(t)}}),[Ke]),l.jsx(I.Provider,{value:{fileUploaded:v,setFileUploaded:h,blobURL:g,setBlobURL:b,linkService:y,setLinkService:w,link:m,setLink:x,apiKey:k,isMobileOrTablet:Ue,phone:Be,bigPhone:Ne,tablet:Ae,desktop:Ve,isCountdown:xe,setIsCountdown:ye,isCurtains:je,setIsCurtains:ke,isNotesOn:Se,setIsNotesOn:Oe,isRecording:de,setIsRecording:pe,isOnApprove:he,setIsOnApprove:ge,player:Ke,videoNode:Fe,autoStart:S,options:le,setOptions:se,countdownDuration:O,circle:L,isCameraConfig:T,isMicroConfig:z,isScreenRecord:D,isPiP:E,isNotes:M,isCancel:R,isUpload:B,isLibrary:N,isChapters:A,onRecordStart:U,onRecordStop:H,onRecordApprove:Z,onRecordReject:K,onRecordReplay:W,onUpload:Y,onLibraryClick:G,onNotesClick:X,onCancelClick:_,onScreenRecordClick:J,onCameraRecordClick:$,onPipClick:Q,recordedVideoData:Re,setRecordedVideoData:Ie,isPlaying:ze,isLink:V,setIsPlaying:De,spinnerSize:ee,spinnerText:te,isApplePhoneOrTablet:He,isApplePhoneOrTabletChrome:Ze,width:ne,onLinkClick:re,onChaptersChange:ie},children:P})};U.propTypes={children:w.default.node.isRequired,defaultOptions:w.default.object.isRequired,autoStart:w.default.bool,countdownDuration:w.default.number};var H=function(){return t.useContext(I)},Z=t.createContext(),K=function(){return t.useContext(Z)},W=function(e){var n=e.children,r=t.useState(!1),i=C.default(r,2),o=i[0],a=i[1],s=t.useState(""),c=C.default(s,2),u=c[0],d=c[1],p=t.useState(""),f=C.default(p,2),v=f[0],h=f[1],g=t.useState(),b=C.default(g,2),m=b[0],x=b[1],y=t.useState(),w=C.default(y,2),j=w[0],k=w[1],P=t.useState(!1),q=C.default(P,2),S=q[0],O=q[1],L=t.useState(!1),T=C.default(L,2),z=T[0],D=T[1],E=t.useState(0),M=C.default(E,2),R=M[0],I=M[1],F=t.useState(!1),V=C.default(F,2),U=V[0],K=V[1],W=function(){var e=t.useState([]),n=C.default(e,2),r=n[0],i=n[1],o=H().player,a=N("deviceReady",o),l=A("enumerateDevices"),s=B("enumerateReady");return t.useEffect((function(){a&&l()}),[a]),t.useEffect((function(){var e,t=!0;return t&&s&&i(null==o||null===(e=o.record())||void 0===e?void 0:e.devices),function(){t=!1}}),[s]),{videoDevices:null==r?void 0:r.filter((function(e){return"videoinput"===e.kind})),audioDevices:null==r?void 0:r.filter((function(e){return"audioinput"===e.kind}))}}(),Y=W.videoDevices,G=W.audioDevices;return l.jsx(Z.Provider,{value:{isUploading:z,setIsUploading:D,selectedVideo:j,setSelectedVideo:k,selectedAudio:m,setSelectedAudio:x,isNotesOn:o,setIsNotesOn:a,notesContent:u,setNotesContent:d,chapterContent:v,setChapterContent:h,videoDevices:Y,audioDevices:G,isApproveButtonDisabled:S,setIsApproveButtonDisabled:O,uploadProgress:R,setUploadProgress:I,uploadLoading:U,setUploading:K},children:n})},Y=t.createContext(),G=function(){return t.useContext(Y)},X="mp4",_="youtube",J="vimeo",$=Object.freeze({__proto__:null,EN:{countdownMessage:"Record in",startRecordMsg:"Press record to start",appleDevicesChromeErrorMsg:"This device allow only upload videos",appleDevicesChromeErrorPressUpload:"Press Upload button to start",reviewRecordMsg:"Like it",notesPlaceholder:"Sketch here a short script of the speech",chaptersPlaceholder:"Chapters creating example",audioDeviceSelectTooltip:"Select microphone",videoDeviceSelectTooltip:"Select camera",screenRecordTooltip:"Screen record",cameraRecordTooltip:"Switch to camera",uploadToolTip:"Upload a video file",libraryToolTip:"Pick a video from the library",linkToolTip:"Add video via link",cancelTooltip:"Cancel",notesTooltip:"Notes",pipTooltip:"Picture in picture",chaptersBtnTooltip:"Chapters",chaptersCreateNewBtnTooltip:"Add new chapter",chapterCancelBtnText:"Cancel",chaptersHeader:"Chapters",chapterApproveBtnText:"Approve",chapterAddBtnText:"Add",chaptersModalFormatError:"Wrong chapter format at line",videoLinkModalHeader:"Video Link",videoLinkModalInputPlaceholder:"Paste your video link here",videoLinkWrongLinkMsg:"Provided string is not a link",videoLinkServerSupportError:"This video service is not supported",chapterInputPlaceholder:"Enter chapter name",noChaptersMessage:'No chapters on this video, click "+" button below to create new chapter',pauseSwitcherTooltip:"Pause on chapter end",deleteChapterTooltip:"Delete chapter",chapter:"Chapter",chapterErrorMessage:"Chapter title can't be empty at chapter",chapterDuplicateMsg:"title duplicates title of chapter",chapterTimeDuplicateMsg:"Start time duplicates start time of chapter",chapterStartTimeTitle:"Start time",chapterPauseTitle:"Pause",chapterNameTitle:"Chapter name",approveVideoSpinnerText:"Upload",noInternetErrorMsg:"Internet connection is weak",wrongInputErrorMsg:"Invalid input format",allowRemoteMsg:"Click here to allow remote control",deviceErrorTitle:"Device error",deviceErrorMsg:"Video recorder cannot start your devices"},UA:{countdownMessage:"Запис розпочнеться через",startRecordMsg:"Натисність кнопку запису, щоб розпочати",appleDevicesChromeErrorMsg:"З данного пристрою можливо лише завантажувати відео",appleDevicesChromeErrorPressUpload:'Настисніть кнопку "завантажити", щоб розпочати',reviewRecordMsg:"Подобається",notesPlaceholder:"Накидайте короткий сценарій промови",chaptersPlaceholder:"Приклад створення розділів",audioDeviceSelectTooltip:"Виберіть мікрофон",videoDeviceSelectTooltip:"Виберіть камеру",screenRecordTooltip:"Запис з екрану",cameraRecordTooltip:"Перемкнути на камеру",uploadToolTip:"Завантажити відео",libraryToolTip:"Вибрати відео з бібліотеки",linkToolTip:"Додати відео за посиланням",cancelTooltip:"Відмінити",notesTooltip:"Нотатки",chaptersBtnTooltip:"Розділи",chaptersCreateNewBtnTooltip:"Створити новий розділ",chaptersHeader:"Розділи",chapterCancelBtnText:"Відмінити",chapterApproveBtnText:"Прийняти",chapterAddBtnText:"Додати",chapterErrorMessage:"Вкажіть заголовок розділу ",chapterDuplicateMsg:"заголовок дублює заголовок розділу ",chapterTimeDuplicateMsg:"Час початку розділу дублює інший розділ",chaptersModalFormatError:"Не вірний формат запису розділів в рядку",videoLinkModalInputPlaceholder:"Введіть посилання на відео сюди",videoLinkModalHeader:"Відео лінк",videoLinkWrongLinkMsg:"Введена стрічка - не посилання",videoLinkServerSupportError:"Даний відео сервіс не підтримується",chapterInputPlaceholder:"Введіть назву розділу",noChaptersMessage:'Немає розділів для цього відео, натисніть кнопку "+" щоб створити новий розділ',pauseSwitcherTooltip:"Пауза по закінченню розділу",deleteChapterTooltip:"Видалити розділ",chapter:"розділ",chapterStartTimeTitle:"Старт розділу",chapterPauseTitle:"Пауза",chapterNameTitle:"Назва розділу",approveVideoSpinnerText:"Заватаження",noInternetErrorMsg:"Погане зєднання з інтернетом",wrongInputErrorMsg:"Не вірний формат вхідних даних",allowRemoteMsg:"Натисніть щоб дозволити віддалене керування",deviceErrorTitle:"Помилка пристрою",deviceErrorMsg:"Відео рекордер не може запустити ваші пристрої"},NO:{countdownMessage:"Rekordstart i",startRecordMsg:"Trykk på opptak for å starte",appleDevicesChromeErrorMsg:"Denne enheten tillater kun opplasting av videoer",appleDevicesChromeErrorPressUpload:"Trykk på Last opp-knappen for å starte",reviewRecordMsg:"Liker du det",notesPlaceholder:"Skisser her et kort manus av talen",chaptersPlaceholder:"Eksempel på kapitler",audioDeviceSelectTooltip:"Velg mikrofon",videoDeviceSelectTooltip:"Velg kamera",screenRecordTooltip:"Skjermopptak",cameraRecordTooltip:"Bytt til kamera",uploadToolTip:"Last opp en videofil",libraryToolTip:"Velg en video fra biblioteket",linkToolTip:"Legg til video via lenke",cancelTooltip:"Avbryt",notesTooltip:"Notater",pipTooltip:"Bilde i bilde",chapterErrorMessage:"Kapitteltittel kan ikke være tom i kapittel",chapterDuplicateMsg:"tittel dupliserer tittelen på kapittelet",chapterTimeDuplicateMsg:"Starttid dupliserer starttiden til kapittelet",chaptersBtnTooltip:"Kapitler",chaptersCreateNewBtnTooltip:"Legg til nytt kapittel",chaptersHeader:"Kapitler",chapterCancelBtnText:"Kansellere",chapterApproveBtnText:"Vedta",chapterAddBtnText:"Legg til",chaptersModalFormatError:"Feil kapittelformat på linjen",videoLinkModalInputPlaceholder:"Lim inn videolinken din her",videoLinkModalHeader:"Videolink",videoLinkWrongLinkMsg:"Den angitte strengen er ikke en lenke",videoLinkServerSupportError:"Denne videotjenesten støttes ikke",chapterInputPlaceholder:"Angi et seksjonsnavn",noChaptersMessage:'Ingen kapitler i denne videoen, klikk på "+" knappen nedenfor for å opprette et nytt kapittel',pauseSwitcherTooltip:"Pause ved kapittelslutt",deleteChapterTooltip:"Slett kapittel",chapter:"Kapittel",chapterStartTimeTitle:"Starttid",chapterPauseTitle:"Pause",chapterNameTitle:"Kapittelnavn",approveVideoSpinnerText:"Laste opp",noInternetErrorMsg:"Internett-tilkoblingen er svak",wrongInputErrorMsg:"Ugyldig inndataformat",allowRemoteMsg:"Klikk her for å tillate fjernkontroll",deviceErrorTitle:"Enhetsfeil",deviceErrorMsg:"Videoopptakeren kan ikke starte enhetene dine"}}),Q="https://qvideo.qonsoll.com",ee="https://us-central1-qonsoll-video-transcoder.cloudfunctions.net";function te(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ne(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?te(Object(n),!0).forEach((function(t){S.default(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):te(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function re(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ie(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?re(Object(n),!0).forEach((function(t){S.default(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):re(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var oe,ae,le=t.memo((function(e){var n=e.children,r=e.language,i=e.phrases,o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"en",n=c.useTranslations(),r=t.useMemo((function(){return(null==n?void 0:n.t)||function(e){return e}}),[n]),i=t.useMemo((function(){return $[e.toUpperCase()]}),[e]);return t.useMemo((function(){return i?Object.keys(i).reduce((function(e,t){return ne(ne({},e),{},S.default({},t,r(i[t])))}),{}):{}}),[i,r])}(r),a=t.useMemo((function(){return ie(ie({},o||{}),i||{})}),[o,i]);return l.jsx(Y.Provider,{value:{staticText:a},children:n})})),se=function(e){return l.jsx(le,ie({},e))},ce=t.memo(se),ue=L.default.button(oe||(oe=O.default(["\n  padding: 0;\n  margin: 0;\n  display: flex;\n  gap: ",";\n  flex-grow: 0;\n  justify-content: center;\n  align-items: center;\n  border-radius: ",";\n  border: none;\n  margin-top: ",";\n  margin-bottom: ",";\n  margin-left: ",";\n  margin-right: ",";\n  min-height: ",";\n  min-width: ",";\n  max-width: ",";\n  max-height: ",";\n\n  padding: ",";\n  padding-top: ",";\n  padding-bottom: ",";\n  padding-left: ",";\n  padding-right: ",";\n\n  font-family: var(--qv-tooltip-font-family);\n  font-size: ",";\n  line-height: ",";\n  font-weight: ",";\n  z-index: 100;\n  white-space: nowrap;\n  cursor: ",";\n  ",";\n  transition: transform var(--qv-btn-transition-speed) linear;\n  color: ",";\n\n  background-color: ",";\n\n  &:hover {\n    color: ",";\n\n    background-color: ",";\n    color: ",";\n    background-color: ",";\n    transform: ",";\n    transition: all var(--qv-btn-transition-speed) ease-in-out;\n  }\n  background-color: ",";\n  color: ",";\n"])),(function(e){return e.gap||"4px"}),(function(e){var t=e.shape;return"circle"===t?"var(--qv-btn-br-circle)":"round"===t?"var(--qv-btn-br-round)":"sharp"===t?"var(--qv-btn-br-sharp)":"var(--qv-btn-br-round)"}),(function(e){var t=e.mt;return t&&"".concat(t,"px")}),(function(e){var t=e.mb;return t&&"".concat(t,"px")}),(function(e){var t=e.ml;return t&&"".concat(t,"px")}),(function(e){var t=e.mr;return t&&"".concat(t,"px")}),(function(e){var t=e.size;return"sm"===t?"var(--qv-btn-height-sm)":"md"===t?"var(--qv-btn-height-md)":"lg"===t?"var(--qv-btn-height-lg)":"xl"===t?"var(--qv-btn-height-xl)":"var(--qv-btn-default-height)"}),(function(e){var t=e.size;return"sm"===t?"var(--qv-btn-width-sm)":"md"===t?"var(--qv-btn-width-md)":"lg"===t?"var(--qv-btn-width-lg)":"xl"===t?"var(--qv-btn-width-xl)":"var(--qv-btn-default-width)"}),(function(e){var t=e.size,n=e.shape;return"sm"===t&&"circle"===n?"var(--qv-btn-width-sm)":"md"===t&&"circle"===n?"var(--qv-btn-width-md)":"lg"===t&&"circle"===n?"var(--qv-btn-width-lg)":"xl"===t&&"circle"===n?"var(--qv-btn-width-xl)":void 0}),(function(e){var t=e.size;return"sm"===t?"var(--qv-btn-height-sm)":"md"===t?"var(--qv-btn-height-md)":"lg"===t?"var(--qv-btn-height-lg)":"xl"===t?"var(--qv-btn-height-xl)":"var(--qv-btn-default-height)"}),(function(e){var t=e.p;return t&&"".concat(t,"px")}),(function(e){var t=e.pt,n=e.size,r=e.shape,i=e.p;return t||i&&"".concat(t,"px")||"sm"===n&&"circle"!==r&&"2px"||"md"===n&&"circle"!==r&&"4px"||"lg"===n&&"circle"!==r&&"6px"||"xl"===n&&"circle"!==r&&"8px"}),(function(e){var t=e.pb,n=e.p,r=e.size,i=e.shape;return t||n&&"".concat(t,"px")||"sm"===r&&"circle"!==i&&"2px"||"md"===r&&"circle"!==i&&"4px"||"lg"===r&&"circle"!==i&&"6px"||"xl"===r&&"circle"!==i&&"8px"}),(function(e){var t=e.pl,n=e.p,r=e.size,i=e.shape;return t||n&&"".concat(t,"px")||"sm"===r&&"circle"!==i&&"8px"||"md"===r&&"circle"!==i&&"16px"||"lg"===r&&"circle"!==i&&"24px"||"xl"===r&&"circle"!==i&&"30px"}),(function(e){var t=e.pr,n=e.p,r=e.size,i=e.shape;return t||n&&"".concat(t,"px")||"sm"===r&&"circle"!==i&&"8px"||"md"===r&&"circle"!==i&&"16px"||"lg"===r&&"circle"!==i&&"24px"||"xl"===r&&"circle"!==i&&"30px"}),(function(e){var t=e.size;return"sm"===t?"var(--qv-btn-font-size-sm)":"md"===t?"var(--qv-btn-font-size-md)":"lg"===t?"var(--qv-btn-font-size-lg)":"xl"===t?"var(--qv-btn-font-size-xl)":"var(--qv-btn-font-size-md)"}),(function(e){var t=e.size;return"sm"===t?"var(--qv-btn-line-height-sm)":"md"===t?"var(--qv-btn-line-height-md)":"lg"===t?"var(--qv-btn-line-height-lg)":"xl"===t?"var(---qv-btn-line-height-xl)":"var(--qv-btn-line-height-md)"}),(function(e){var t=e.size;return"sm"===t?"var(--qv-btn-line-height-sm)":"md"===t?"var(--qv-btn-line-height-md)":"lg"===t?"var(--qv-btn-line-height-lg)":"xl"===t?"var(---qv-btn-line-height-xl)":"var(--qv-btn-line-height-md)"}),(function(e){return e.disabled?"not-allowed":"pointer"}),(function(e){return e.btnCustomStyle}),(function(e){var t=e.btnType,n=e.active;return t&&n?"var(--qv-btn-".concat(t&&t,"-active-color)"):t?"var(--qv-btn-".concat(t&&t,"-color)"):"var(--qv-btn-default-color)"}),(function(e){var t=e.btnType,n=e.active;return t&&n?"var(--qv-btn-".concat(t&&t,"-active-bg)"):t?"var(--qv-btn-".concat(t&&t,"-bg)"):"var(--qv-btn-default-bg)"}),(function(e){var t=e.btnType;return t?"var(--qv-btn-".concat(t&&t,"-hover-color)"):"var(--qv-btn-default-hover-color)"}),(function(e){var t=e.btnType;return t?"var(--qv-btn-".concat(t&&t,"-hover-bg)"):"var(--qv-btn-default-hover-bg)"}),(function(e){return e.disabled&&"var(--qv-btn-default-disabled-color)"}),(function(e){return e.disabled&&"var(--qv-btn-default-disabled-bg)"}),(function(e){var t=e.disabled,n=e.disableHoverMove;return t||n?"":"translateY(-4px)"}),(function(e){return e.disabled&&"var(--qv-btn-default-disabled-bg)"}),(function(e){return e.disabled&&"var(--qv-btn-default-disabled-color)"})),de=L.default.div(ae||(ae=O.default(["\n  position: absolute;\n  font-size: var(--qv-btn-badge-icon-font-size);\n  fill: var(--qv-btn-badge-icon-color);\n  top: -7px;\n  right: -3px;\n  & > * {\n    height: 20px;\n    filter: drop-shadow(2px -1px 1px var(--qv-btn-badge-icon-shadow-color));\n  }\n"]))),pe=function(e){var t=e.size,n=void 0===t?"16":t,r=e.fill,i=void 0===r?"#424851":r;return l.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",children:l.jsx("path",{d:"M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M12,14.5 L11.25,14.5 C10.9738576,14.5 10.75,14.7238576 10.75,15 L10.75,15 L10.75,15.75 C10.75,16.4403559 11.3096441,17 12,17 L12,17 L12.75,17 C13.0261424,17 13.25,16.7761424 13.25,16.5 L13.25,16.5 L13.25,15.75 C13.25,15.0596441 12.6903559,14.5 12,14.5 L12,14.5 Z M12,7 L11.25,7 C10.9738576,7 10.75,7.22385763 10.75,7.5 L10.75,7.5 L10.75,11.75 C10.75,12.4403559 11.3096441,13 12,13 L12,13 L12.75,13 C13.0261424,13 13.25,12.7761424 13.25,12.5 L13.25,12.5 L13.25,8.25 C13.25,7.55964406 12.6903559,7 12,7 L12,7 Z",id:"AlertCircle",fill:i})})},fe=function(e){var t=e.size,n=void 0===t?"16":t,r=e.fill,i=void 0===r?"#52c41a":r;return l.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",children:l.jsx("path",{d:"M20.207376,4.39028924 L21,5 C21.6566312,5.50510093 21.7794708,6.44687091 21.2743698,7.10350212 L12.188936,18.9145661 L12.188936,18.9145661 C11.700369,19.5497033 10.807029,19.6827144 10.1583292,19.2417555 L10.0397234,19.1523319 L4.42383404,14.4724241 C4.21169559,14.2956421 4.18303356,13.9803597 4.3598156,13.7682213 L5,13 C5.53034811,12.3635823 6.47619629,12.27759 7.11262082,12.8079299 L10.762,15.849 L10.762,15.849 L19.5062051,4.48174313 C19.6745765,4.26287166 19.9884976,4.22192686 20.207376,4.39028924 Z",id:"CheckMark",fill:i})})},ve=function(e){var t=e.size,n=void 0===t?"16":t,r=e.fill,i=void 0===r?"#424851":r;return l.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",children:l.jsx("path",{d:"M12,5 C12.8284271,5 13.5,5.67157288 13.5,6.5 L13.5,10.5 L18.5,10.5 C18.7761424,10.5 19,10.7238576 19,11 L19,12 C19,12.8284271 18.3284271,13.5 17.5,13.5 L13.5,13.5 L13.5,18.5 C13.5,18.7761424 13.2761424,19 13,19 L12,19 C11.1715729,19 10.5,18.3284271 10.5,17.5 L10.5,13.5 L5.5,13.5 C5.22385763,13.5 5,13.2761424 5,13 L5,12 C5,11.1715729 5.67157288,10.5 6.5,10.5 L10.5,10.5 L10.5,5.5 C10.5,5.22385763 10.7238576,5 11,5 L12,5 Z",transform:"translate(12.000000, 12.000000) rotate(-315.000000) translate(-12.000000, -12.000000) ",id:"Close",fill:i})})},he=function(e){var t=e.size,n=void 0===t?"16":t,r=e.fill,i=void 0===r?"#424851":r;return l.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",children:l.jsx("path",{d:"M9.5,3 C11.8457077,3 13.8484392,4.46845584 14.6390624,6.53623543 C15.1771932,6.19640444 15.8156602,6 16.5,6 C18.4329966,6 20,7.56700338 20,9.5 C20,9.75033891 19.9737176,9.99453924 19.9237617,10.2299922 C21.7110673,10.8253476 23,12.5121506 23,14.5 C23,16.9852814 20.9852814,19 18.5,19 L13.25,19 L13.25,21.5 C13.25,21.7761424 13.0261424,22 12.75,22 L12,22 C11.3096441,22 10.75,21.4403559 10.75,20.75 L10.75,19 L13.25,19 L13.25,14.017 L14.2323418,14.9998912 L14.2323418,14.9998912 C14.7205459,15.4880953 15.5119047,15.4880953 16,15 L16,15 L16.5303301,14.4696699 C16.7255922,14.2744078 16.7255922,13.9578253 16.5303301,13.7625631 L16.5303301,13.7625631 L12.8838835,10.1161165 L12.7823881,10.0249942 C12.2915486,9.63013074 11.5717282,9.66050485 11.1161165,10.1161165 L11.1161165,10.1161165 L8,13.232233 C7.51184464,13.7203884 7.51184464,14.5118446 8,15 L8,15 L8.53033009,15.5303301 L8.53033009,15.5303301 L8.59958504,15.588264 C8.79446931,15.7232356 9.06388704,15.703913 9.23739336,15.5302866 L9.23739336,15.5302866 L10.75,14.016 L10.75,19 L5.5,19 C3.01471863,19 1,16.9852814 1,14.5 C1,12.4451591 2.37727185,10.7119973 4.25904708,10.173283 C4.09087292,9.64582879 4,9.08352665 4,8.5 C4,5.46243388 6.46243388,3 9.5,3 Z",id:"CloudUpload",fill:i})})},ge=function(e){var t=e.size,n=void 0===t?"16":t,r=e.fill,i=void 0===r?"#424851":r;return l.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",children:l.jsx("path",{d:"M10.3141974,18 L13.6858026,18 C13.9575627,18 14.2176187,18.1106041 14.4061228,18.3063583 L15.5555556,19.5 C15.8948431,19.8523371 15.8842644,20.4130097 15.5319273,20.7522973 C15.3668958,20.9112165 15.1467013,21 14.9175928,21 L9.0824072,21 C8.59326766,21 8.19674171,20.6034741 8.19674171,20.1143345 C8.19674171,19.885226 8.2855252,19.6650315 8.44444444,19.5 L9.59387718,18.3063583 C9.78238128,18.1106041 10.0424373,18 10.3141974,18 Z M4.48000002,3 L19.52,3 C20.8896662,3 22,4.11033383 22,5.48000002 L22,13.52 C22,14.8896662 20.8896662,16 19.52,16 L4.48000002,16 C3.11033383,16 2,14.8896662 2,13.52 L2,5.48000002 C2,4.11033383 3.11033383,3 4.48000002,3 Z",id:"Desktop",fill:i})})},be=function(e){var t=e.size,n=void 0===t?"16":t,r=e.fill,i=void 0===r?"#424851":r;return l.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",children:l.jsx("path",{d:"M16.3338177,2 C19.7231047,2 22,4.37811294 22,7.91672095 L22,16.083279 C22,19.6218871 19.7231047,22 16.3328156,22 L7.66618229,22 C4.27689532,22 2,19.6218871 2,16.083279 L2,7.91672095 C2,4.37811294 4.27689532,2 7.66618229,2 L16.3338177,2 Z M17.4365921,12.5500516 C16.3646473,11.8813209 15.5370577,12.8204334 15.3138196,13.120743 C15.0986262,13.4107327 14.9136001,13.7306502 14.7185182,14.0505676 C14.2418748,14.8400413 13.6958467,15.750258 12.7506045,16.2796698 C11.3769867,17.0402477 10.3342037,16.3395253 9.58404341,15.8297214 C9.30248193,15.6398349 9.02896505,15.4602683 8.75645376,15.3405573 C8.0847285,15.0505676 7.48037689,15.380805 6.58340244,16.5201238 C6.11279253,17.1155831 5.64620492,17.7058824 5.17358386,18.2941176 C4.8910168,18.6460268 4.95839044,19.1888545 5.33950402,19.4241486 C5.94787794,19.7987616 6.68999357,20 7.52864457,20 L7.52864457,20 L15.9563832,20 C16.432021,20 16.9086643,19.9349845 17.363185,19.7863777 C18.3868621,19.4520124 19.1993681,18.6862745 19.6237215,17.6749226 C19.9817068,16.8245614 20.1556716,15.7925697 19.8208146,14.9339525 C19.7091955,14.6491228 19.5422698,14.3839009 19.3079704,14.1506708 C18.693563,13.5407637 18.1193787,12.9711042 17.4365921,12.5500516 Z M8.49885818,6 C7.12021248,6 6,7.12173038 6,8.5 C6,9.87826962 7.12021248,11 8.49885818,11 C9.87649831,11 10.9977164,9.87826962 10.9977164,8.5 C10.9977164,7.12173038 9.87649831,6 8.49885818,6 Z",id:"Image",fill:i})})},me=function(e){var t=e.size,n=void 0===t?"16":t,r=e.fill,i=void 0===r?"#424851":r;return l.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",children:l.jsx("path",{d:"M8.5,5 C8.77614237,5 9,5.22385763 9,5.5 L9,6.5 C9,7.32842712 8.32842712,8 7.5,8 L6.48000002,8 C5.71069984,8 5.07849064,8.58695625 5.00677502,9.33746614 L5,9.48000002 L5,17.52 C5,18.2893002 5.58695625,18.9215094 6.33746614,18.993225 L6.48000002,19 L14.52,19 C15.2893002,19 15.9215094,18.4130438 15.993225,17.6625339 L16,17.52 L16,16.5 C16,15.6715729 16.6715729,15 17.5,15 L18.5,15 C18.7761424,15 19,15.2238576 19,15.5 L19,17.52 C19,19.9942357 16.9942357,22 14.52,22 L6.48000002,22 C4.00576433,22 2,19.9942357 2,17.52 L2,9.48000002 C2,7.00576433 4.00576433,5 6.48000002,5 L8.5,5 Z M20.5,2 L20.64446,2.00686658 C21.4051119,2.07955132 22,2.72030388 22,3.5 L22,3.5 L22,9.5 C22,9.77614237 21.7761424,10 21.5,10 L21.5,10 L20.5,10 C19.6715729,10 19,9.32842712 19,8.5 L19,8.5 L19,7.12 L10.4142136,15.7071068 C10.2189514,15.9023689 9.90236893,15.9023689 9.70710678,15.7071068 L9,15 C8.41421356,14.4142136 8.41421356,13.4644661 9,12.8786797 L16.878,5 L14.5,5 C14.2545401,5 14.0503916,4.82312484 14.0080557,4.58987563 L14,4.5 L14,3.5 C14,2.67157288 14.6715729,2 15.5,2 L15.5,2 L20.5,2 Z",id:"LinkExternal",fill:i})})},xe=function(e){var t=e.size,n=void 0===t?"16":t,r=e.fill,i=void 0===r?"#424851":r;return l.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",children:l.jsx("path",{d:"M7.29493201,10.2908544 L8.00203879,10.9979612 C8.58782523,11.5837476 8.58782523,12.5334951 8.00203879,13.1192816 L5.56066017,15.5606602 C4.76573473,16.3555856 4.76573473,17.6444144 5.56066017,18.4393398 C6.31374743,19.1924271 7.51011636,19.2320633 8.30986484,18.5582483 L8.43933983,18.4393398 L11.5810907,15.297589 C11.7763528,15.1023268 12.0929353,15.1023268 12.2881975,15.297589 L12.9953043,16.0046957 C13.5810907,16.5904822 13.5810907,17.5402296 12.9953043,18.1260161 L10.5606602,20.5606602 C8.59416186,22.5271585 5.40583814,22.5271585 3.43933983,20.5606602 C1.5306797,18.652 1.47454264,15.5923297 3.27092864,13.615963 L3.43933983,13.4393398 L6.58782523,10.2908544 C6.78308737,10.0955923 7.09966986,10.0955923 7.29493201,10.2908544 Z M13.4696699,9.46966991 L14,10 C14.4881554,10.4881554 14.4881554,11.2796116 14,11.767767 L11.2374369,14.5303301 C11.0421747,14.7255922 10.7255922,14.7255922 10.5303301,14.5303301 L10,14 C9.51184464,13.5118446 9.51184464,12.7203884 10,12.232233 L12.7625631,9.46966991 C12.9578253,9.27440777 13.2744078,9.27440777 13.4696699,9.46966991 Z M20.5606602,3.43933983 C22.4693203,5.34799995 22.5254574,8.40767035 20.7290714,10.384037 L20.5606602,10.5606602 L17.4145977,13.7067227 C17.2193355,13.9019848 16.902753,13.9019848 16.7074909,13.7067227 L16.0003841,12.9996159 C15.4145977,12.4138295 15.4145977,11.464082 16.0003841,10.8782956 L18.4393398,8.43933983 C19.2342653,7.64441439 19.2342653,6.35558561 18.4393398,5.56066017 C17.6862526,4.80757292 16.4898836,4.76793674 15.6901352,5.44175166 L15.5606602,5.56066017 L12.4143643,8.70695604 C12.2191022,8.90221819 11.9025197,8.90221819 11.7072575,8.70695604 L11.0001507,7.99984926 C10.4143643,7.41406282 10.4143643,6.46431535 11.0001507,5.87852892 L13.4393398,3.43933983 C15.4058381,1.47284152 18.5941619,1.47284152 20.5606602,3.43933983 Z",id:"Link",fill:i})})},ye=function(e){var t=e.size,n=void 0===t?"16":t,r=e.fill,i=void 0===r?"#424851":r;return l.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",children:l.jsx("path",{d:"M19.5,9.5 C20.0522847,9.5 20.5,9.94771525 20.5,10.5 C20.5,14.8560807 17.2232094,18.4468259 13.0000759,18.941788 L13,21 C13,21.5522847 12.5522847,22 12,22 C11.4477153,22 11,21.5522847 11,21 L11.0009171,18.9419043 C6.77730429,18.4473888 3.5,14.8564221 3.5,10.5 C3.5,9.94771525 3.94771525,9.5 4.5,9.5 C5.05228475,9.5 5.5,9.94771525 5.5,10.5 C5.5,14.0898509 8.41014913,17 12,17 C15.5898509,17 18.5,14.0898509 18.5,10.5 C18.5,9.94771525 18.9477153,9.5 19.5,9.5 Z M12,2 C12.8832595,2 13.6776794,2.20558016 14.344346,2.57782698 C15.0110127,2.95007381 15.5499262,3.4889873 15.922173,4.15565397 C15.9805358,4.26017746 16.0468387,4.40271907 16.1210816,4.58327878 C16.1852062,4.7360522 16.1135213,4.91195583 15.9608134,4.97623598 C15.9040683,5.00012195 15.8413483,5.00597071 15.7797067,4.99975009 L14.9322586,4.99995577 C14.8747033,4.99996973 14.8139504,4.99998448 14.75,5 C14.3357864,5 14,5.33578644 14,5.75 C14,6.12969577 14.2821539,6.44349096 14.6482294,6.49315338 L14.75,6.5 L15.875,6.5 C16.220178,6.5 16.5,6.77982203 16.5,7.125 C16.5,7.47017797 16.220178,7.75 15.875,7.75 L14.75,7.75 C14.3703042,7.75 14.056509,8.03215388 14.0068466,8.39822944 L14,8.5 C14,8.87969577 14.2821539,9.19349096 14.6482294,9.24315338 L14.75,9.25 L15.875,9.25 C16.220178,9.25 16.5,9.52982203 16.5,9.875 C16.5,10.220178 16.220178,10.5 15.875,10.5 L14.75,10.5 C14.3357864,10.5 14,10.8357864 14,11.25 C14,11.6296958 14.2821539,11.943491 14.6482294,11.9931534 L14.75,12 L15.7717348,12.000917 L15.7717348,12.000917 C15.9348387,11.970526 16.0968725,12.0696514 16.1356732,12.2307296 C16.1506423,12.2928725 16.1453714,12.3581722 16.1208923,12.4172202 C16.0467104,12.5975639 15.9804707,12.7399392 15.922173,12.844346 C15.5499262,13.5110127 15.0110127,14.0499262 14.344346,14.422173 C13.6776794,14.7944198 12.8832595,15 12,15 C11.1167405,15 10.3223206,14.7944198 9.65565397,14.422173 C8.9889873,14.0499262 8.45007381,13.5110127 8.07782698,12.844346 C7.70558016,12.1776794 7.5,11.3832595 7.5,10.5 L7.5,6.5 C7.5,5.61674048 7.70558016,4.82232063 8.07782698,4.15565397 C8.45007381,3.4889873 8.9889873,2.95007381 9.65565397,2.57782698 C10.3223206,2.20558016 11.1167405,2 12,2 Z",id:"MicrophoneOn",fill:i})})},Ce=function(e){var t=e.size,n=void 0===t?"16":t,r=e.fill,i=void 0===r?"#424851":r;return l.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",children:l.jsx("path",{d:"M9.96318036,19.2279111 C10.4630927,19.1221591 13.509278,19.1221591 14.0091903,19.2279111 C14.4365507,19.326613 14.8986963,19.5572531 14.8986963,20.0608342 C14.8738498,20.5402433 14.592587,20.9652657 14.2039871,21.2351852 C13.7000994,21.6279784 13.1087518,21.8767475 12.49057,21.9663849 C12.1486817,22.0107 11.8127565,22.0117072 11.4827945,21.9663849 C10.8636188,21.8767475 10.2722713,21.6279784 9.76937738,21.234178 C9.37978369,20.9652657 9.0985209,20.5402433 9.07367436,20.0608342 C9.07367436,19.5572531 9.53581994,19.326613 9.96318036,19.2279111 Z M12.0452207,2 C14.1253727,2 16.2502485,2.98701889 17.5124525,4.62466451 C18.3313943,5.67916326 18.707074,6.73265484 18.707074,8.37030046 L18.707074,8.37030046 L18.707074,8.79633004 C18.707074,10.0522612 19.0390237,10.7925254 19.7695118,11.6455917 C20.3230927,12.2740609 20.5,13.0807977 20.5,13.9560216 C20.5,14.8302384 20.212774,15.66014 19.6373283,16.3339314 C18.8839813,17.1416754 17.8215434,17.6573425 16.7372406,17.7469799 C15.1659456,17.8809324 13.5936568,17.9937346 12.0004969,17.9937346 C10.4063432,17.9937346 8.83504823,17.9262547 7.26375329,17.7469799 C6.17845659,17.6573425 5.11601871,17.1416754 4.36366559,16.3339314 C3.78821982,15.66014 3.5,14.8302384 3.5,13.9560216 C3.5,13.0807977 3.6779012,12.2740609 4.23048816,11.6455917 C4.98383514,10.7925254 5.29391991,10.0522612 5.29391991,8.79633004 L5.29391991,8.79633004 L5.29391991,8.37030046 C5.29391991,6.68833971 5.71332944,5.58851866 6.57699503,4.51186235 C7.86106402,2.94169659 9.91935107,2 11.9557732,2 L11.9557732,2 Z",id:"Notification",fill:i})})},we=function(e){var t=e.size,n=void 0===t?"16":t,r=e.fill,i=void 0===r?"#424851":r;return l.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",children:l.jsx("path",{d:"M7,6 L8.5,6 C9.6045695,6 10.5,6.8954305 10.5,8 L10.5,17.5 C10.5,17.7761424 10.2761424,18 10,18 L8.5,18 C7.3954305,18 6.5,17.1045695 6.5,16 L6.5,6.5 C6.5,6.22385763 6.72385763,6 7,6 Z M14,6 L15.5,6 C16.6045695,6 17.5,6.8954305 17.5,8 L17.5,17.5 C17.5,17.7761424 17.2761424,18 17,18 L15.5,18 C14.3954305,18 13.5,17.1045695 13.5,16 L13.5,6.5 C13.5,6.22385763 13.7238576,6 14,6 Z",id:"Pause",fill:i})})},je=function(e){var t=e.size,n=void 0===t?"16":t,r=e.fill,i=void 0===r?"#424851":r;return l.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",children:l.jsx("path",{d:"M17.875,13.1609964 C17.828125,13.2241798 17.609375,13.4927096 17.4375,13.6664642 L17.34375,13.7612394 C16.03125,15.1986634 12.765625,17.3626974 11.109375,18.0577157 C11.109375,18.0735115 10.125,18.4842041 9.65625,18.5 L9.59375,18.5 C8.875,18.5 8.203125,18.0893074 7.859375,17.4258809 C7.671875,17.0625759 7.5,16.0042527 7.484375,15.9884569 C7.34375,15.0407047 7.25,13.5890644 7.25,11.9921021 C7.25,10.31774 7.34375,8.80133657 7.515625,7.86938032 C7.515625,7.85358445 7.6875,7.00060753 7.796875,6.7162819 C7.96875,6.30558931 8.28125,5.95808019 8.671875,5.73693803 C8.984375,5.57897934 9.3125,5.5 9.65625,5.5 C10.015625,5.51579587 10.6875,5.75431349 10.953125,5.86330498 C12.703125,6.55832321 16.046875,8.83292831 17.328125,10.2229648 C17.546875,10.4441069 17.78125,10.7126367 17.84375,10.7758202 C18.109375,11.1233293 18.25,11.5498177 18.25,12.0094775 C18.25,12.4185905 18.125,12.8292831 17.875,13.1609964",id:"Play",fill:i})})},ke=function(e){var t=e.size,n=void 0===t?"16":t,r=e.fill,i=void 0===r?"#424851":r;return l.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",children:l.jsx("path",{d:"M12,5 C12.8284271,5 13.5,5.67157288 13.5,6.5 L13.5,10.5 L18.5,10.5 C18.7761424,10.5 19,10.7238576 19,11 L19,12 C19,12.8284271 18.3284271,13.5 17.5,13.5 L13.5,13.5 L13.5,18.5 C13.5,18.7761424 13.2761424,19 13,19 L12,19 C11.1715729,19 10.5,18.3284271 10.5,17.5 L10.5,13.5 L5.5,13.5 C5.22385763,13.5 5,13.2761424 5,13 L5,12 C5,11.1715729 5.67157288,10.5 6.5,10.5 L10.5,10.5 L10.5,5.5 C10.5,5.22385763 10.7238576,5 11,5 L12,5 Z",id:"Plus",fill:i})})},Pe=function(e){var t=e.size,n=void 0===t?"16":t,r=e.fill,i=void 0===r?"#424851":r;return l.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",children:l.jsx("path",{d:"M12.717123,2.0001 C13.4733715,2.0001 14.1580829,2.4201 14.5362071,3.0401 C14.7201595,3.3401 14.8427943,3.7101 14.8121356,4.1001 C14.7916965,4.4001 14.8836726,4.7001 15.0471858,4.9801 C15.5683841,5.8301 16.7231959,6.1501 17.6225184,5.6701 C18.6342562,5.0901 19.911703,5.4401 20.4942187,6.4301 L20.4942187,6.4301 L21.1789301,7.6101 C21.7716654,8.6001 21.444639,9.8701 20.4226817,10.4401 C19.5540179,10.9501 19.2474307,12.0801 19.7686289,12.9401 C19.9321421,13.2101 20.1160944,13.4401 20.4022425,13.5801 C20.7599276,13.7701 21.0358561,14.0701 21.230028,14.3701 C21.6081522,14.9901 21.5774935,15.7501 21.2095888,16.4201 L21.2095888,16.4201 L20.4942187,17.6201 C20.1160944,18.2601 19.4109438,18.6601 18.6853541,18.6601 C18.327669,18.6601 17.9291056,18.5601 17.6020793,18.3601 C17.3363704,18.1901 17.0297831,18.1301 16.7027568,18.1301 C15.691019,18.1301 14.8427943,18.9601 14.8121356,19.9501 C14.8121356,21.1001 13.8719348,22.0001 12.6966838,22.0001 L12.6966838,22.0001 L11.3068218,22.0001 C10.1213512,22.0001 9.18115044,21.1001 9.18115044,19.9501 C9.1607113,18.9601 8.31248667,18.1301 7.30074886,18.1301 C6.96350292,18.1301 6.65691571,18.1901 6.40142636,18.3601 C6.0744,18.5601 5.66561705,18.6601 5.31815154,18.6601 C4.58234222,18.6601 3.87719163,18.2601 3.49906739,17.6201 L3.49906739,17.6201 L2.7939168,16.4201 C2.41579257,15.7701 2.39535342,14.9901 2.77347765,14.3701 C2.93699083,14.0701 3.24357805,13.7701 3.59104356,13.5801 C3.87719163,13.4401 4.06114396,13.2101 4.23487671,12.9401 C4.7458554,12.0801 4.43926819,10.9501 3.57060441,10.4401 C2.5588666,9.8701 2.23184024,8.6001 2.81435595,7.6101 L2.81435595,7.6101 L3.49906739,6.4301 C4.09180268,5.4401 5.35902983,5.0901 6.38098721,5.6701 C7.27009014,6.1501 8.42490198,5.8301 8.94610025,4.9801 C9.10961343,4.7001 9.20158959,4.4001 9.18115044,4.1001 C9.1607113,3.7101 9.27312661,3.3401 9.46729851,3.0401 C9.84542274,2.4201 10.5301342,2.0201 11.2761631,2.0001 L11.2761631,2.0001 Z M12.0119724,9.1801 C10.4074993,9.1801 9.10961343,10.4401 9.10961343,12.0101 C9.10961343,13.5801 10.4074993,14.8301 12.0119724,14.8301 C13.6164455,14.8301 14.8836726,13.5801 14.8836726,12.0101 C14.8836726,10.4401 13.6164455,9.1801 12.0119724,9.1801 Z",id:"Setting",fill:i})})},qe=function(e){var t=e.size,n=void 0===t?"16":t,r=e.fill,i=void 0===r?"#f5222d":r;return l.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",children:l.jsx("path",{d:"M18.4204687,8.5 C18.6966111,8.5 18.9204687,8.72385763 18.9204687,9 C18.9204687,9.02452411 18.9186644,9.04901499 18.9150705,9.07327433 L17.2528745,20.2930973 C17.1075909,21.2737612 16.2658348,22 15.2744675,22 L8.72553245,22 C7.73416519,22 6.89240907,21.2737612 6.74712553,20.2930973 L5.08492953,9.07327433 C5.04446124,8.80011334 5.23309594,8.54586656 5.50625693,8.50539827 C5.53051627,8.50180429 5.55500715,8.5 5.57953126,8.5 L18.4204687,8.5 Z M15.5,2 C16.3284271,2 17,2.67157288 17,3.5 L17,3.5 L17,4.5 C17,4.77614237 17.2238576,5 17.5,5 L17.5,5 L20,5 C20.5522847,5 21,5.44771525 21,6 L21,6 L21,6.5 C21,6.77614237 20.7761424,7 20.5,7 L20.5,7 L3.5,7 C3.22385763,7 3,6.77614237 3,6.5 L3,6.5 L3,6 C3,5.44771525 3.44771525,5 4,5 L4,5 L6.5,5 C6.77614237,5 7,4.77614237 7,4.5 L7,4.5 L7,3.5 C7,2.67157288 7.67157288,2 8.5,2 L8.5,2 Z",id:"Path-3",fill:i})})},Se=function(e){var t=e.size,n=void 0===t?"16":t,r=e.fill,i=void 0===r?"#424851":r;return l.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",children:l.jsx("path",{d:"M21.7091068,2.29289322 C22.0695907,2.65337718 22.0973203,3.22060824 21.7922954,3.61289944 L21.7091068,3.70710678 L16.018,9.398 L16.0181402,15.4390863 C16.0181402,17.7584833 14.4280563,19.3981826 12.1232426,19.4954284 L11.9050991,19.5 L6.11304113,19.5 C6.04835998,19.5 5.98420017,19.4988097 5.92057998,19.4964471 L3.70910678,21.7071068 C3.31858249,22.0976311 2.68541751,22.0976311 2.29489322,21.7071068 C1.93440926,21.3466228 1.90667972,20.7793918 2.21170461,20.3871006 L2.289,20.298 L15.7029033,6.88468951 L15.7029033,6.88468951 L20.2948932,2.29289322 C20.6854175,1.90236893 21.3185825,1.90236893 21.7091068,2.29289322 Z M11.9050991,4.5 C12.9078355,4.5 13.7852757,4.78607655 14.4692954,5.29108605 L2.41676206,17.3427379 C2.14713366,16.7872707 2,16.1446254 2,15.4390863 L2,15.4390863 L2,8.56091371 C2,6.16903553 3.69101691,4.5 6.11304113,4.5 L6.11304113,4.5 Z M19.9579796,6.87898477 C20.396984,6.65563452 20.9119891,6.67898477 21.3309933,6.94294416 C21.7499975,7.20588832 22,7.66274112 22,8.1622335 L22,8.1622335 L22,15.8383756 C22,16.3388832 21.7499975,16.7947208 21.3309933,17.057665 C21.101991,17.2008122 20.8459885,17.2739086 20.5879859,17.2739086 C20.3729837,17.2739086 20.1579816,17.2231472 19.9569796,17.1206091 L19.9569796,17.1206091 L18.4759648,16.373401 C17.9279593,16.0952284 17.5879559,15.5368528 17.5879559,14.9165482 L17.5879559,14.9165482 L17.5879559,9.08304569 C17.5879559,8.46172589 17.9279593,7.90335025 18.4759648,7.62720812 L18.4759648,7.62720812 Z",id:"Video",fill:i})})},Oe=function(e){var t=e.size,n=void 0===t?"16":t,r=e.fill,i=void 0===r?"#424851":r;return l.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",children:l.jsx("path",{d:"M21.3309933,6.94294416 C20.9119891,6.67898477 20.396984,6.65563452 19.9579796,6.87898477 L18.4759648,7.62720812 C17.9279593,7.90335025 17.5879559,8.46172589 17.5879559,9.08304569 L17.5879559,14.9165482 C17.5879559,15.5368528 17.9279593,16.0952284 18.4759648,16.373401 L19.9569796,17.1206091 C20.1579816,17.2231472 20.3729837,17.2739086 20.5879859,17.2739086 C20.8459885,17.2739086 21.101991,17.2008122 21.3309933,17.057665 C21.7499975,16.7947208 22,16.3388832 22,15.8383756 L22,8.1622335 C22,7.66274112 21.7499975,7.20588832 21.3309933,6.94294416 M11.9050991,4.5 L6.11304113,4.5 C3.69101691,4.5 2,6.16903553 2,8.56091371 L2,15.4390863 C2,17.8309645 3.69101691,19.5 6.11304113,19.5 L11.9050991,19.5 C14.3271233,19.5 16.0181402,17.8309645 16.0181402,15.4390863 L16.0181402,8.56091371 C16.0181402,6.16903553 14.3271233,4.5 11.9050991,4.5",id:"VideoOn",fill:i})})},Le={AlertCircleFilled:l.jsx(pe,{}),CheckmarkFilled:l.jsx(fe,{}),CloseFilled:l.jsx(ve,{}),CloudUploadFilled:l.jsx(he,{}),DesktopFilled:l.jsx(ge,{}),ImageFilled:l.jsx(be,{}),LinkFilled:l.jsx(xe,{}),LinkExternalFilled:l.jsx(me,{}),MicrophoneOnFilled:l.jsx(ye,{}),NotificationFilled:l.jsx(Ce,{}),Pause:l.jsx(we,{}),Play:l.jsx(je,{}),PlusFilled:l.jsx(ke,{}),SettingsFilled:l.jsx(Pe,{}),TrashFilled:l.jsx(qe,{}),VideoOffFilled:l.jsx(Se,{}),VideoOnFilled:l.jsx(Oe,{})},Te={size:w.default.oneOfType([w.default.string,w.default.number]),fill:w.default.string,name:w.default.oneOf(["AlertCircleFilled","CheckmarkFilled","CloseFilled","CloudUploadFilled","DesktopFilled","ImageFilled","LinkFilled","LinkExternalFilled","MicrophoneOnFilled","NotificationFilled","Pause","Play","PlusFilled","SettingsFilled","TrashFilled","VideoOffFilled","VideoOnFilled"]).isRequired},ze=["name","fill","size","minWidth","minHeight","hoverBtn"];function De(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ee(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?De(Object(n),!0).forEach((function(t){S.default(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):De(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Me,Re,Ie=function(e){var n=e.name,r=e.fill,i=e.size,o=e.minWidth,a=e.minHeight;e.hoverBtn;var s=T.default(e,ze),c=!(null==Le||!Le[n]);return l.jsx("div",Ee(Ee({style:{minWidth:o||i,minHeight:a||i,display:"flex"}},s),{},{children:c?t.cloneElement(null==Le?void 0:Le[n],{fill:r,size:i}):null}))};Ie.propTypes=Te;var Fe=L.default.div(Me||(Me=O.default(["\n  display: flex;\n  position: ",";\n  right: ",";\n  left: ",";\n  top: ",";\n  bottom: ",";\n  z-index: ",";\n  ",";\n  ",";\n  box-sizing: border-box;\n"])),(function(e){return e.position||"relative"}),(function(e){return e.right}),(function(e){return e.left}),(function(e){return e.top}),(function(e){return e.bottom}),(function(e){return e.zIndex||"100"}),(function(e){return e.btnStyle}),(function(e){return e.transform})),Be=L.default.div(Re||(Re=O.default(["\n  position: absolute;\n  border-radius: var(--qv-tooltip-br);\n  left: 50%;\n  top: ",";\n  transform: translateX(-50%);\n  padding: 6px;\n  color: var(--qv-tooltip-color);\n  background: var(--qv-tooltip-bg);\n  font-family: var(--qv-tooltip-font-family);\n  font-size: var(--qv-tooltip-font-size);\n  font-weight: var(--qv-tooltip-font-weight);\n  line-height: 1;\n  z-index: 100;\n  white-space: nowrap;\n  ",";\n  \n\n  /* CSS tooltip triangles */\n  &::before {\n  content: ' ';\n  left: 50%;\n  border: solid transparent;\n  height: 0;\n  width: 0;\n  position: absolute;\n  pointer-events: none;\n  border-width: var(--qv-tooltip-arrow-size);\n  margin-left: calc(var(--qv-tooltip-arrow-size) * -1);\n    ",";\n\n"])),(function(e){return e.placement}),(function(e){return function(e){switch(e){case"top":return"top: calc(var(--qv-tooltip-margin) * -1); ";case"right":return"left: calc(100% + var(--qv-tooltip-margin-x));top: 50%; transform: translateX(0) translateY(-50%);";case"bottom":return"bottom: calc(var(--qv-tooltip-margin) * -1);";case"left":return"left: auto; right: calc(100% + var(--qv-tooltip-margin-x));top: 50%;transform: translateX(0) translateY(-50%);";default:return"bottom: 120%"}}(e.placement)}),(function(e){return function(e){switch(e){default:return"top: 100%; border-top-color: var(--qv-tooltip-bg);";case"right":return"left: calc(var(--qv-tooltip-arrow-size) * -1);top: 50%;transform: translateX(0) translateY(-50%); border-right-color: var(--qv-tooltip-bg);";case"bottom":return"bottom: 100%; border-bottom-color: var(--qv-tooltip-bg);";case"left":return"left: auto; right: calc(var(--qv-tooltip-arrow-size) * -2);top: 50%; transform: translateX(0) translateY(-50%);border-left-color: var(--qv-tooltip-bg);"}}(e.placement)})),Ne=function(e){var n,r=e.delay,i=e.placement,o=e.children,a=e.content,s=e.position,c=e.top,u=e.left,d=e.right,p=e.bottom,f=e.zIndex,v=e.style,h=e.transform,g=e.tooltipRef,b=t.useState(!1),m=C.default(b,2),x=m[0],y=m[1],w=function(){clearInterval(n),y(!1)};return l.jsxs(Fe,{ref:g,position:s,top:c,left:u,right:d,bottom:p,zIndex:f,btnStyle:v,transform:h,onMouseEnter:function(){n=setTimeout((function(){y(!0)}),r||200)},onMouseLeave:w,onClick:w,children:[o,a&&x&&l.jsx(Be,{placement:i,children:a})]})},Ae=function(e){var n=e.zIndex,r=e.children,i=e.onClick,o=e.size,a=e.iconSize,s=e.badgeSize,c=e.shape,u=e.icon,d=e.iconFill,p=e.badgeFill,f=e.badgeIcon,v=e.buttonStyle,h=e.tooltip,g=e.tooltipPlacement,b=e.tooltipDelay,m=e.btnType,x=e.disabled,y=e.mt,w=e.mb,j=e.ml,k=e.mr,P=e.btnCustomStyle,q=e.position,S=e.top,O=e.left,L=e.right,T=e.bottom,z=e.style,D=e.p,E=e.pt,M=e.pl,R=e.pr,I=e.pb,F=e.gap,B=e.active,N=e.ref,A=e.transform,V=e.disableHoverMove,U=t.useState(!1),H=C.default(U,2),Z=H[0],K=H[1];return l.jsx(Ne,{disableHoverMove:V,placement:g,content:h,delay:b,position:q,top:S,left:O,right:L,bottom:T,zIndex:n,style:z,transform:A,onMouseEnter:function(){return K(!0)},onMouseLeave:function(){return K(!1)},children:l.jsxs(ue,{type:"button",ref:N,disableHoverMove:V,disabled:x,btnCustomStyle:P,onClick:i,size:o||"md",iconSize:a,buttonStyle:v,btnType:m,shape:c||"round",active:B,p:D,pt:E,pl:M,pr:R,pb:I,mt:y,mb:w,ml:j,mr:k,gap:F,children:[u?l.jsx(Ie,{hoverBtn:Z,size:a,fill:x?"var(--qv-btn-default-disabled-color)":d||"var(--qv-btn-badge-icon-color)",name:u}):null,f?l.jsx(de,{children:l.jsx(Ie,{size:s||18,fill:p||"var(--qv-btn-badge-icon-color)",name:f})}):null,r]})})};Ae.propTypes={onClick:w.default.func,shape:w.default.string,size:w.default.string||w.default.number,buttonStyle:w.default.string,tooltip:w.default.string,tooltipPlacement:w.default.oneOf(["top","bottom","left","right"]),tooltipDelay:w.default.number,badgeIcon:w.default.string,btnCustomStyle:w.default.string,btnType:w.default.string};var Ve,Ue,He,Ze,Ke,We,Ye,Ge=function(){var e=H(),n=e.player,r=e.onPipClick,i=G().staticText,o=t.useState(!1),a=C.default(o,2),s=a[0],c=a[1],u=function(){var e=q.default(P.default.mark((function e(){var t,i,o,a,l;return P.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!n){e.next=11;break}if((null==n||null===(t=n.record())||void 0===t?void 0:t.mediaElement)===(null===(i=document)||void 0===i?void 0:i.pictureInPictureElement)){e.next=8;break}return e.next=4,null==n||null===(o=n.record())||void 0===o||null===(a=o.mediaElement)||void 0===a?void 0:a.requestPictureInPicture();case 4:c(!0),r&&r(),e.next=11;break;case 8:return e.next=10,null===(l=document)||void 0===l?void 0:l.exitPictureInPicture();case 10:c(!1);case 11:case"end":return e.stop()}}),e)})));return function(){return e.apply(th