https://create.viddyoze.com/_next/static/chunks/pages/project/[projectId]/preview-246aaceafcb5406b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[56],{45638:function(e,r,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/project/[projectId]/preview",function(){return o(17201)}])},11188:function(e,r,o){"use strict";o.d(r,{Z:function(){return h}});var n=o(85893),i=o(67294),t=o(22004),a=o(39397),l=o.n(a),d=o(2160),c=o.n(d),u=o(86010),s=o(41390);function _(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}var v=function(e){var r,o=e.color,i=void 0===o?s.dd.ROSE:o,t=e.wrapperStyles,a=e.colorBackground,d=void 0===a?s.dd.BLACK:a;return(0,n.jsx)("div",{className:(0,u.Z)(t,c().fakeWrapper,(r={},_(r,c().backgroundColorBlack,d===s.dd.BLACK),_(r,c().backgroundColorGray,d===s.dd.GREY),_(r,c().backgroundColorBlackTransparent,d===s.dd.BLACK_TRANSPARENT),r)),children:(0,n.jsx)("div",{className:(0,u.Z)(c().content,c()["videoPlayerColor-".concat(i)]),children:(0,n.jsx)(l(),{height:80})})})},f=(0,i.memo)(v),p=function(e){var r=e.videoUrl,o=e.className,a=e.hideIfNull,d=void 0!==a&&a,_=e.muted,v=void 0!==_&&_,p=e.volume,h=void 0===p?0:p,P=e.controls,g=void 0!==P&&P,m=e.onProgress,y=e.playing,x=e.onPause,C=e.onPlay,j=e.light,k=void 0===j||j,b=e.colorPlay,w=void 0===b?s.dd.ROSE:b,N=e.colorBackground,B=void 0===N?s.dd.BLACK:N,E=e.disablePlayIcon,L=void 0!==E&&E,V=e.resetValue,Z=(0,i.useRef)(null),O=(0,i.useState)(!1),A=O[0],R=O[1];(0,i.useEffect)((function(){V&&Z&&!y&&A&&Z.current.seekTo(V,"seconds")}),[A,V,Z,y]);if(r)try{return(0,n.jsx)("div",{className:(0,u.Z)(o,c().video),children:(0,n.jsx)("div",{className:c().inner,children:function(){if(!r)return null;if(r.includes("gif"))return(0,n.jsx)("img",{src:r,alt:"video platyer",className:"w-full h-full"});var e=new URL(r);return(0,n.jsx)(t.Z,{ref:Z,url:e.href,onPause:x,light:k,onPlay:C,playing:y,onReady:function(){return R(!0)},playIcon:L?(0,n.jsx)("div",{}):(0,n.jsx)("div",{className:c()["videoPlayerColor-".concat(w)],children:(0,n.jsx)(l(),{height:80})}),controls:g,onProgress:m,width:"100%",height:"100%",muted:v,volume:h})}()})})}catch(S){return d?null:(0,n.jsx)(f,{color:w,colorBackground:B,wrapperStyles:o})}return(0,n.jsx)(f,{colorBackground:B,color:w,wrapperStyles:o})},h=(0,i.memo)(p)},28601:function(e,r,o){"use strict";o.d(r,{u:function(){return n}});var n={back:"Back to editor",notFound:"No project with id:",progressMessage:"Just a moment, making the magic happen...",errorOccured:"An error occured"}},17201:function(e,r,o){"use strict";o.r(r),o.d(r,{default:function(){return C}});var n=o(85893),i=o(67294),t=o(86010),a=o(11163),l=o(25029),d=o(11188),c=o(34463),u=o.n(c),s=o(41390),_=o(33283),v=o(14611),f=o(47292),p=o(35821),h=o(95653),P=o(37426),g=o(41664),m="Download",y="Create A New Video",x=o(28601),C=function(){var e=(0,l.C)(_.a6),r=(0,i.useState)(!1),o=r[0],c=r[1],C=(0,i.useState)(!1),j=C[0],k=C[1],b=(0,l.C)(_.re),w=function(){return c(!1)},N=(0,a.useRouter)(),B=N.query.projectId,E=(0,l.T)();return(0,i.useEffect)((function(){B&&"string"===typeof B&&e&&k(!1),!B||e||"string"!==typeof B||j||b||(k(!0),E((0,v.xU)(Number(B))))}),[E,j,b,B,e]),b?(0,n.jsxs)("div",{children:[(0,n.jsx)(P.Z,{height:95}),"Not Found"===b.message?(0,n.jsxs)("div",{className:u().broken__root,children:[(0,n.jsxs)("h1",{className:u().notFound,children:[x.u.notFound," ",B]}),(0,n.jsx)(P.Z,{height:45}),(0,n.jsx)(g.default,{href:"/editor",children:(0,n.jsx)("a",{className:u().back__link,children:x.u.back})})]}):(0,n.jsx)("h1",{className:u().notFound,children:x.u.errorOccured})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"w-screen h-screen bg-[#F6F7FB]",children:(0,n.jsxs)("div",{className:"flex flex-col items-center",children:[(0,n.jsx)("div",{className:u().videoContainer,children:(0,n.jsx)(d.Z,{colorPlay:s.dd.BLUE,colorBackground:s.dd.GREY,videoUrl:e,className:u().videoSize,controls:!0})}),(0,n.jsxs)("div",{className:u().buttonsWrapper,children:[(0,n.jsx)("a",{href:e,download:!0,children:(0,n.jsx)(f.Z,{variant:"outlined",onClick:function(){},width:200,height:62,extraClass:"w-[213px] h-[56px] rounded-2xl font-bold text-lg text-primary-blue-1 border border-solid border-[1.5px] border-primary-blue-1",children:m})}),(0,n.jsx)(f.Z,{variant:"primary",onClick:function(){E((0,h.HZ)()),N.push("/catalog")},extraClass:"w-[213px] h-[56px] rounded-2xl ml-5",width:200,height:62,children:y})]})]})}),(0,n.jsx)(p.Z,{show:o,dismiss:w,size:"small",closeButtonType:"square",children:(0,n.jsxs)("div",{className:u().modalContent,children:[(0,n.jsx)("h2",{className:u().modalHeader,children:"Are you sure?"}),(0,n.jsx)("p",{className:u().modalText,children:"Make sure you download a copy of your video if you need it! If you leave now, it will be gone forever."}),(0,n.jsxs)("div",{className:(0,t.Z)(u().buttonsWrapper,u().modalButtonsWrapper),children:[(0,n.jsx)(f.Z,{rounded:!1,variant:"outlined",size:"large",extraClass:u().buttonFontSize,onClick:w,children:"Cancel"}),(0,n.jsx)(f.Z,{rounded:!1,variant:"primary",size:"large",extraClass:u().buttonFontSize,onClick:function(){},children:"Leave"})]})]})})]})}},33283:function(e,r,o){"use strict";o.d(r,{ZM:function(){return n},zl:function(){return i},d1:function(){return t},EY:function(){return a},xh:function(){return l},a6:function(){return d},re:function(){return c},DU:function(){return u},QR:function(){return s},DP:function(){return _},TF:function(){return v}});var n=function(e){return e.project.isLoading},i=function(e,r){var o;return null===(o=e.project.list.find((function(e){return e.id===r})))||void 0===o?void 0:o.isLoading},t=function(e){return e.project.hasLoaded},a=function(e){return e.project.status},l=function(e){return e.project.percentageComplete},d=function(e){var r,o=null===(r=e.project)||void 0===r?void 0:r.data;return o?o.videoUrls[0]:""},c=function(e){return e.project.error},u=function(e){return e.project.list},s=function(e){return e.project.listIsLoading},_=function(e){return e.project.listHasLoaded},v=function(e){return e.project.selectedProject}},2160:function(e){e.exports={video:"VideoPlayer_video__7rEm8","video--gray":"VideoPlayer_video--gray__4muBf",inner:"VideoPlayer_inner__dMho_",fakeWrapper:"VideoPlayer_fakeWrapper__Ndymk",content:"VideoPlayer_content__tzS2T",backgroundColorGray:"VideoPlayer_backgroundColorGray__XLvPb",backgroundColorBlack:"VideoPlayer_backgroundColorBlack__Y9xjQ",backgroundColorBlackTransparent:"VideoPlayer_backgroundColorBlackTransparent__iTUIB","videoPlayerColor-ROSE":"VideoPlayer_videoPlayerColor-ROSE__VqHOM","videoPlayerColor-BLUE":"VideoPlayer_videoPlayerColor-BLUE__GaciV","videoPlayerColor-BLACK":"VideoPlayer_videoPlayerColor-BLACK____c8x","videoPlayerColor-GREY":"VideoPlayer_videoPlayerColor-GREY__G3GOo","videoPlayerColor-YELLOW":"VideoPlayer_videoPlayerColor-YELLOW__NjeER",PendingOpaqueAnimation:"VideoPlayer_PendingOpaqueAnimation__f0vXM"}},34463:function(e){e.exports={root:"PreviewPage_root__ggumv",videoBlockWrapper:"PreviewPage_videoBlockWrapper__jQyZx",buttonsWrapper:"PreviewPage_buttonsWrapper__ktvzq",modalContent:"PreviewPage_modalContent__1OKXj",modalButtonsWrapper:"PreviewPage_modalButtonsWrapper__bfUu0",modalHeader:"PreviewPage_modalHeader__Mbskj",modalText:"PreviewPage_modalText__T2_An",videoContainer:"PreviewPage_videoContainer__qZJXg",videoSize:"PreviewPage_videoSize__3I8o6",notFound:"PreviewPage_notFound__9OiVP",broken__root:"PreviewPage_broken__root__I3hCU",back__link:"PreviewPage_back__link__UiAe2",PendingOpaqueAnimation:"PreviewPage_PendingOpaqueAnimation__Eirb4"}},39397:function(e,r,o){var n=o(67294);function i(e){return n.createElement("svg",e,[n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M40 80C62.0914 80 80 62.0914 80 40C80 17.9086 62.0914 0 40 0C17.9086 0 0 17.9086 0 40C0 62.0914 17.9086 80 40 80Z",fill:"#FF455A",key:0}),n.createElement("path",{d:"M52.1197 38.3892L34.3877 26.3799C33.7392 25.9407 32.8778 25.8769 32.1663 26.2169C31.4507 26.5562 31 27.2419 31 27.9907V52.01C31 52.7582 31.4507 53.4433 32.1663 53.7826C32.4712 53.928 32.8026 54 33.1347 54C33.5765 54 34.0177 53.8717 34.3884 53.6196L52.1204 41.609C52.6747 41.2336 53 40.6364 53 39.9988C52.9993 39.3618 52.672 38.764 52.1197 38.3892Z",fill:"white",key:1})])}i.defaultProps={width:"80",height:"80",viewBox:"0 0 80 80",fill:"none"},e.exports=i,i.default=i}},function(e){e.O(0,[2004,9774,2888,179],(function(){return r=45638,e(e.s=r);var r}));var r=e.O();_N_E=r}]);