https://gmtm.com/_next/static/chunks/4817.08d206b55304e106.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4817],{61973:function(e,t,n){n.d(t,{Z:function(){return a}});var o=n(83946),i=n(51820),l=n(13882);function a(e,t){(0,l.Z)(2,arguments);var n=(0,o.Z)(t);return(0,i.Z)(e,1e3*n)}},38078:function(e,t,n){var o=n(26042),i=n(85893),l=n(2366),a=n(36388),r=n(67294),d=n(49712);function s(e){e.preventDefault(),e.stopPropagation()}t.Z=function(e){var t=e.multiple,n=void 0===t||t,u=e.accept,c=void 0===u?"*":u,v=e.disabled,f=void 0!==v&&v,h=e.onChange,m=void 0===h?function(){return console.log("Please define onChange()")}:h,g=e.ext,x=e.style,p=void 0===x?null:x,w=e.className,b=void 0===w?"":w,y=e.warningMessage,j=e.anon,N=e.isMobile,M=void 0===N?"false":N,Z=function(e){var t,n,o,i,l,a,r;"*"==c||0!==(null===e||void 0===e||null===(t=e.target)||void 0===t||null===(n=t.files)||void 0===n||null===(o=n[0])||void 0===o||null===(i=o.type)||void 0===i?void 0:i.length)&&-1!==c.indexOf(null===e||void 0===e||null===(l=e.target)||void 0===l||null===(a=l.files)||void 0===a||null===(r=a[0])||void 0===r?void 0:r.type)?(s(e),m(e)):alert("Please upload a file of type: ".concat(c))},S=(0,r.useState)(y),z=S[0],E=S[1],R=(0,r.useState)(""),k=R[0],W=R[1];return(0,r.useEffect)((function(){E(y)}),[y]),(0,i.jsxs)("div",{style:(0,o.Z)({},p),className:"flex flex-col-reverse h-full",children:[(0,i.jsxs)("div",{onDragOver:f?function(){return null}:function(e){s(e)},onDragEnter:f?function(){return null}:function(e){s(e),W("fileInput")},onDragLeave:f?function(){return null}:function(e){s(e),W(null)},onDrop:f?function(){return null}:function(e){s(e),function(e){var t,n,o,i=e.dataTransfer.files;"*"==c||0!==(null===i||void 0===i||null===(t=i[0])||void 0===t||null===(n=t.type)||void 0===n?void 0:n.length)&&-1!==c.indexOf(null===i||void 0===i||null===(o=i[0])||void 0===o?void 0:o.type)?m({target:{files:i}}):alert("Please upload a file of type: ".concat(c))}(e)},className:"relative flex flex-col w-full h-full z-60 ".concat(b," m-auto"),children:[(0,i.jsxs)(d.Zb,{className:"p-4 py-20 relative ".concat("fileInput"!==k||f?"":"border-gmtm-purpleAccent shadow-inner bg-animate-pulse"," duration-1000"),children:[(0,i.jsx)("div",{className:"absolute bg-gmtm-purpleAccent/15 animate-pulse w-full h-full rounded-lg z-20 top-0 left-0 pointer-events-none ".concat("fileInput"!==k||f?"invisible":"border-gmtm-purpleAccent shadow-inner bg-animate-pulse")}),(0,i.jsxs)("div",{children:[(0,i.jsx)(l.Z,{className:"h-6 w-6  mx-auto transform ".concat("fileInput"!==k||f?"text-muted-foreground":"text-gmtm-purpleAccent animate-bounce"," duration-3000")}),(0,i.jsx)("div",{className:"".concat(f?"text-muted-foreground":"text-black"," mx-auto text-center font-semibold mt-3 w-48"),children:"Select File to Upload"}),(0,i.jsx)("div",{className:"mx-auto text-center mt-1 text-sm text-muted-foreground",children:"or Drag and Drop File"})]})]}),(0,i.jsx)("input",{onClick:f?function(e){return e.preventDefault()}:function(){return null},onMouseEnter:function(){return W("fileInput")},onMouseLeave:function(){return W(null)},onChange:f?function(){return null}:Z,accept:c||g,type:"file",className:"absolute z-60 top-0 left-0 ".concat(f?"cursor-not-allowed":"cursor-pointer"," w-full h-full opacity-0")}),(0,i.jsx)("div",{className:"".concat(z?"opacity-100 my-2":"h-0 opacity-0 invisible"," duration-100flex flex-row text-red-500 "),children:z})]}),M&&j&&(0,i.jsxs)("div",{className:"relative flex flex-col w-full h-full z-60 ".concat(b," m-auto mt-2"),children:[(0,i.jsx)("div",{className:"p-4 py-10 flex font-bold items-center justify-center bg-gmtm-offWhite ".concat("fileInput"===k?"border-gmtm-black shadow-inner":""," border rounded border-double w-full h-full duration-100"),children:(0,i.jsxs)("div",{children:[(0,i.jsx)(a.Z,{className:"h-6 w-6  mx-auto transform ".concat("fileInput"===k?"text-gmtm-black scale-102 -translate-y-2 ":"text-gmtm-warmGray"," duration-200")}),(0,i.jsx)("div",{className:"text-black mx-auto text-center font-extrabold text-lg mt-3 w-48 hover:text-g-darkGray",style:{borderBottom:"3px solid rgba(211, 241, 50)"},children:"Record Now"}),(0,i.jsx)("div",{style:{color:"#c1c1c1"},className:"mx-auto text-center mt-3 text-sm",children:"Record and Go"})]})}),(0,i.jsx)("input",{type:"file",accept:c||g,multiple:n,onMouseEnter:function(){return W("videoRecord")},onMouseLeave:function(){return W(null)},onChange:f?function(){return null}:Z,className:"absolute z-60 top-0 left-0 cursor-pointer w-full h-full opacity-0"}),(0,i.jsx)("div",{className:"flex flex-row text-red-500 mt-2",children:z})]})]})}},87272:function(e,t,n){n.d(t,{Z:function(){return k}});var o=n(47568),i=n(26042),l=n(69396),a=n(97582),r=n(85893),d=n(23493),s=n.n(d),u=n(67294),c=n(25934),v=function(){return null},f=function(e){var t=e.xPos,n=void 0===t?0:t,o=e.className,i=void 0===o?"":o,l=e.onTouchStart,a=void 0===l?v:l,d=e.onTouchEnd,s=void 0===d?v:d,u=e.zIndex,c=void 0===u?10:u,f=(e.dragging,e.onMouseDown),h=void 0===f?v:f,m=e.onMouseUp,g=void 0===m?v:m;return(0,r.jsx)("div",{style:{left:n,zIndex:c},onTouchStart:a,onTouchEnd:s,onMouseUp:g,onMouseDown:h,className:"select-none absolute bg-white rounded shadow flex flex-col h-full top-0 -ml-2 px-2 ".concat(i),children:(0,r.jsx)("div",{style:{height:"50%"},className:"border-r-2 w-full py-2 my-auto"})})},h=u.memo(f),m=function(e){var t=e.size,n=e.className,o=e.style;return(0,r.jsx)("div",{style:(0,l.Z)((0,i.Z)({},o),{width:t,height:t}),className:" rounded-full ".concat(n)})},g=n(61973),x=n(17847);function p(e){var t=(0,g.Z)(new Date(0),e);return(0,x.Z)(t,"mm:ss")}var w=function(e){var t=e.duration,n=void 0===t?10:t,o=e.dotSize,i=void 0===o?8:o,l=e.className,a=n,d=n/2;return(0,r.jsxs)("div",{style:{minWidth:120},className:"w-full ".concat(l),children:[(0,r.jsxs)("div",{style:{paddingRight:20,paddingLeft:20},className:"flex py-2",children:[(0,r.jsx)(m,{size:i,className:"bg-g-textGray"}),(0,r.jsx)(m,{size:i,className:"bg-g-gray ml-auto"}),(0,r.jsx)(m,{size:i,className:"bg-g-gray ml-auto"}),(0,r.jsx)(m,{size:i,className:"bg-g-textGray mx-auto"}),(0,r.jsx)(m,{size:i,className:"bg-g-gray mr-auto"}),(0,r.jsx)(m,{size:i,className:"bg-g-gray mr-auto"}),(0,r.jsx)(m,{size:i,className:"bg-g-textGray"})]}),(0,r.jsxs)("div",{style:{paddingLeft:0,paddingRight:4},className:"flex text-g-textGray text-sm",children:[(0,r.jsx)("div",{style:{width:40},className:"text-center",children:p(0)}),(0,r.jsx)("div",{style:{width:40},className:"ml-auto text-center",children:p(d)}),(0,r.jsx)("div",{style:{width:40},className:"ml-auto text-center",children:p(a)})]})]})},b=u.memo(w),y=n(29815),j=n(51655),N=u.forwardRef((function(e,t){var n=e.src,o=void 0===n?"":n,a=(e.numSnaps,e.children),d=e.className,s=void 0===d?"":d,c=(0,u.useState)({loaded:!1,loadedMeta:!1}),v=c[0],f=c[1],h=(0,u.useState)([]),m=h[0],g=h[1],x=(0,u.useRef)([]),p=(0,u.useRef)(),w=(0,u.useRef)(),b=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;p.current.currentTime=e;var t=p.current,n=w.current;n.width=t.videoWidth,n.height=t.videoHeight;var o=null===n||void 0===n?void 0:n.getContext("2d",{alpha:!1});o&&(o.imageSmoothingEnabled=!1,null===o||void 0===o||o.drawImage(t,0,0,t.videoWidth,t.videoHeight),n.toBlob((function(e){var t=URL.createObjectURL(e);g((function(e){return(0,y.Z)(e).concat([t])})),x.current.push(t)}),"image/jpeg"))};return(0,u.useEffect)((function(){if(null===v||void 0===v?void 0:v.loaded){var e,t=null===p||void 0===p||null===(e=p.current)||void 0===e?void 0:e.duration,n=t/5*1,o=t/5*2,i=t/5*3,l=t/5*4;b(t/5*0),b(n),b(o),b(i),b(l)}}),[null===v||void 0===v?void 0:v.loaded,null===v||void 0===v?void 0:v.loadedMeta]),(0,r.jsxs)("div",{ref:t,className:"overflow-hidden relative w-full h-full rounded-lg shadow-lg border mx-auto flex ".concat(s),children:[(0,r.jsx)("div",{className:""}

1),(0,r.jsx)("video",{playsInline:!0,crossOrigin:"anonymous",controls:!1,muted:!0,autoPlay:!0,onPlay:function(){f((function(e){return(0,l.Z)((0,i.Z)({},e),{loaded:!0})})),p.current.pause()},ref:p,onLoadedMetadata:function(e){return f((function(e){return(0,l.Z)((0,i.Z)({},e),{loadedMeta:!0})}))},width:"20%",height:"auto",className:"invisible",children:(0,r.jsx)("source",{src:o,type:"video/MP4"})}),(0,r.jsx)("canvas",{className:"invisible absolute top-0 left-0",crossOrigin:"anonymous",ref:w}),(0,r.jsx)("img",{width:"20%",height:"auto",crossOrigin:"anonymous",className:"absolute left-0 top-0 my-auto select-none object-cover object-center",src:null===m||void 0===m?void 0:m[0]}),(0,r.jsx)("img",{crossOrigin:"anonymous",width:"20%",className:"absolute top-0 my-auto select-none object-cover object-center",style:{left:"20%"},src:null===m||void 0===m?void 0:m[1]}),(0,r.jsx)("img",{crossOrigin:"anonymous",width:"20%",className:"absolute top-0 my-auto select-none object-cover object-center",style:{left:"40%"},src:null===m||void 0===m?void 0:m[2]}),(0,r.jsx)("img",{crossOrigin:"anonymous",width:"20%",className:"absolute top-0 my-auto select-none object-cover object-center",style:{left:"60%"},src:null===m||void 0===m?void 0:m[3]}),(0,r.jsx)("img",{crossOrigin:"anonymous",width:"20%",className:"absolute top-0 my-auto select-none object-cover object-center",style:{left:"80%"},src:null===m||void 0===m?void 0:m[4]}),a,(0,r.jsx)(j.ZP,{className:"".concat((null===v||void 0===v?void 0:v.loaded)?"invisible opacity-0":"opacity-100 visible"," delay-200 duration-500 absolute z-10 top-0 left-0"),width:"100%",height:"100%"})]})})),M=u.memo(N,(function(e,t){return(null===e||void 0===e?void 0:e.src)===(null===t||void 0===t?void 0:t.src)&&(null===e||void 0===e?void 0:e.className)===(null===t||void 0===t?void 0:t.className)})),Z=n(11227)("GMTM:ComponentsV2:VideoThumbnailSelector"),S=function(){var e=(0,o.Z)((function(e,t,n,o){var i,l,r,d,s,u,v,f,h,m,g,x;return(0,a.__generator)(this,(function(a){switch(a.label){case 0:return l=e.current,r=t.current,l.videoHeight>l.videoWidth?(r.width=o.width,r.height=o.height,(d=null===r||void 0===r?void 0:r.getContext("2d",{alpha:!1})).imageSmoothingEnabled=!1,s=r.width/l.videoWidth,u=r.height/l.videoHeight,v=Math.min(s,u),f=(r.width-l.videoWidth*v)/2,h=(r.height-l.videoHeight*v)/2,d.clearRect(0,0,r.width,r.height),null===d||void 0===d||d.drawImage(l,0,0,l.videoWidth,l.videoHeight,f,h,l.videoWidth*v,l.videoHeight*v)):(r.width=l.videoWidth,r.height=l.videoHeight,(m=null===r||void 0===r?void 0:r.getContext("2d",{alpha:!1})).imageSmoothingEnabled=!1,null===m||void 0===m||m.drawImage(l,0,0,l.videoWidth,l.videoHeight)),g=null===t||void 0===t||null===(i=t.current)||void 0===i?void 0:i.toDataURL("image/jpeg"),[4,fetch(g)];case 1:return[4,a.sent().arrayBuffer()];case 2:return x=a.sent(),n({file:new File([x],"thumb-".concat((0,c.Z)()),{type:"image/jpeg"}),dataURI:g,height:o.width,width:o.height}),r.width=0,r.height=0,[2]}}))}));return function(t,n,o,i){return e.apply(this,arguments)}}(),z=s()((function(e,t,n,o,i,l,a){var r,d,s,u,c=null===(r=e.targetTouches)||void 0===r?void 0:r[0],v=-1*((null===t||void 0===t||null===(d=t.current)||void 0===d?void 0:d.getBoundingClientRect().left)-c.clientX),f=v>=0&&v<=(null===t||void 0===t||null===(s=t.current)||void 0===s?void 0:s.clientWidth);l(n*(o/(null===t||void 0===t||null===(u=t.current)||void 0===u?void 0:u.clientWidth))),a&&f&&i(v)}),33),E=s()((function(e,t,n,o,i,l,a){var r,d,s,u=-1*((null===t||void 0===t||null===(r=t.current)||void 0===r?void 0:r.getBoundingClientRect().left)-e.clientX),c=u>=0&&u<=(null===t||void 0===t||null===(d=t.current)||void 0===d?void 0:d.clientWidth);l(n*(o/(null===t||void 0===t||null===(s=t.current)||void 0===s?void 0:s.clientWidth))),a&&c&&i(u)}),33),R=function(e){var t,n=e.className,o=void 0===n?"":n,a=e.src,d=void 0===a?"":a,s=(e.videoTopFloat,e.videoPreviewDimensions),c=void 0===s?{width:320,height:280}:s,v=e.onChange,f=void 0===v?console.log:v,m=(0,u.useState)(0),g=m[0],x=m[1],p=(0,u.useState)({loaded:!1,loadedMeta:!1}),w=p[0],y=p[1],j=(0,u.useState)(0),N=j[0],R=j[1],k=(0,u.useState)(0),W=k[0],L=k[1],C=(0,u.useState)(0),D=C[0],I=C[1],P=(0,u.useState)(0),O

1=P[0],T=P[1],H=(0,u.useState)(!1),F=H[0],A=H[1],B=(0,u.useRef)(),G=(0,u.useRef)(),U=(0,u.useRef)(),_=(0,u.useState)(!1),q=_[0],V=_[1],X=(0,u.useState)(!1),J=X[0],K=X[1];return(0,u.useEffect)((function(){B.current&&requestAnimationFrame((function(){B.current.currentTime=N}))}),[N]),(0,u.useEffect)((function(){w.loadedMeta&&!F&&(Z("Grabbing 1st Frame"),S(B,G,f,c),A(!0))}),[w.loaded]),(0,u.useEffect)((function(){A(!1)}),[]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{onTouchEnd:function(){K(!1),V(!1),S(B,G,f,c)},onTouchMove:function(e){return requestAnimationFrame((function(){return z(e,U,W,g,x,R,q)}))},className:"".concat(o),children:[(0,r.jsx)("div",{onMouseMove:function(e){return requestAnimationFrame((function(){return E(e,U,W,g,x,R,q)}))},hidden:!q&&!J,onMouseUp:function(){K(!1),V(!1),S(B,G,f,c)},className:"fixed top-0 left-0 w-screen h-screen z-60"}),(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("div",{style:{left:g-(null===c||void 0===c?void 0:c.width)/2,bottom:90,width:null===c||void 0===c?void 0:c.width,height:"auto"},className:"absolute ml-3 z-50 rounded-lg ".concat(q?"opacity-100":"opacity-0"),children:(0,r.jsx)("video",{playsInline:!0,autoPlay:!0,className:"rounded-lg shadow border",crossOrigin:"anonymous",muted:!0,onPlay:function(){y((function(e){return(0,l.Z)((0,i.Z)({},e),{loaded:!0})})),B.current.pause()},controls:!1,ref:B,onLoadedMetadata:function(e){L(e.target.duration),I(e.target.videoHeight),T(e.target.videoWidth),y((function(e){return(0,l.Z)((0,i.Z)({},e),{loadedMeta:!0})}))},height:D>O?300:null===c||void 0===c?void 0:c.height,width:D>O?140:null===c||void 0===c?void 0:c.width,children:(0,r.jsx)("source",{src:d,type:"video/mp4"})})}),(0,r.jsx)("div",{style:{width:g},className:"h-full rounded-l-lg absolute z-10 bg-black opacity-50 left-0 top-0"}),(0,r.jsx)(h,{className:"".concat(q?"cursor-grabbing":"cursor-grab"),dragging:q,onTouchStart:function(){return V(!0)},onTouchEnd:function(){V(!1)},onMouseDown:function(){return V(!0)},onMouseUp:function(){V(!1)},zIndex:20,xPos:g}),(0,r.jsxs)("div",{style:{left:g-22,top:90,zIndex:100},className:"absolute mt-4 ".concat(q?"opacity-100":"opacity-0"," bg-white px-3 py-1 text-sm font-semibold shadow rounded-lg"),children:[null===N||void 0===N?void 0:N.toFixed(2),"s"]}),(0,r.jsx)(M,{ref:U,src:d})]}),(0,r.jsx)("div",{style:{width:(null===U||void 0===U||null===(t=U.current)||void 0===t?void 0:t.clientWidth)+40,marginLeft:-20},children:(0,r.jsx)(b,{className:"mt-3",dotSize:6,duration:W})})]})]}),(0,r.jsx)("canvas",{width:0,height:0,ref:G,className:"invisible absolute top-0 left-0"})]})},k=u.memo(R,(function(e,t){var n,o,i,l;return(null===e||void 0===e?void 0:e.src)===(null===t||void 0===t?void 0:t.src)&&(null===e||void 0===e?void 0:e.className)===(null===t||void 0===t?void 0:t.className)&&(null===e||void 0===e||null===(n=e.videoPreviewDimensions)||void 0===n?void 0:n.width)===(null===t||void 0===t||null===(o=t.videoPreviewDimensions)||void 0===o?void 0:o.width)&&(null===e||void 0===e||null===(i=e.videoPreviewDimensions)||void 0===i?void 0:i.height)===(null===t||void 0===t||null===(l=t.videoPreviewDimensions)||void 0===l?void 0:l.height)}))},67978:function(e,t,n){var o=n(85893),i=n(67294);t.Z=function(e){var t=e.steps,n=void 0===t?[]:t,l=e.step,a=void 0===l?void 0:l,r=e.circular,d=void 0!==r&&r,s=e.className,u=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,o=(0,i.useState)(0),l=o[0],a=o[1];(0,i.useEffect)((function(){void 0!==n&&a(n)}),[n]);var r=function(){var n=l+1;n>=(null===e||void 0===e?void 0:e.length)&&t?n=0:n>=(null===e||void 0===e?void 0:e.length)&&(n=(null===e||void 0===e?void 0:e.length)-1),a(n)},d=function(){var n=l-1;n<0&&t?n=(null===e||void 0===e?void 0:e.length)-1:n<0&&(n=0),a(n)},s=function(t){t<0&&a(0),t>=(null===e||void 0===e?void 0:e.length)&&a((null===e||void 0===e?void 0:e.length)-1)};return{Step:function(){return e[l](r,d,s)},setStep:a}}(n,d,a).Step;return(0,o.jsx)("div",{className:s,children:u()})}},25287:function(e,t,n){var o=n(67294);const i=o.forwardRef((function(e,t){return o.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:t},e),o.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M10 19l-7-7m0 0l7-7m-7 7h18"}))}));t.Z=i},2366:function(e,t,n){var o=n(67294);const i=o.forwardRef((function(e,t){return o.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:t},e),o.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"}))}));t.Z=i},36388:function(e,t,n){var o=n(67294);const i=o.forwardRef((function(e,t){return o.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:t},e),o.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"}))}));t.Z=i},16111:function(e,t,n){var o=n(67294);const i=o.forwardRef((function(e,t){return o.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:t},e),o.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z",clipRule:"evenodd"}))}));t.Z=i}}]);