https://playground.pixazo.ai/static/js/8085.32152b2e.chunk.js

1"use strict";(self.webpackChunkplayground_pixazo=self.webpackChunkplayground_pixazo||[]).push([[8085],{78085(e,t,r){r.r(t);var a=r(96540),l=r(71482),n=r(50116),o=r(96540);function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach(function(t){m(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function m(e,t,r){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=Array(t);r<t;r++)a[r]=e[r];return a}r.d(t,["default",0,e=>{let t=e.copies,r=void 0===t?[]:t,i=e.groupedCopies,m=void 0===i?[]:i,d=e.onCopyClick,u=e.isAudioSplitting,p=e.loading,h=e.mainAudio,f=e.activeCopy,b=e.isPlaying,x=void 0!==b&&b;const v=(0,a.useRef)(null),g=(A=(0,a.useState)(null),k=2,function(e){if(Array.isArray(e))return e}(A)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var a,l,n,o,i=[],s=!0,m=!1;try{if(n=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(a=n.call(r)).done)&&(i.push(a.value),i.length!==t);s=!0);}catch(e){m=!0,l=e}finally{try{if(!s&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(m)throw l}}return i}}(A,k)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}(A,k)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),w=g[0],y=g[1],E=(0,a.useRef)(null),N=e=>{y(t=>t===e?null:e)};var A,k;(0,a.useEffect)(()=>{w&&"main-audio"!==w&&(m.some(e=>e.group_id===w)||y(null))},[m,w]),(0,a.useEffect)(()=>{w&&E.current&&v.current&&setTimeout(()=>{var e;null===(e=E.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"})},100)},[w]);const j=e=>{if(null==e)return"00:00";const t=Math.floor(e/60),r=Math.floor(e%60);return"".concat(t.toString().padStart(2,"0"),":").concat(r.toString().padStart(2,"0"))};if(!(r.length>0||u||p))return null;const O=m.length>0&&m.length>1,S=function(e,t){var r;let a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],l=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];const i=e.thumbnail||e.PreviewImage,s=a?null:null!==(r=e.chunkIndex)&&void 0!==r?r:t+1,m=null==e?void 0:e.startTime,c=null==e?void 0:e.endTime,u=a?!f:(null==f?void 0:f.id)===e.id;return o.createElement("button",{key:a?"main-audio":e.id||e.uniqueId||t,onClick:()=>((e,t)=>{d&&d(e,t)})(a?null:e,t),className:"\n          flex-shrink-0 ".concat(l?"w-12 h-12 sm:w-14 sm:h-14":"w-14 h-14 sm:w-16 sm:h-16"," rounded-lg overflow-hidden\n          transition-all duration-300 ease-out relative group/item\n          ").concat(u?"border-2 border-lime-400 shadow-[0_0_12px_rgba(163,230,53,0.25)] scale-[1.03] z-10":"border border-[#3A3A3F] hover:border-[#52525B] hover:shadow-md hover:shadow-black/30 hover:scale-[1.03]","\n          active:scale-95\n        "),style:{background:u?"linear-gradient(135deg, #27272A 0%, #1A1A1D 100%)":"linear-gradient(135deg, #27272A 0%, #1F1F23 100%)"},title:a?"Original Audio":"Chunk ".concat(s).concat(void 0!==m&&void 0!==c?" (".concat(j(m)," - ").concat(j(c),")"):"")},i?o.createElement("img",{src:i,alt:a?"Original Audio":"Chunk ".concat(s),className:"w-full h-full object-cover group-hover/item:scale-105 transition-transform duration-500 ease-out"}):o.createElement("div",{className:"w-full h-full flex items-center justify-center bg-gradient-to-br from-[#27272A] to-[#1A1A1D]"},o.createElement(n.SJW,{className:"".concat(l?"w-5 h-5 sm:w-6 sm:h-6":"w-6 h-6 sm:w-7 sm:h-7"," text-[#52525B] group-hover/item:text-lime-400 group-hover/item:scale-110 transition-all duration-300")})),u&&o.createElement(o.Fragment,null,o.createElement("div",{className:"absolute inset-0 bg-gradient-to-br from-lime-500/15 via-l

1ime-400/10 to-transparent pointer-events-none"}),o.createElement("div",{className:"absolute inset-0 pointer-events-none"},o.createElement("div",{className:"absolute inset-0 rounded-lg border border-lime-400/40 animate-pulse"}))),o.createElement("div",{className:"\n          absolute inset-0 flex items-center justify-center\n          ".concat(u?"bg-black/40":"bg-black/50 opacity-0 group-hover/item:opacity-100","\n          transition-all duration-300\n        ")},u&&x?o.createElement(n.cUV,{className:"".concat(l?"w-4 h-4 sm:w-5 sm:h-5":"w-5 h-5 sm:w-6 sm:h-6"," text-white drop-shadow-md group-hover/item:scale-110 transition-transform duration-200")}):o.createElement(n.GH9,{className:"".concat(l?"w-4 h-4 sm:w-5 sm:h-5":"w-5 h-5 sm:w-6 sm:h-6"," text-white drop-shadow-md group-hover/item:scale-110 group-hover/item:text-blue-300 transition-all duration-200")})),!!s&&o.createElement("div",{className:"\n          absolute top-0.5 right-0.5 sm:top-1 sm:right-1 text-white ".concat(l?"text-[8px] sm:text-[9px] px-1 py-px":"text-[9px] sm:text-[10px] px-1.5 py-0.5"," rounded-md font-bold\n          ").concat(a?"bg-gradient-to-br from-lime-500 to-lime-600 shadow-sm shadow-lime-500/40":"bg-black/80 backdrop-blur-sm border border-white/10","\n          transition-all duration-200 group-hover/item:scale-105\n        ")},s),!a&&!l&&void 0!==m&&void 0!==c&&o.createElement("div",{className:"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/90 via-black/70 to-transparent px-1 py-0.5"},o.createElement("div",{className:"flex items-center justify-center gap-0.5 text-white text-[7px] sm:text-[8px] font-mono font-semibold leading-tight"},o.createElement("span",null,j(m)),o.createElement("span",{className:"text-lime-400"},"→"),o.createElement("span",null,j(c)))))};return o.createElement(o.Fragment,null,o.createElement("div",{className:"w-full px-2 sm:px-3 py-2 md:pt-0 md:pb-2"},o.createElement("div",{className:"flex items-center justify-between mb-2 sm:mb-2.5"},o.createElement("h3",{className:"text-white text-xs sm:text-sm font-semibold m-0 flex items-center gap-1.5"},o.createElement("div",{className:"w-0.5 h-3.5 sm:h-4 bg-gradient-to-b from-lime-400 to-lime-600 rounded-full"}),u?o.createElement(l.A,{text:"Splitting"}):"Audio Clips"),o.createElement("span",{className:"text-[#A1A1AA] text-[9px] sm:text-[10px] font-medium bg-[#27272A] px-2 py-0.5 rounded-full border border-[#3A3A3F]"},r.length+(h?1:0)," ",r.length+(h?1:0)===1?"item":"items")),O?o.createElement("div",{ref:v,className:"scrollbar-hide flex items-center gap-2 sm:gap-2.5 overflow-x-auto pb-1.5 scroll-smooth"},h&&o.createElement("div",{ref:"main-audio"===w?E:null,className:"flex-shrink-0 transition-opacity duration-300 ".concat("opacity-100")},"main-audio"===w?o.createElement("div",{className:"max-h-[90px] sm:max-h-[100px] bg-gradient-to-br from-[#2D2D31] via-[#252529] to-[#1F1F23] border border-lime-500/50 rounded-lg overflow-hidden relative transition-all duration-300 shadow-md shadow-lime-500/10"},o.createElement("div",{className:"absolute inset-0 bg-gradient-to-r from-lime-500/5 via-transparent to-transparent pointer-events-none"}),o.createElement("div",{className:"scrollbar-hide relative flex items-stretch gap-0 overflow-x-auto"},o.createElement("button",{onClick:()=>N("main-audio"),className:"relative flex flex-col items-center justify-between bg-gradient-to-b from-lime-500/15 via-lime-500/5 to-transparent border-r border-lime-500/30 flex-shrink-0 w-9 sm:w-10 py-2 overflow-hidden group/header"},o.createElement(n.ZK4,{className:"w-2.5 h-2.5 sm:w-3 sm:h-3 text-lime-300"}),o.createElement("div",{className:"flex-1 flex items-center justify-center relative min-w-0"},o.createElement("div",{className:"absolute inset-0 flex items-center justify-center px-0.5",style:{writingMode:"vertical-rl",textOrientation:"mixed"}},o.createElement("div",{className:"flex items-center gap-1 rotate-180"},o.createElement("div",{className:"text-[9px] sm:text-[10px] font-bold text-lime-300 tracking-wide"},"ORIGINAL"))))),o.createElement("div",{className:"flex items-center gap-1.5 sm:gap-2 px-2 sm:px-2.5 py-2 sm:py-2.5"},S(s(s({},h),{},{_isMain:!0}),0,!0,!1)))):o.createElement("button",{onClick:()=>N("main-audio"),className:"w-[105px] h-[48px] sm:w-[120px] sm:h-[52px] flex items-center gap-1.5 sm:gap-2 rounded-lg px-2 sm:px-2.5 py-1.5 

1sm:py-2 bg-gradient-to-br from-[#2D2D31] via-[#252529] to-[#1F1F23] hover:from-[#333339] hover:via-[#2A2A2E] hover:to-[#252529] border border-lime-500/30 hover:border-lime-400/50 transition-all duration-300 group relative overflow-hidden active:scale-95 shadow-sm hover:shadow-md hover:shadow-lime-500/10"},o.createElement("div",{className:"relative flex-shrink-0 z-10"},o.createElement("div",{className:"w-8 h-8 sm:w-9 sm:h-9 rounded-md overflow-hidden bg-[#18181B] border border-lime-500/40 group-hover:border-lime-400/60 transition-all duration-300"},h.thumbnail||h.PreviewImage?o.createElement("img",{src:h.thumbnail||h.PreviewImage,alt:"Original",className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"}):o.createElement("div",{className:"w-full h-full flex items-center justify-center"},o.createElement(n.SJW,{className:"w-4 h-4 sm:w-5 sm:h-5 text-lime-500/60 group-hover:text-lime-400/90 transition-all duration-300"}))),o.createElement("div",{className:"absolute -top-0.5 -right-0.5 w-3.5 h-3.5 sm:w-4 sm:h-4 bg-gradient-to-br from-lime-400 to-lime-500 rounded-full flex items-center justify-center transition-all duration-200 group-hover:scale-105 shadow-sm shadow-lime-500/40"},o.createElement("span",{className:"text-[7px] sm:text-[8px] font-bold text-black"},"✓"))),o.createElement("div",{className:"flex-1 text-left min-w-0 z-10"},o.createElement("div",{className:"text-[10px] sm:text-[11px] font-bold text-white group-hover:text-lime-300 transition-colors duration-200 truncate"},"Original"),o.createElement("div",{className:"text-[8px] sm:text-[9px] text-[#71717A] group-hover:text-lime-400/80 transition-colors duration-200 font-medium truncate"},"Full Audio")),o.createElement(n.ZK4,{className:"w-2.5 h-2.5 sm:w-3 sm:h-3 text-[#71717A] group-hover:text-lime-400 transition-all duration-200 flex-shrink-0 z-10"}))),m.map((e,t)=>{const r=e.group_id,a=w===r,l=m.length-t,i=e.copies[0];return o.createElement("div",{key:r,ref:a?E:null,className:"flex-shrink-0 transition-opacity duration-300 opacity-100",style:{animationDelay:"".concat(50*t,"ms")}},a?o.createElement("div",{className:"max-h-[90px] sm:max-h-[100px] bg-gradient-to-br from-[#2D2D31] via-[#252529] to-[#1F1F23] border border-blue-500/50 rounded-lg overflow-hidden relative transition-all duration-300 shadow-md shadow-blue-500/10"},o.createElement("div",{className:"absolute inset-0 bg-gradient-to-r from-blue-500/5 via-transparent to-transparent pointer-events-none"}),o.createElement("div",{className:"scrollbar-hide relative flex items-stretch gap-0 overflow-x-auto"},o.createElement("button",{onClick:()=>N(r),className:"relative flex flex-col items-center justify-between bg-gradient-to-b from-blue-500/15 via-blue-500/5 to-transparent border-r border-blue-500/30 flex-shrink-0 w-9 sm:w-10 py-2 overflow-hidden group/header"},o.createElement("div",{className:"flex-1 flex items-center justify-center relative min-w-0"},o.createElement("div",{className:"absolute inset-0 flex items-center justify-center px-0.5",style:{writingMode:"vertical-rl",textOrientation:"mixed"}},o.createElement("div",{className:"h-full flex items-center gap-1 rotate-180"},o.createElement("div",{className:"text-start text-[9px] sm:text-[10px] font-bold text-blue-300 tracking-wide"},"SPLIT #",l),o.createElement("div",{className:"text-[8px] sm:text-[9px] text-blue-300/70 font-semibold"},e.copies.length),o.createElement(n.ZK4,{className:"w-2.5 h-2.5 sm:w-3 sm:h-3 text-blue-300"}))))),o.createElement("div",{className:"flex items-center gap-1.5 sm:gap-2 px-2 sm:px-2.5 py-2 sm:py-2.5"},e.copies.map((e,t)=>S(e,t,!1,!1))))):o.createElement("button",{onClick:()=>N(r),className:"w-[105px] h-[48px] sm:w-[120px] sm:h-[52px] flex items-center gap-1.5 sm:gap-2 rounded-lg px-2 sm:px-2.5 py-1.5 sm:py-2 bg-gradient-to-br from-[#2D2D31] via-[#252529] to-[#1F1F23] hover:from-[#333339] hover:via-[#2A2A2E] hover:to-[#252529] border border-blue-500/30 hover:border-blue-400/50 transition-all duration-300 group relative overflow-hidden active:scale-95 shadow-sm hover:shadow-md hover:shadow-blue-500/10"},o.createElement("div",{className:"relative flex-shrink-0 z-10"},o.createElement("div",{className:"w-8 h-8 sm:w-9 sm:h-9 rounded-md overflow-hidden bg-[#18181B] border border-blue-500/40 group-hover:border-blue-400/60 transition-all duration-300"},null!=i&&i.thumbnail||null!=i&&i.PreviewImage?o.createElement("img",{src:i.thumbnail||i.PreviewImage,alt:"Split ".concat(l),className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"}):o.createElement("div",{className:"w-full h-full flex items-center justify-center"},o.createElement(n.SJW,{className:"w-4 h-4 sm:w-5 sm:h-5 text-blue-500/60 group-hover:text-blue-400/90 transition-all duration-300"}

1))),o.createElement("div",{className:"absolute -top-0.5 -right-0.5 min-w-[14px] h-3.5 sm:min-w-[16px] sm:h-4 rounded-full flex items-center justify-center px-1 bg-gradient-to-br from-blue-400 to-blue-500 transition-all duration-200 group-hover:scale-105 shadow-sm shadow-blue-500/40"},o.createElement("span",{className:"text-[7px] sm:text-[8px] font-bold text-white"},e.copies.length))),o.createElement("div",{className:"flex-1 text-left min-w-0 z-10"},o.createElement("div",{className:"text-[10px] sm:text-[11px] font-bold text-white group-hover:text-blue-300 transition-colors duration-200 truncate"},"Split #",l),o.createElement("div",{className:"text-[8px] sm:text-[9px] text-[#71717A] group-hover:text-blue-400/80 transition-colors duration-200 font-medium truncate"},e.copies.length," ",1===e.copies.length?"clip":"clips")),o.createElement(n.ZK4,{className:"w-2.5 h-2.5 sm:w-3 sm:h-3 text-[#71717A] group-hover:text-blue-400 transition-all duration-200 flex-shrink-0 z-10"})))})):o.createElement("div",{ref:v,className:"scrollbar-hide flex gap-1.5 sm:gap-2 overflow-x-auto pb-1 scroll-smooth"},h&&S(s(s({},h),{},{_isMain:!0}),0,!0),r.map((e,t)=>S(e,t,!1)))))}])}}]);