UNPKG

productvideo-react

Version:

Common components, hook, context and helper to implement Product Video features - React JS

8 lines (7 loc) 30.2 kB
import e,{useState as t,useEffect as o,useRef as i}from"react";import a from"axios";import{createInstance as l}from"sharetribe-flex-sdk";import d,{string as r,number as c,node as n,object as s,func as u}from"prop-types";import{Field as p}from"react-final-form";function m(e,t){var o={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(o[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(e);a<i.length;a++)t.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(e,i[a])&&(o[i[a]]=e[i[a]])}return o}function g(e,t,o,i){return new(o||(o=Promise))((function(a,l){function d(e){try{c(i.next(e))}catch(e){l(e)}}function r(e){try{c(i.throw(e))}catch(e){l(e)}}function c(e){var t;e.done?a(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(d,r)}c((i=i.apply(e,t||[])).next())}))}function b(e){return null!=e&&"object"==typeof e&&!0===e["@@functional/placeholder"]}function B(e){return function t(o){return 0===arguments.length||b(o)?t:e.apply(this,arguments)}}function I(e){return function t(o,i){switch(arguments.length){case 0:return t;case 1:return b(o)?t:B((function(t){return e(o,t)}));default:return b(o)&&b(i)?t:b(o)?B((function(t){return e(t,i)})):b(i)?B((function(t){return e(o,t)})):e(o,i)}}}"function"==typeof SuppressedError&&SuppressedError;var x=Number.isInteger||function(e){return e<<0===e},Q=I((function(e,t){var o,i=e<0?t.length+e:e;return o=t,"[object String]"===Object.prototype.toString.call(o)?t.charAt(i):t[i]})),G=I((function(e,t){return e.map((function(e){for(var o,i=t,a=0;a<e.length;){if(null==i)return;o=e[a],i=x(o)?Q(o,i):i[o],a+=1}return i}))})),U=I((function(e,t){return G([e],t)[0]}));function V(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var C={exports:{}},F=C.exports=function(e){e||(e={}),"string"==typeof e&&(e={cookie:e}),void 0===e.cookie&&(e.cookie="");var t={get:function(t){for(var o=e.cookie.split(/;\s*/),i=0;i<o.length;i++){var a=o[i].split("=");if(unescape(a[0])===t)return unescape(a[1])}},set:function(t,o,i){i||(i={});var a=escape(t)+"="+escape(o);return i.expires&&(a+="; expires="+i.expires),i.path&&(a+="; path="+escape(i.path)),i.domain&&(a+="; domain="+escape(i.domain)),i.secure&&(a+="; secure"),e.cookie=a,a}};return t};if("undefined"!=typeof document){var h=F(document);F.get=h.get,F.set=h.set}var Z=V(C.exports);const W=(e,i,d,r,c=50)=>{const[n,s]=t(null),[u,p]=t(null),[m,b]=t(null),[B,I]=t(!1),[x,Q]=t(null);o((()=>{d&&!m&&b(d)}),[d]),o((()=>{r(B)}),[B]);const G=e=>g(void 0,void 0,void 0,(function*(){const t=`${atob("aHR0cHM6Ly91cy1jZW50cmFsMS1wcm9kdWN0LXZpZGVvLXN0YWdpbmcuY2xvdWRmdW5jdGlvbnMubmV0L3Yx")}/listing/file?listingId=${i}`;try{const o=yield a({method:"GET",url:t,headers:{authorization:`Bearer ${m}`,"content-type":"application/x-www-form-urlencoded","file-content-type":e}}),i=U(["data","urlToUpload"],o),l=U(["data","urlToRead"],o),d=U(["data","metadata"],o);return l||i?{urlToUpload:i,urlToRead:l,metadata:d}:null}catch(e){return console.error(e),null}})),V=()=>g(void 0,void 0,void 0,(function*(){try{const t=l({clientId:process.env.REACT_APP_SHARETRIBE_SDK_CLIENT_ID,secure:"true"===process.env.REACT_APP_SHARETRIBE_USING_SSL});yield t.marketplace.show(),yield(e=800,new Promise((t=>setTimeout(t,e))));const o=U(["access_token"],N());b(o)}catch(e){}var e})),C=(t,o,i)=>g(void 0,void 0,void 0,(function*(){const{urlToUpload:l,urlToRead:d,metadata:r}=t;yield a.put(l,o,{headers:Object.assign({"Access-Control-Allow-Origin":"*","Content-Type":null==o?void 0:o.type},null!=r?r:{}),signal:i.signal}),Q(null),I(!1),e(d)}));return{handleUploadVideo:e=>g(void 0,void 0,void 0,(function*(){try{if(e.size>=1024*c*1024)return p({isMaxSizeReached:!0}),void I(!1);p(null),x&&x.abort("New video to upload");const t=new AbortController;Q(t),I(!0),s(e),V();const o=yield(e=>g(void 0,void 0,void 0,(function*(){try{const t=yield G(null==e?void 0:e.type);if(!t)return;const{urlToUpload:o,urlToRead:i,metadata:a}=t;return{urlToUpload:o,urlToRead:i,metadata:a}}catch(e){console.error(e)}})))(e);yield C(o,e,t)}catch(e){console.log("ERROR",e),p({}),s(null),I(!1)}})),handleStopCurrentUpload:()=>{try{p(null),x&&x.abort("New video to upload"),s(null),I(!1)}catch(e){s(null),I(!1)}},video:n,isUploadingVideo:B,hasSetVideo:!!n,error:u}},R=e=>{const t=`https://${(e=>{if(!e)return"";const t=e.match(/https:\/\/storage.googleapis.com\/productvideo.(.*?)\//);return t?`productvideo-${t[1]}`:""})(e)}.b-cdn.net/`;return null==e?void 0:e.replace(/https:\/\/storage.googleapis.com\/productvideo-.*?\//g,t)},N=()=>{const e=`st-${process.env.REACT_APP_SHARETRIBE_SDK_CLIENT_ID}-token`,t=Z.get(e)||"{}",o=JSON.parse(t);return o.access_token?o:null};var v,X={exports:{}}; /*! Copyright (c) 2018 Jed Watson. Licensed under the MIT License (MIT), see http://jedwatson.github.io/classnames */v=X,function(){var e={}.hasOwnProperty;function t(){for(var o=[],i=0;i<arguments.length;i++){var a=arguments[i];if(a){var l=typeof a;if("string"===l||"number"===l)o.push(a);else if(Array.isArray(a)){if(a.length){var d=t.apply(null,a);d&&o.push(d)}}else if("object"===l){if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]")){o.push(a.toString());continue}for(var r in a)e.call(a,r)&&a[r]&&o.push(r)}}}return o.join(" ")}v.exports?(t.default=t,v.exports=t):window.classNames=t}();var y=V(X.exports);function A(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===o&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}var L="ListingCardProductVideoPlayer-module_video__FeujZ",E="ListingCardProductVideoPlayer-module_videoPreviewContainer__DfzPc",D="ListingCardProductVideoPlayer-module_playButtonContainer__9MUGr",w="ListingCardProductVideoPlayer-module_playButton__ZBPKr";A(".ListingCardProductVideoPlayer-module_videoContainer__uhWmy{position:relative;width:100%}.ListingCardProductVideoPlayer-module_video__FeujZ{border:1px solid var(--matterColorNegative);border-radius:4px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%;@media (min-width:768px){max-height:249px}}.ListingCardProductVideoPlayer-module_videoPreviewContainer__DfzPc{cursor:pointer;position:relative}.ListingCardProductVideoPlayer-module_playButtonContainer__9MUGr{cursor:pointer;height:80px;left:35%;position:absolute;top:35%;width:80px}.ListingCardProductVideoPlayer-module_playButton__ZBPKr{cursor:pointer;height:80px;width:80px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpc3RpbmdDYXJkUHJvZHVjdFZpZGVvUGxheWVyLm1vZHVsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsNERBQ0UsaUJBQWtCLENBQ2xCLFVBQ0YsQ0FFQSxtREFDRSwyQ0FBNEMsQ0FDNUMsaUJBQWtCLENBRWxCLFdBQVksQ0FFWixtQkFBaUIsQ0FBakIsZ0JBQWlCLENBSGpCLFVBQVcsQ0FJYix5QkFDRSxnQkFDRixDQUNBLENBRUEsbUVBRUUsY0FBZSxDQURmLGlCQUVGLENBRUEsaUVBQ0UsY0FBZSxDQUlmLFdBQVksQ0FEWixRQUFTLENBRlQsaUJBQWtCLENBQ2xCLE9BQVEsQ0FHUixVQUNGLENBRUEsd0RBQ0UsY0FBZSxDQUNmLFdBQVksQ0FDWixVQUNGIiwiZmlsZSI6Ikxpc3RpbmdDYXJkUHJvZHVjdFZpZGVvUGxheWVyLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIudmlkZW9Db250YWluZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4udmlkZW8ge1xuICBib3JkZXI6IHNvbGlkIDFweCB2YXIoLS1tYXR0ZXJDb2xvck5lZ2F0aXZlKTtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICAvKm1heC1oZWlnaHQ6IDM0MnB4OyovXG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSB7XG4gIG1heC1oZWlnaHQ6IDI0OXB4O1xufVxufVxuXG4udmlkZW9QcmV2aWV3Q29udGFpbmVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5wbGF5QnV0dG9uQ29udGFpbmVyIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMzUlO1xuICBsZWZ0OiAzNSU7XG4gIGhlaWdodDogODBweDtcbiAgd2lkdGg6IDgwcHg7XG59XG5cbi5wbGF5QnV0dG9uIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBoZWlnaHQ6IDgwcHg7XG4gIHdpZHRoOiA4MHB4O1xufVxuIl19 */");const f=()=>e.createElement("img",{className:w,alt:"PlayButton",src:"data:image/png;base64,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"}),H=({productVideoUrl:a,className:l})=>{const d=i(null),[r,c]=t(!1),n="undefined"!=typeof window&&window.innerWidth<768;o((()=>{if(!a)return;if(!n)return void c(!0);const e=new IntersectionObserver((e=>{e.forEach((e=>{d.current&&(e.isIntersecting?d.current.play():(d.current.pause(),d.current.currentTime=0))}))}),{root:null,rootMargin:"0px",threshold:.5});return d.current&&e.observe(d.current),()=>{d.current&&e.unobserve(d.current)}}),[a,n]);const s=()=>{d.current&&(d.current.play(),n||c(!1))};return a?e.createElement("div",{className:E},e.createElement("video",{className:y(L,l),ref:d,controls:!1,playsInline:!0,loop:!0,muted:"muted",onMouseEnter:s,onMouseLeave:()=>{d.current&&(d.current.pause(),d.current.currentTime=0,n||c(!0))},src:R(a)}),r&&e.createElement("div",{className:D,onClick:()=>s()},e.createElement(f,null))):null};H.propTypes={className:r,productVideoUrl:r};var J="ProductVideoUpload-module_VideosField__yPiI2",O="ProductVideoUpload-module_VideosLabel__DxhqX",k="ProductVideoUpload-module_addVideoInput__2yBJS",M="ProductVideoUpload-module_addVideoWrapper__zIIlq",Y="ProductVideoUpload-module_addVideo__2DozW",_="ProductVideoUpload-module_chooseVideoText__1PHjq",S="ProductVideoUpload-module_chooseVideo__jy8Yz",j="ProductVideoUpload-module_videoTypes__PeOin",P="ProductVideoUpload-module_videoContainer__ryLCg",z="ProductVideoUpload-module_video__PZ-2o",T="ProductVideoUpload-module_productVideoContainer__NPhE9",K="ProductVideoUpload-module_productVideoLoaderContainer__XoajM",q="ProductVideoUpload-module_spinner__oXg9p",$="ProductVideoUpload-module_removeImage__fVc6R",ee="ProductVideoUpload-module_error__YBlhW";A('.ProductVideoUpload-module_VideosField__yPiI2{flex-shrink:0;margin:0}.ProductVideoUpload-module_VideosLabel__DxhqX{padding-bottom:10px}.ProductVideoUpload-module_addVideoInput__2yBJS{display:none}.ProductVideoUpload-module_addVideoWrapper__zIIlq{float:left;margin:24px 0 0;overflow:hidden;position:relative;width:100%;&:after{clear:both;content:".";display:block;height:0;visibility:hidden}@media (min-width:1024px){margin-bottom:24px;margin-left:0;margin-right:0;margin-top:0;width:calc(33% - 12px)}}.ProductVideoUpload-module_addVideo__2DozW{align-items:center;background-color:var(--matterColorLight);bottom:0;display:flex;height:100%;justify-content:center;left:0;margin-top:0;position:absolute;right:0;top:0;width:100%;@media (min-width:1024px){background-color:var(--matterColorBright)}border-color:var(--matterColorNegative);border-radius:2px;border-style:dashed;border-width:2px;cursor:pointer;transition:var(--transitionStyleButton);&:hover{border-color:var(--matterColorAnti)}}.ProductVideoUpload-module_chooseVideoText__1PHjq{align-items:center;display:flex;flex-direction:column}.ProductVideoUpload-module_chooseVideo__jy8Yz{@apply --marketplaceH4FontStyles;color:var(--matterColor);font-weight:var(--fontWeightSemiBold);margin-bottom:0;margin-top:0;@media (min-width:1024px){font-weight:var(--fontWeightSemiBold);margin-bottom:0;margin-top:0}}.ProductVideoUpload-module_videoTypes__PeOin{@apply --marketplaceTinyFontStyles;color:var(--matterColorAnti);margin-bottom:0;margin-top:0;@media (min-width:1024px){margin-bottom:0;margin-top:0}}.ProductVideoUpload-module_thumbnail__7eNn0{margin:24px 0 0;@media (min-width:1024px){margin-bottom:24px;margin-left:0;margin-right:24px;margin-top:0;width:calc(33% - 12px)}}.ProductVideoUpload-module_videoContainer__ryLCg{margin-right:20px;position:relative;@media (min-width:768px){height:235px}}.ProductVideoUpload-module_video__PZ-2o{border-radius:15px;width:100%;@media (min-width:768px){flex-direction:row;height:100%}}.ProductVideoUpload-module_productVideoContainer__NPhE9{display:flex;flex-direction:column;margin-bottom:20px;position:relative;@media (min-width:768px){flex-direction:row}}.ProductVideoUpload-module_productVideoLoaderContainer__XoajM{align-items:center;background-color:rgba(0,0,0,.7);bottom:0;color:#fff;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.ProductVideoUpload-module_spinner__oXg9p{stroke:#fff;height:23px;margin-left:10px;width:23px}.ProductVideoUpload-module_removeImage__fVc6R{background-color:rgba(0,0,0,.5);border:none;border-radius:0;border-bottom-left-radius:2px;cursor:pointer;height:33px;padding:0;position:absolute;right:0;top:0;width:33px;z-index:1000;& svg{fill:var(--matterColorAnti);stroke:var(--matterColorAnti);height:10px;left:12px;position:absolute;top:12px;width:10px}&:hover svg{fill:var(--matterColorLight);stroke:var(--matterColorLight)}}.ProductVideoUpload-module_error__YBlhW{color:var(--failColor)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2R1Y3RWaWRlb1VwbG9hZC5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLDhDQUNFLGFBQWMsQ0FDZCxRQUNGLENBQ0EsOENBQ0UsbUJBQ0YsQ0FFQSxnREFDRSxZQUNGLENBRUEsa0RBQ0UsVUFBVyxDQUdYLGVBQWtCLENBQ2xCLGVBQWdCLENBSGhCLGlCQUFrQixDQUNsQixVQUFXLENBSWIsUUFLRyxVQUFXLENBSlgsV0FBWSxDQUVaLGFBQWMsQ0FDZCxRQUFTLENBRlQsaUJBSUYsQ0FFRCwwQkFFRSxrQkFBa0IsQ0FBbEIsYUFBa0IsQ0FBbEIsY0FBa0IsQ0FBbEIsWUFBa0IsQ0FEbEIsc0JBRUYsQ0FDQSxDQUVBLDJDQVlFLGtCQUFtQixDQUluQix3Q0FBeUMsQ0FYekMsUUFBUyxDQUtULFlBQWEsQ0FEYixXQUFZLENBRVosc0JBQXVCLENBTHZCLE1BQU8sQ0FPUCxZQUFhLENBVmIsaUJBQWtCLENBSWxCLE9BQVEsQ0FIUixLQUFNLENBSU4sVUFBVyxDQVViLDBCQUNFLHlDQUNGLENBR0EsdUNBQXdDLENBRXhDLGlCQUFrQixDQUhsQixtQkFBb0IsQ0FFcEIsZ0JBQWlCLENBSWpCLGNBQWUsQ0FDZix1Q0FBd0MsQ0FFeEMsUUFDRyxtQ0FDRixDQUNELENBR0Esa0RBR0Usa0JBQW1CLENBRm5CLFlBQWEsQ0FDYixxQkFFRixDQUVBLDhDQUNFLGdDQUFnQyxDQUNoQyx3QkFBeUIsQ0FDekIscUNBQXNDLENBR3RDLGVBQWdCLENBRGhCLFlBQWEsQ0FHZiwwQkFDRSxxQ0FBc0MsQ0FFdEMsZUFBZ0IsQ0FEaEIsWUFFRixDQUNBLENBR0EsNkNBQ0Usa0NBQWtDLENBQ2xDLDRCQUE2QixDQUc3QixlQUFnQixDQURoQixZQUFhLENBR2YsMEJBRUUsZUFBZ0IsQ0FEaEIsWUFFRixDQUNBLENBR0EsNENBQ0UsZUFBa0IsQ0FFcEIsMEJBRUUsa0JBQXFCLENBQXJCLGFBQXFCLENBQXJCLGlCQUFxQixDQUFyQixZQUFxQixDQURyQixzQkFFRixDQUNBLENBRUEsaURBRUUsaUJBQWtCLENBRGxCLGlCQUFrQixDQUdwQix5QkFDRSxZQUNGLENBQ0EsQ0FFQSx3Q0FDRSxrQkFBbUIsQ0FDbkIsVUFBVyxDQUNYLHlCQUVFLGtCQUFtQixDQURuQixXQUVGLENBQ0YsQ0FFQSx3REFFRSxZQUFhLENBRWIscUJBQXNCLENBRHRCLGtCQUFtQixDQUZuQixpQkFBa0IsQ0FJbEIseUJBQ0Usa0JBQ0YsQ0FDRixDQUVBLDhEQVdFLGtCQUFtQixDQUxuQiwrQkFBb0MsQ0FIcEMsUUFBUyxDQU9ULFVBQVksQ0FGWixZQUFhLENBQ2Isc0JBQXVCLENBTHZCLE1BQU8sQ0FIUCxpQkFBa0IsQ0FJbEIsT0FBUSxDQUhSLEtBQU0sQ0FLTixVQUtGLENBQ0EsMENBR0UsV0FBYSxDQURiLFdBQVksQ0FFWixnQkFBaUIsQ0FIakIsVUFJRixDQUVBLDhDQVFFLCtCQUFvQyxDQUNwQyxXQUFZLENBQ1osZUFBZ0IsQ0FDaEIsNkJBQThCLENBQzlCLGNBQWUsQ0FOZixXQUFZLENBQ1osU0FBVSxDQU5WLGlCQUFrQixDQUdsQixPQUFRLENBRFIsS0FBTSxDQUVOLFVBQVcsQ0FIWCxZQUFhLENBWWYsTUFNSSwyQkFBNEIsQ0FDNUIsNkJBQThCLENBRjlCLFdBQVksQ0FGWixTQUFVLENBRlYsaUJBQWtCLENBQ2xCLFFBQVMsQ0FFVCxVQUlGLENBRUYsWUFDRyw0QkFBNkIsQ0FDN0IsOEJBQ0YsQ0FDRCxDQUVBLHdDQUNFLHNCQUNGIiwiZmlsZSI6IlByb2R1Y3RWaWRlb1VwbG9hZC5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLypAaW1wb3J0ICcuLi8uLi9zdHlsZXMvcHJvcGVydHlTZXRzLmNzcyc7Ki9cblxuLlZpZGVvc0ZpZWxkIHtcbiAgZmxleC1zaHJpbms6IDA7XG4gIG1hcmdpbjogMDtcbn1cbi5WaWRlb3NMYWJlbCB7XG4gIHBhZGRpbmctYm90dG9tOiAxMHB4O1xufVxuXG4uYWRkVmlkZW9JbnB1dCB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5hZGRWaWRlb1dyYXBwZXIge1xuICBmbG9hdDogbGVmdDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAyNHB4IDAgMCAwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4mOjphZnRlciB7XG4gICBjb250ZW50OiAnLic7XG4gICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICBkaXNwbGF5OiBibG9jaztcbiAgIGhlaWdodDogMDtcbiAgIGNsZWFyOiBib3RoO1xuIH1cblxuQG1lZGlhIChtaW4td2lkdGg6IDEwMjRweCkge1xuICB3aWR0aDogY2FsYygzMyUgLSAxMnB4KTtcbiAgbWFyZ2luOiAwIDAgMjRweCAwO1xufVxufVxuXG4uYWRkVmlkZW8ge1xuICAvKiBMYXlvdXQgKi9cbiAgLyogTWFpbnRhaW4gYXNwZWN0IHJhdGlvICovXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLXRvcDogMDtcblxuICAvKiBDb2xvcnMgKi9cbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbWF0dGVyQ29sb3JMaWdodCk7XG5cbkBtZWRpYSAobWluLXdpZHRoOiAxMDI0cHgpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbWF0dGVyQ29sb3JCcmlnaHQpO1xufVxuXG5ib3JkZXItc3R5bGU6IGRhc2hlZDtcbmJvcmRlci1jb2xvcjogdmFyKC0tbWF0dGVyQ29sb3JOZWdhdGl2ZSk7XG5ib3JkZXItd2lkdGg6IDJweDtcbmJvcmRlci1yYWRpdXM6IDJweDtcblxuLyogQmVoYXZpb3VyICovXG5jdXJzb3I6IHBvaW50ZXI7XG50cmFuc2l0aW9uOiB2YXIoLS10cmFuc2l0aW9uU3R5bGVCdXR0b24pO1xuXG4mOmhvdmVyIHtcbiAgIGJvcmRlci1jb2xvcjogdmFyKC0tbWF0dGVyQ29sb3JBbnRpKTtcbiB9XG59XG5cblxuLmNob29zZVZpZGVvVGV4dCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5jaG9vc2VWaWRlbyB7XG4gIEBhcHBseSAtLW1hcmtldHBsYWNlSDRGb250U3R5bGVzO1xuICBjb2xvcjogdmFyKC0tbWF0dGVyQ29sb3IpO1xuICBmb250LXdlaWdodDogdmFyKC0tZm9udFdlaWdodFNlbWlCb2xkKTtcblxuICBtYXJnaW4tdG9wOiAwO1xuICBtYXJnaW4tYm90dG9tOiAwO1xuXG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIGZvbnQtd2VpZ2h0OiB2YXIoLS1mb250V2VpZ2h0U2VtaUJvbGQpO1xuICBtYXJnaW4tdG9wOiAwO1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxufVxuXG5cbi52aWRlb1R5cGVzIHtcbiAgQGFwcGx5IC0tbWFya2V0cGxhY2VUaW55Rm9udFN0eWxlcztcbiAgY29sb3I6IHZhcigtLW1hdHRlckNvbG9yQW50aSk7XG5cbiAgbWFyZ2luLXRvcDogMDtcbiAgbWFyZ2luLWJvdHRvbTogMDtcblxuQG1lZGlhIChtaW4td2lkdGg6IDEwMjRweCkge1xuICBtYXJnaW4tdG9wOiAwO1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxufVxuXG5cbi50aHVtYm5haWwge1xuICBtYXJnaW46IDI0cHggMCAwIDA7XG5cbkBtZWRpYSAobWluLXdpZHRoOiAxMDI0cHgpIHtcbiAgd2lkdGg6IGNhbGMoMzMlIC0gMTJweCk7XG4gIG1hcmdpbjogMCAyNHB4IDI0cHggMDtcbn1cbn1cblxuLnZpZGVvQ29udGFpbmVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG5cbkBtZWRpYSAobWluLXdpZHRoOiA3NjhweCkge1xuICBoZWlnaHQ6IDIzNXB4O1xufVxufVxuXG4udmlkZW8ge1xuICBib3JkZXItcmFkaXVzOiAxNXB4O1xuICB3aWR0aDogMTAwJTtcbiAgQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSB7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIH1cbn1cblxuLnByb2R1Y3RWaWRlb0NvbnRhaW5lciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgbWFyZ2luLWJvdHRvbTogMjBweDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSB7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgfVxufVxuXG4ucHJvZHVjdFZpZGVvTG9hZGVyQ29udGFpbmVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbiAgei1pbmRleDogMTA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBjb2xvcjogd2hpdGU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4uc3Bpbm5lciB7XG4gIHdpZHRoOiAyM3B4O1xuICBoZWlnaHQ6IDIzcHg7XG4gIHN0cm9rZTogd2hpdGU7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuXG4ucmVtb3ZlSW1hZ2Uge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDEwMDA7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIHdpZHRoOiAzM3B4O1xuICBoZWlnaHQ6IDMzcHg7XG4gIHBhZGRpbmc6IDA7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC41KTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAwO1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAycHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuJiBzdmcge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDEycHg7XG4gICAgbGVmdDogMTJweDtcbiAgICB3aWR0aDogMTBweDtcbiAgICBoZWlnaHQ6IDEwcHg7XG4gICAgZmlsbDogdmFyKC0tbWF0dGVyQ29sb3JBbnRpKTtcbiAgICBzdHJva2U6IHZhcigtLW1hdHRlckNvbG9yQW50aSk7XG4gIH1cblxuJjpob3ZlciBzdmcge1xuICAgZmlsbDogdmFyKC0tbWF0dGVyQ29sb3JMaWdodCk7XG4gICBzdHJva2U6IHZhcigtLW1hdHRlckNvbG9yTGlnaHQpO1xuIH1cbn1cblxuLmVycm9yIHtcbiAgY29sb3I6IHZhcigtLWZhaWxDb2xvcik7XG59XG4iXX0= */');var te="AspectRatioWrapper-module_root__hb86j",oe="AspectRatioWrapper-module_aspectPadding__rcO8l",ie="AspectRatioWrapper-module_aspectBox__NI-2-";A(".AspectRatioWrapper-module_root__hb86j{display:block;position:relative;width:100%}.AspectRatioWrapper-module_aspectBox__NI-2-{bottom:0;left:0;position:absolute;right:0;top:0;width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFzcGVjdFJhdGlvV3JhcHBlci5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHVDQUVFLGFBQWMsQ0FFZCxpQkFBa0IsQ0FEbEIsVUFFRixDQU9BLDRDQUlFLFFBQVMsQ0FDVCxNQUFPLENBSFAsaUJBQWtCLENBSWxCLE9BQVEsQ0FIUixLQUFNLENBSU4sVUFDRiIsImZpbGUiOiJBc3BlY3RSYXRpb1dyYXBwZXIubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5yb290IHtcbiAgLyogTGF5b3V0ICovXG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4vKiBGaXJlZm94IGRvZXNuJ3Qgc3VwcG9ydCBpbWFnZSBhc3BlY3QgcmF0aW8gaW5zaWRlIGZsZXhib3ggKi9cbi8qIEFzcGVjdCByYXRpbyBmb3IgaXMgZ2l2ZW4gaW5saW5lICovXG4uYXNwZWN0UGFkZGluZyB7XG59XG5cbi5hc3BlY3RCb3gge1xuICAvKiBMYXlvdXQgLSBpbWFnZSB3aWxsIHRha2Ugc3BhY2UgZGVmaW5lZCBieSBhc3BlY3QgcmF0aW8gd3JhcHBlciAqL1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgd2lkdGg6IDEwMCU7XG59XG4iXX0= */");const ae=t=>{const{children:o,className:i,rootClassName:a,width:l,height:d}=t,r=m(t,["children","className","rootClassName","width","height"]),c=y(a||te,i),n=`${d/l*100}%`;return e.createElement("div",Object.assign({className:c},r),e.createElement("div",{className:oe,style:{paddingBottom:n}},e.createElement("div",{className:ie},o)))};ae.defaultProps={className:null,rootClassName:null,children:null},ae.propTypes={className:r,rootClassName:r,width:c.isRequired,height:c.isRequired,children:n};var le="IconSpinner-module_root__xewAb";A(".IconSpinner-module_root__xewAb{stroke:#fff;stroke-width:3px;height:28px;width:28px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkljb25TcGlubmVyLm1vZHVsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZ0NBT0UsV0FBYSxDQUNiLGdCQUFpQixDQUhqQixXQUFZLENBRFosVUFLRiIsImZpbGUiOiJJY29uU3Bpbm5lci5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnJvb3Qge1xuICAvKiBXaGlsZSB0aGUgdmlld2JveCBvZiB0aGUgaWNvbiBpcyAzMHgzMCwgdGhlIGljb24gc2l6ZSBpcyBzY2FsZWQgdG9cbiAgIDI4eDI4IGJ5IGRlZmF1bHQsIHdoaWNoIHJlc3VsdHMgaW4gc2NhbGluZyB0aGUgd2hvbGUgaW1hZ2UgYW5kIHRoZVxuICAgc3Ryb2tlcyBhIGJpdC4qL1xuICB3aWR0aDogMjhweDtcbiAgaGVpZ2h0OiAyOHB4O1xuXG4gIHN0cm9rZTogd2hpdGU7XG4gIHN0cm9rZS13aWR0aDogM3B4O1xufVxuIl19 */");const de=t=>{const{rootClassName:o,className:i}=t,a=y(o||le,i);return e.createElement("svg",{className:a,viewBox:"0 0 30 30",preserveAspectRatio:"xMidYMid",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{cx:"15",cy:"15",r:"12",fill:"none",strokeLinecap:"round"},e.createElement("animateTransform",{attributeName:"transform",type:"rotate",calcMode:"linear",values:"0 15 15;180 15 15;720 15 15",keyTimes:"0;0.5;1",dur:"0.9s",begin:"0s",repeatCount:"indefinite"}),e.createElement("animate",{attributeName:"stroke-dasharray",calcMode:"linear",values:"9 56;46 14;9 56",keyTimes:"0;0.5;1",dur:"0.9s",begin:"0s",repeatCount:"indefinite"})))};de.defaultProps={rootClassName:null,className:null};const{string:re}=d;de.propTypes={rootClassName:re,className:re};const ce=t=>{const{className:o,rootClassName:i,onClick:a}=t,l=y(i||$,o);return e.createElement("button",{className:l,onClick:a},e.createElement("svg",{width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{strokeWidth:"1",fillRule:"evenodd"},e.createElement("g",{transform:"translate(-821.000000, -311.000000)"},e.createElement("g",{transform:"translate(809.000000, 299.000000)"},e.createElement("path",{d:"M21.5833333,16.5833333 L17.4166667,16.5833333 L17.4166667,12.4170833 C17.4166667,12.1866667 17.2391667,12 17.00875,12 C16.77875,12 16.5920833,12.18625 16.5920833,12.41625 L16.5883333,16.5833333 L12.4166667,16.5833333 C12.18625,16.5833333 12,16.7695833 12,17 C12,17.23 12.18625,17.4166667 12.4166667,17.4166667 L16.5875,17.4166667 L16.5833333,21.5829167 C16.5829167,21.8129167 16.7691667,21.9995833 16.9991667,22 L16.9995833,22 C17.2295833,22 17.41625,21.81375 17.4166667,21.58375 L17.4166667,17.4166667 L21.5833333,17.4166667 C21.8133333,17.4166667 22,17.23 22,17 C22,16.7695833 21.8133333,16.5833333 21.5833333,16.5833333",transform:"translate(17.000000, 17.000000) rotate(-45.000000) translate(-17.000000, -17.000000) "}))))))},ne=t=>{const{formApi:o,onVideoUploadHandler:i,isRootsVideo:a}=t,l=m(t,["formApi","onVideoUploadHandler","isRootsVideo"]);return e.createElement(p,Object.assign({form:null},l),(t=>{const{accept:o,input:l,label:d,disabled:r}=t,{name:c,type:n}=l,s={accept:o,id:c,name:c,onChange:e=>{const t=e.target.files;console.log("onVideoUploadHandler root",t);for(const e of t)i(e,a)},type:n};return e.createElement("div",{className:M},e.createElement(ae,{width:1,height:1},r?null:e.createElement("input",Object.assign({},s,{className:k})),e.createElement("label",{htmlFor:c,className:Y},d)))}))},se=t=>{const{intl:o,form:i,productVideoUrl:a,onVideoUploadHandler:l,listingId:d,maxSizeMb:r=100}=t,c=U(["access_token"],N()),{handleUploadVideo:n,handleStopCurrentUpload:s,video:u,isUploadingVideo:p,hasSetVideo:m,error:g}=W((e=>{i.change("productVideoUrl",e)}),d,c,l,r),b=e.createElement("span",{className:_},e.createElement("span",{className:S},o.formatMessage({id:"EditListingProductVideo.chooseVideo"})),e.createElement("span",{className:j},o.formatMessage({id:"EditListingProductVideo.VideoTypes"})));return e.createElement("div",{className:J},e.createElement("div",{className:O},e.createElement("label",null,o.formatMessage({id:"EditListingProductVideo.addAVideo"}))),e.createElement("div",{className:T},m&&e.createElement("div",{className:P},e.createElement("video",{src:URL.createObjectURL(u),controls:!0,className:z}),e.createElement(ce,{onClick:e=>{e.preventDefault(),i.change("productVideoUrl",null),s()}}),p&&e.createElement("div",{className:K},"Upload in progress ",e.createElement(de,{className:q}))),a&&!m&&e.createElement("div",{className:P},e.createElement("video",{src:R(a),controls:!0,className:z}),e.createElement(ce,{onClick:e=>{e.preventDefault(),i.change("productVideoUrl",null)}})),e.createElement(ne,{id:"addVideo",name:"addVideo",accept:"video/*",label:b,type:"file",onVideoUploadHandler:e=>{e&&n(e)}})),g&&e.createElement("p",{className:ee},o.formatMessage({id:(null==g?void 0:g.isMaxSizeReached)?"EditListingProductVideo.uploadOverLimit":"EditListingProductVideo.uploadFailed"})))};se.defaultProps={className:null,rootClassName:null},se.propTypes={className:r,rootClassName:r,intl:s.isRequired,form:s.isRequired,productVideoUrl:r,onVideoUploadHandler:u,listingId:r,maxSizeMb:c};var ue="ProductVideoPlayer-module_videoContainer__JgZST",pe="ProductVideoPlayer-module_video__gAkGG";A(".ProductVideoPlayer-module_videoContainer__JgZST{position:relative;width:100%}.ProductVideoPlayer-module_video__gAkGG{border-radius:10px;max-height:64vh;max-width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2R1Y3RWaWRlb1BsYXllci5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlEQUNFLGlCQUFrQixDQUNsQixVQUNGLENBRUEsd0NBQ0Usa0JBQW1CLENBRW5CLGVBQWdCLENBRGhCLGNBRUYiLCJmaWxlIjoiUHJvZHVjdFZpZGVvUGxheWVyLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIudmlkZW9Db250YWluZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4udmlkZW8ge1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG1heC1oZWlnaHQ6IDY0dmg7XG59XG4iXX0= */");const me=({className:t,productVideoUrl:o})=>o?e.createElement("div",{className:ue},e.createElement("video",{src:R(o),controls:!0,className:y(pe,t)})):null;me.propTypes={className:r,productVideoUrl:r};export{H as ListingCardProductVideoPlayer,me as ProductVideoPlayer,se as ProductVideoUploadField,R as getProductVideoUrl,N as getUserToken,W as useProductVideo}; //# sourceMappingURL=index.js.map