UNPKG

productvideo-react

Version:

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

8 lines (7 loc) 30.3 kB
"use strict";var e=require("react"),t=require("axios"),o=require("sharetribe-flex-sdk"),i=require("prop-types"),a=require("react-final-form");function l(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 r(e,t,o,i){return new(o||(o=Promise))((function(a,l){function r(e){try{c(i.next(e))}catch(e){l(e)}}function d(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(r,d)}c((i=i.apply(e,t||[])).next())}))}function d(e){return null!=e&&"object"==typeof e&&!0===e["@@functional/placeholder"]}function c(e){return function t(o){return 0===arguments.length||d(o)?t:e.apply(this,arguments)}}function n(e){return function t(o,i){switch(arguments.length){case 0:return t;case 1:return d(o)?t:c((function(t){return e(o,t)}));default:return d(o)&&d(i)?t:d(o)?c((function(t){return e(t,i)})):d(i)?c((function(t){return e(o,t)})):e(o,i)}}}"function"==typeof SuppressedError&&SuppressedError;var s=Number.isInteger||function(e){return e<<0===e},u=n((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]})),p=n((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=s(o)?u(o,i):i[o],a+=1}return i}))})),m=n((function(e,t){return p([e],t)[0]}));function g(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var b={exports:{}},B=b.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 I=B(document);B.get=I.get,B.set=I.set}var x=g(b.exports);const Q=(i,a,l,d,c=50)=>{const[n,s]=e.useState(null),[u,p]=e.useState(null),[g,b]=e.useState(null),[B,I]=e.useState(!1),[x,Q]=e.useState(null);e.useEffect((()=>{l&&!g&&b(l)}),[l]),e.useEffect((()=>{d(B)}),[B]);const G=e=>r(void 0,void 0,void 0,(function*(){const o=`${atob("aHR0cHM6Ly91cy1jZW50cmFsMS1wcm9kdWN0LXZpZGVvLXN0YWdpbmcuY2xvdWRmdW5jdGlvbnMubmV0L3Yx")}/listing/file?listingId=${a}`;try{const i=yield t({method:"GET",url:o,headers:{authorization:`Bearer ${g}`,"content-type":"application/x-www-form-urlencoded","file-content-type":e}}),a=m(["data","urlToUpload"],i),l=m(["data","urlToRead"],i),r=m(["data","metadata"],i);return l||a?{urlToUpload:a,urlToRead:l,metadata:r}:null}catch(e){return console.error(e),null}})),V=()=>r(void 0,void 0,void 0,(function*(){try{const t=o.createInstance({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 i=m(["access_token"],U());b(i)}catch(e){}var e})),C=(e,o,a)=>r(void 0,void 0,void 0,(function*(){const{urlToUpload:l,urlToRead:r,metadata:d}=e;yield t.put(l,o,{headers:Object.assign({"Access-Control-Allow-Origin":"*","Content-Type":null==o?void 0:o.type},null!=d?d:{}),signal:a.signal}),Q(null),I(!1),i(r)}));return{handleUploadVideo:e=>r(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=>r(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}},G=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)},U=()=>{const e=`st-${process.env.REACT_APP_SHARETRIBE_SDK_CLIENT_ID}-token`,t=x.get(e)||"{}",o=JSON.parse(t);return o.access_token?o:null};var V,C={exports:{}}; /*! Copyright (c) 2018 Jed Watson. Licensed under the MIT License (MIT), see http://jedwatson.github.io/classnames */V=C,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 r=t.apply(null,a);r&&o.push(r)}}else if("object"===l){if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]")){o.push(a.toString());continue}for(var d in a)e.call(a,d)&&a[d]&&o.push(d)}}}return o.join(" ")}V.exports?(t.default=t,V.exports=t):window.classNames=t}();var F=g(C.exports);function h(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 Z="ListingCardProductVideoPlayer-module_video__FeujZ",W="ListingCardProductVideoPlayer-module_videoPreviewContainer__DfzPc",R="ListingCardProductVideoPlayer-module_playButtonContainer__9MUGr",v="ListingCardProductVideoPlayer-module_playButton__ZBPKr";h(".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 N=()=>e.createElement("img",{className:v,alt:"PlayButton",src:"data:image/png;base64,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"}),X=({productVideoUrl:t,className:o})=>{const i=e.useRef(null),[a,l]=e.useState(!1),r="undefined"!=typeof window&&window.innerWidth<768;e.useEffect((()=>{if(!t)return;if(!r)return void l(!0);const e=new IntersectionObserver((e=>{e.forEach((e=>{i.current&&(e.isIntersecting?i.current.play():(i.current.pause(),i.current.currentTime=0))}))}),{root:null,rootMargin:"0px",threshold:.5});return i.current&&e.observe(i.current),()=>{i.current&&e.unobserve(i.current)}}),[t,r]);const d=()=>{i.current&&(i.current.play(),r||l(!1))};return t?e.createElement("div",{className:W},e.createElement("video",{className:F(Z,o),ref:i,controls:!1,playsInline:!0,loop:!0,muted:"muted",onMouseEnter:d,onMouseLeave:()=>{i.current&&(i.current.pause(),i.current.currentTime=0,r||l(!0))},src:G(t)}),a&&e.createElement("div",{className:R,onClick:()=>d()},e.createElement(N,null))):null};X.propTypes={className:i.string,productVideoUrl:i.string};var y="ProductVideoUpload-module_VideosField__yPiI2",L="ProductVideoUpload-module_VideosLabel__DxhqX",A="ProductVideoUpload-module_addVideoInput__2yBJS",E="ProductVideoUpload-module_addVideoWrapper__zIIlq",D="ProductVideoUpload-module_addVideo__2DozW",w="ProductVideoUpload-module_chooseVideoText__1PHjq",f="ProductVideoUpload-module_chooseVideo__jy8Yz",H="ProductVideoUpload-module_videoTypes__PeOin",J="ProductVideoUpload-module_videoContainer__ryLCg",O="ProductVideoUpload-module_video__PZ-2o",k="ProductVideoUpload-module_productVideoContainer__NPhE9",M="ProductVideoUpload-module_productVideoLoaderContainer__XoajM",Y="ProductVideoUpload-module_spinner__oXg9p",S="ProductVideoUpload-module_removeImage__fVc6R",_="ProductVideoUpload-module_error__YBlhW";h('.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 j="AspectRatioWrapper-module_root__hb86j",P="AspectRatioWrapper-module_aspectPadding__rcO8l",z="AspectRatioWrapper-module_aspectBox__NI-2-";h(".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 T=t=>{const{children:o,className:i,rootClassName:a,width:r,height:d}=t,c=l(t,["children","className","rootClassName","width","height"]),n=F(a||j,i),s=`${d/r*100}%`;return e.createElement("div",Object.assign({className:n},c),e.createElement("div",{className:P,style:{paddingBottom:s}},e.createElement("div",{className:z},o)))};T.defaultProps={className:null,rootClassName:null,children:null},T.propTypes={className:i.string,rootClassName:i.string,width:i.number.isRequired,height:i.number.isRequired,children:i.node};var K="IconSpinner-module_root__xewAb";h(".IconSpinner-module_root__xewAb{stroke:#fff;stroke-width:3px;height:28px;width:28px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkljb25TcGlubmVyLm1vZHVsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZ0NBT0UsV0FBYSxDQUNiLGdCQUFpQixDQUhqQixXQUFZLENBRFosVUFLRiIsImZpbGUiOiJJY29uU3Bpbm5lci5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnJvb3Qge1xuICAvKiBXaGlsZSB0aGUgdmlld2JveCBvZiB0aGUgaWNvbiBpcyAzMHgzMCwgdGhlIGljb24gc2l6ZSBpcyBzY2FsZWQgdG9cbiAgIDI4eDI4IGJ5IGRlZmF1bHQsIHdoaWNoIHJlc3VsdHMgaW4gc2NhbGluZyB0aGUgd2hvbGUgaW1hZ2UgYW5kIHRoZVxuICAgc3Ryb2tlcyBhIGJpdC4qL1xuICB3aWR0aDogMjhweDtcbiAgaGVpZ2h0OiAyOHB4O1xuXG4gIHN0cm9rZTogd2hpdGU7XG4gIHN0cm9rZS13aWR0aDogM3B4O1xufVxuIl19 */");const q=t=>{const{rootClassName:o,className:i}=t,a=F(o||K,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"})))};q.defaultProps={rootClassName:null,className:null};const{string:$}=i;q.propTypes={rootClassName:$,className:$};const ee=t=>{const{className:o,rootClassName:i,onClick:a}=t,l=F(i||S,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) "}))))))},te=t=>{const{formApi:o,onVideoUploadHandler:i,isRootsVideo:r}=t,d=l(t,["formApi","onVideoUploadHandler","isRootsVideo"]);return e.createElement(a.Field,Object.assign({form:null},d),(t=>{const{accept:o,input:a,label:l,disabled:d}=t,{name:c,type:n}=a,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,r)},type:n};return e.createElement("div",{className:E},e.createElement(T,{width:1,height:1},d?null:e.createElement("input",Object.assign({},s,{className:A})),e.createElement("label",{htmlFor:c,className:D},l)))}))},oe=t=>{const{intl:o,form:i,productVideoUrl:a,onVideoUploadHandler:l,listingId:r,maxSizeMb:d=100}=t,c=m(["access_token"],U()),{handleUploadVideo:n,handleStopCurrentUpload:s,video:u,isUploadingVideo:p,hasSetVideo:g,error:b}=Q((e=>{i.change("productVideoUrl",e)}),r,c,l,d),B=e.createElement("span",{className:w},e.createElement("span",{className:f},o.formatMessage({id:"EditListingProductVideo.chooseVideo"})),e.createElement("span",{className:H},o.formatMessage({id:"EditListingProductVideo.VideoTypes"})));return e.createElement("div",{className:y},e.createElement("div",{className:L},e.createElement("label",null,o.formatMessage({id:"EditListingProductVideo.addAVideo"}))),e.createElement("div",{className:k},g&&e.createElement("div",{className:J},e.createElement("video",{src:URL.createObjectURL(u),controls:!0,className:O}),e.createElement(ee,{onClick:e=>{e.preventDefault(),i.change("productVideoUrl",null),s()}}),p&&e.createElement("div",{className:M},"Upload in progress ",e.createElement(q,{className:Y}))),a&&!g&&e.createElement("div",{className:J},e.createElement("video",{src:G(a),controls:!0,className:O}),e.createElement(ee,{onClick:e=>{e.preventDefault(),i.change("productVideoUrl",null)}})),e.createElement(te,{id:"addVideo",name:"addVideo",accept:"video/*",label:B,type:"file",onVideoUploadHandler:e=>{e&&n(e)}})),b&&e.createElement("p",{className:_},o.formatMessage({id:(null==b?void 0:b.isMaxSizeReached)?"EditListingProductVideo.uploadOverLimit":"EditListingProductVideo.uploadFailed"})))};oe.defaultProps={className:null,rootClassName:null},oe.propTypes={className:i.string,rootClassName:i.string,intl:i.object.isRequired,form:i.object.isRequired,productVideoUrl:i.string,onVideoUploadHandler:i.func,listingId:i.string,maxSizeMb:i.number};var ie="ProductVideoPlayer-module_videoContainer__JgZST",ae="ProductVideoPlayer-module_video__gAkGG";h(".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 le=({className:t,productVideoUrl:o})=>o?e.createElement("div",{className:ie},e.createElement("video",{src:G(o),controls:!0,className:F(ae,t)})):null;le.propTypes={className:i.string,productVideoUrl:i.string},exports.ListingCardProductVideoPlayer=X,exports.ProductVideoPlayer=le,exports.ProductVideoUploadField=oe,exports.getProductVideoUrl=G,exports.getUserToken=U,exports.useProductVideo=Q; //# sourceMappingURL=index.cjs.map