https://maya.com.bd/_next/static/chunks/8693.71b897ea82987934.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8693],{58021:function(r,e,l){l.r(e),l.d(e,{VideoPlayer:function(){return N}});var a=l(24246),s=l(27378),n=l(25675),d=l.n(n),c=l(92975),i=l.n(c),t=l(30754),o=l.n(t);function h(r){if(isNaN(r))return"00:00";let e=new Date(1e3*r),l=e.getUTCHours().toString().padStart(2,"0"),a=e.getUTCMinutes().toString().padStart(2,"0"),s=e.getUTCSeconds().toString().padStart(2,"0");return"00"!==l?"".concat(l,":").concat(a,":").concat(s):"".concat(a,":").concat(s)}var u=l(54103);l(61226);var x=l(66613);let g={base:"[&>.rc-slider-rail]:bg-muted [&>.rc-slider-handle]:opacity-100 [&>.rc-slider-handle-dragging]:!shadow-none [&>.rc-slider-handle-dragging]:ring-4",size:{sm:"[&>.rc-slider-rail]:h-0.5 [&>.rc-slider-track]:h-0.5 [&>.rc-slider-handle]:h-3 [&>.rc-slider-handle]:w-3 [&>.rc-slider-handle]:border-[3px]",md:"[&>.rc-slider-rail]:h-1 [&>.rc-slider-track]:h-1 [&>.rc-slider-handle]:h-4 [&>.rc-slider-handle]:w-4 [&>.rc-slider-handle]:border-4 [&>.rc-slider-handle]:-mt-1.5",lg:"[&>.rc-slider-rail]:h-2 [&>.rc-slider-track]:h-2 [&>.rc-slider-handle]:h-5 [&>.rc-slider-handle]:w-5 [&>.rc-slider-handle]:border-[5px] [&>.rc-slider-handle]:-mt-1.5",xl:"[&>.rc-slider-rail]:h-3 [&>.rc-slider-track]:h-3 [&>.rc-slider-handle]:h-6 [&>.rc-slider-handle]:w-6 [&>.rc-slider-handle]:border-[6px] [&>.rc-slider-handle]:-mt-1.5"},color:{primary:"[&>.rc-slider-track]:bg-primary [&>.rc-slider-handle]:border-primary-dark [&>.rc-slider-handle]:hover:border-primary-dark [&>.rc-slider-handle-dragging]:!border-primary-dark [&>.rc-slider-handle-dragging]:ring-primary/40 [&>.rc-slider-step>.rc-slider-dot-active]:border-primary-dark",secondary:"[&>.rc-slider-track]:bg-secondary [&>.rc-slider-handle]:border-secondary-dark [&>.rc-slider-handle]:hover:border-secondary-dark [&>.rc-slider-handle-dragging]:!border-secondary-dark [&>.rc-slider-handle-dragging]:ring-secondary/40 [&>.rc-slider-step>.rc-slider-dot-active]:border-secondary-dark",danger:"[&>.rc-slider-track]:bg-red [&>.rc-slider-handle]:border-red-dark [&>.rc-slider-handle]:hover:border-red-dark [&>.rc-slider-handle-dragging]:!border-red-dark [&>.rc-slider-handle-dragging]:ring-red/40 [&>.rc-slider-step>.rc-slider-dot-active]:border-red-dark"}};function m(r){let{size:e="md",color:l="primary",className:s,...n}=r;return(0,a.jsx)(u.Z,{className:(0,x.cn)(g.base,g.size[e],g.color[l],s),...n})}function p(r){return(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"none",...r,children:(0,a.jsx)("path",{fill:"currentColor",d:"M4.285 1.309C3.023.585 2 1.178 2 2.632v10.735c0 1.456 1.023 2.048 2.285 1.325l9.383-5.381c1.262-.724 1.262-1.898 0-2.622L4.285 1.31Z"})})}function b(r){return(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"none",...r,children:(0,a.jsx)("path",{fill:"currentColor",d:"M3.5 13.486V2.514c0-.284.201-.514.45-.514h2.1c.249 0 .45.23.45.514v10.972c0 .284-.201.514-.45.514h-2.1c-.249 0-.45-.23-.45-.514ZM9.5 13.486V2.514c0-.284.201-.514.45-.514h2.1c.248 0 .45.23.45.514v10.972c0 .284-.201.514-.45.514h-2.1c-.249 0-.45-.23-.45-.514Z"})})}function v(r){return(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"none",...r,children:[(0,a.jsx)("path",{fill:"currentColor",d:"M9.14 2.055a.54.54 0 0 0-.536.035L3.962 5.208H1.52a.51.51 0 0 0-.52.52v4.884c0 .294.225.52.52.52h2.442l4.642 3.117a.528.528 0 0 0 .727-.138.584.584 0 0 0 .087-.295V2.506a.5.5 0 0 0-.277-.45Z"}),(0,a.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeWidth:.8,d:"m11.066 10.527 3.394-4M10.854 6.503l4 4"})]})}function w(r){return(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",...r,children:[(0,a.jsx)("path",{fill:"currentColor",d:"M11.65 6.056c-.086-.086-.173-.19-.277-.277l-.692.78c.883.78.97 2.148.19 3.03a.996.996 0 0 1-.19.191l.693.78a3.183 3.183 0 0 0 .277-4.504Z"}),(0,a.jsx)("path",{fill:"currentColor",d:"M13.508 4.307a6.702 6.702 0 0 0-.363-.346l-.71.762c1.905 1.75 2.026 4.711.294 6.6-.087.103-.19.19-.295.294l.71.762c2.322-2.13 2.495-5.75.364-8.072ZM9.14 2.055a.54.54 0 0 0-.536.035L3.962 5.208H1.52a.51.51 0 0 0-.52.52v4.884c0 .294.225.52.52.52h2.442l4.642 3.117a.528.528 0 0 0 .727-.138.584.584 0 0 0 .087-.295V2.506a.5.5 0 0 0-.277-.45Z"})]})}function f(r){return(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"none",...r,children:(0,a.jsx)("path",{fill:"currentColor",d:"M3 10H1v5h5v-2H3v-3ZM1 6h2V3h3V1H1v5Zm12 7h-3v2h5v-5h-2v3ZM10 1v2h3v3h2V1h-5Z"})})}function _(r){return(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"none",...r,children:(0,a.jsx)("path",{fill:"currentColor",d:"M1 11.8c0 .11.09.2.2.2h2.6c.11 0 .2.09.2.2v2.6c0 .11.09.2.2.2h1.6a.2.2 0 0 0 .2-.2v-4.6a.2.2 0 0 0-.2-.2H1.2a.2.2 0 0 0-.2.2v1.6Zm3-8a.2.2 0 0 1-.2.2H1.2a.2.2 0 0 0-.2.2v1.6c0 .11.09.2.2.2h4.6a.2.2 0 0 0 .2-.2V1.2a.2.2 0 0 0-.2-.2H4.2a.2.2 0 0 0-.2.2v2.6Zm6 11c0 .11.09.2.2.2h1.6a.2.2 0 0 0 .2-.2v-2.6c0-.11.09-.2.2-.2h2.6a.2.2 0 0 0 .2-.2v-1.6a.2.2 0 0 0-.2-.2h-4.6a.2.2 0 0 0-.2.2v4.6ZM12.2 4a.2.2 0 0 1-.2-.2V1.2a.2.2 0 0 0-.2-.2h-1.6a.2.2 0 0 0-.2.2v4.6c0 .11.09.2.2.2h4.6a.2.2 0 0 0 .2-.2V4.2a.2.2 0 0 0-.2-.2h-2.6Z"})})}function j(r){let{videoSliderProgress:e,playing:l,handleVideoProgressChange:s,handleVideoProgressAfterChange:n,playPauseHandler:d,handleMuteUnmute:c,volume:i,volumeChangeHandler:t,handleFullScreen:o,isFullscreen:u,videoDuration:x}=r;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"flex gap-10 2xl:mb-3 sm:mb-2 mb-1.5 justify-between",children:(0,a.jsx)("div",{className:"w-full ps-0.5",children:(0,a.jsx)(m,{value:e,defaultValue:e,step:.01,onChange:s,onChangeComplete:n,className:k})})}),(0,a.jsxs)("div",{className:"flex items-center gap-3 sm:gap-5 2xl:gap-6",children:[(0,a.jsx)("button",{"aria-label":"Video Play Button",onClick:d,className:"outline-none w-auto h-auto bg-transparent hover:bg-transparent p-0",children:l?(0,a.jsx)(b,{className:"2xl:w-6 w-3.5 sm:w-4 h-auto -ms-0.5 me-0.5"}):(0,a.jsx)(p,{className:"2xl:w-6 w-3 sm:w-4 h-auto"})}),(0,a.jsxs)("div",{className:"flex items-center gap-2 sm:gap-3 2xl:gap-4",children:[(0,a.jsx)("button",{onClick:c,"aria-label":"Volume Button",className:"outline-none w-auto h-auto bg-transparent hover:bg-transparent p-0",children:i>0?(0,a.jsx)(w,{className:"2xl:w-6 w-3.5 sm:w-4 h-auto"}):(0,a.jsx)(v,{className:"2xl:w-6 w-3.5 sm:w-4 h-auto"})}),(0,a.jsx)("div",{className:"w-12 md:w-[100px]",children:(0,a.jsx)(m,{step:.01,value:100*i,onChange:t,className:y})})]}),(0,a.jsxs)("span",{className:"select-none text-[10px] sm:text-xs 2xl:text-sm font-normal",children:[h(x/100*e),"\xa0/\xa0",h(x)]}),(0,a.jsx)("button",{"aria-label":"Video Fullscreen Button",className:"ml-auto p-0 w-auto h-auto hover:bg-transparent bg-transparent border-0 outline-none",onClick:o,children:u?(0,a.jsx)(_,{"aria-label":"Exit Fullscreen",className:"w-3 sm:w-4 h-auto"}):(0,a.jsx)(f,{"aria-label":"Enter Fullscreen",className:"w-3 sm:w-4 h-auto"})})]})]})}

1m.displayName="RangeSlider";let k="[&_.rc-slider-track]:bg-[#40C17B] [&_.rc-slider-track]:h-[2px] sm:[&_.rc-slider-track]:h-[3px] 2xl:[&_.rc-slider-track]:h-1 [&_.rc-slider-rail]:bg-[#111111] [&_.rc-slider-rail]:h-[2px] sm:[&_.rc-slider-rail]:h-[3px] 2xl:[&_.rc-slider-rail]:h-1  [&_.rc-slider-handle]:!border-[#40C17B] [&_.rc-slider-handle]:bg-[#40C17B] [&_.rc-slider-handle]:duration-300 [&_.rc-slider-handle]:border-[2px] [&_.rc-slider-handle]:w-2 [&_.rc-slider-handle]:h-2 sm:[&_.rc-slider-handle]:w-3 sm:[&_.rc-slider-handle]:h-3 [&_.rc-slider-handle]:hover:!border-[#40C17B] [&_.rc-slider-handle]:-mt-[3px] sm:[&_.rc-slider-handle]:-mt-[5px] 2xl:[&_.rc-slider-handle]:!-mt-1 [&_.rc-slider-handle]:active:![box-shadow:0_2px_6px_rgba(255,_255,_255,_0.12)] [&_.rc-slider-handle]:shadow-xl [&_.rc-slider-handle]:transition-colors",y="[&_.rc-slider-track]:bg-[#fff] [&_.rc-slider-track]:h-[2px] sm:[&_.rc-slider-track]:h-[3px] 2xl:[&_.rc-slider-track]:h-1 [&_.rc-slider-rail]:bg-[#111111] [&_.rc-slider-rail]:h-[2px] sm:[&_.rc-slider-rail]:h-[3px] 2xl:[&_.rc-slider-rail]:h-1  [&_.rc-slider-handle]:!border-[#fff] [&_.rc-slider-handle]:bg-[#fff] [&_.rc-slider-handle]:duration-300 [&_.rc-slider-handle]:border-[2px] [&_.rc-slider-handle]:w-2 [&_.rc-slider-handle]:h-2 sm:[&_.rc-slider-handle]:w-3 sm:[&_.rc-slider-handle]:h-3 [&_.rc-slider-handle]:hover:!border-[#fff] [&_.rc-slider-handle]:-mt-[3px] sm:[&_.rc-slider-handle]:-mt-[5px] 2xl:[&_.rc-slider-handle]:!-mt-1 [&_.rc-slider-handle]:active:![box-shadow:0_2px_6px_rgba(255,_255,_255,_0.12)] [&_.rc-slider-handle]:shadow-xl [&_.rc-slider-handle]:transition-colors";function C(){return(0,a.jsx)("button",{"aria-label":"Video Play Button",className:"bg-accent z-20 h-20 w-20 shadow-lg group/actionIcon rounded-full border-2 flex items-center justify-center border-white duration-200 hover:bg-accent-hover",children:(0,a.jsx)(p,{className:"w-8 -mr-[3px] duration-200 group-hover/actionIcon:text-white h-auto text-white"})})}function N(r){let{url:e,thumbnail:l}=r,n=(0,s.useRef)(null),c=(0,s.useRef)(null),[t,h]=(0,s.useState)(!0),[u,g]=(0,s.useState)(0),[m,p]=(0,s.useState)(!1),[b,v]=(0,s.useState)(0),[w,f]=(0,s.useState)(!1),[_,k]=(0,s.useState)(.5),[y,N]=(0,s.useState)(!1),S=(0,s.useCallback)(r=>{var e;v(r),f(!0),null==n||null===(e=n.current)||void 0===e||e.seekTo(r/100)},[]),V=(0,s.useCallback)(r=>{v(r)},[]),Z=(0,s.useCallback)(()=>{o().toggle(c.current),o().on("change",()=>{N(o().isFullscreen)})},[]),B=(0,s.useCallback)(()=>{p(!1),h(!0)},[]);return(0,a.jsxs)("div",{ref:c,className:(0,x.cn)("flex z-10 group rounded-xl flex-col relative lg:overflow-hidden",y&&"rounded-none"),children:[(0,a.jsxs)("div",{className:(0,x.cn)("w-full aspect-video group bg-black relative rounded-t-xl lg:rounded-none overflow-hidden",y&&"!rounded-none h-full flex items-center justify-center"),children:[(0,a.jsx)(i(),{ref:n,url:e,controls:!1,light:!0,width:"100%",height:"100%",playIcon:(0,a.jsx)(C,{}),onReady:()=>p(!0),onDuration:r=>g(r),playing:m,volume:_,onProgress:function(r){w||v(()=>r.playedSeconds/u*100)},onBufferEnd:()=>f(!1),onEnded:B,onStart:()=>h(!1),onPlay:()=>h(!1),className:"object-contain w-full h-full"}),l&&!m?(0,a.jsx)("div",{className:(0,x.cn)("absolute w-full h-full visible left-0 top-0 duration-300 opacity-100 z-10",!t&&"opacity-0 invisible",y&&"opacity-0 invisible"),children:(0,a.jsx)(d(),{src:l,alt:"video thumbnail",fill:!0,className:"w-full h-full object-cover"})}):null]}),y&&(0,a.jsx)("span",{className:"absolute peer z-10 bottom-0 left-0 w-full h-[100px]"}),(0,a.jsx)("div",{className:(0,x.cn)("rounded-b-xl lg:absolute z-20 -bottom-full duration-500 left-0 right-0 w-full bg-[#1F2937] text-white sm:px-5 px-3 2xl:px-6 pt-2.5 2xl:pt-4 pb-2.5 sm:pb-3.5 2xl:pb-5 hover:bottom-0",y?"peer-hover:bottom-0 rounded-b-none":"group-hover:bottom-0"),children:(0,a.jsx)(j,{videoSliderProgress:b,playing:m,handleVideoProgressChange:S,handleVideoProgressAfterChange:V,playPauseHandler:()=>{p(r=>!r)},handleMuteUnmute:function(){_>0?k(0):k(.5)},volume:_,volumeChangeHandler:function(r){k(r/100)},handleFullScreen:Z,videoDuration:u,isFullscreen:y})})]})}}}]);