https://playground.pixazo.ai/static/js/1003.e1bf50c5.chunk.js

1"use strict";(self.webpackChunkplayground_pixazo=self.webpackChunkplayground_pixazo||[]).push([[1003],{11003(e,t,l){l.r(t);var a=l(96540),r=l(13561),n=l(47767),s=l(85941),i=l(74252),o=l(13397),c=l(47300),m=l(50116),d=l(96540);function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var a,r,n,s,i=[],o=!0,c=!1;try{if(n=(l=l.call(e)).next,0===t){if(Object(l)!==l)return;o=!1}else for(;!(o=(a=n.call(l)).done)&&(i.push(a.value),i.length!==t);o=!0);}catch(e){c=!0,r=e}finally{try{if(!o&&null!=l.return&&(s=l.return(),Object(s)!==s))return}finally{if(c)throw r}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return f(e,t);var l={}.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?f(e,t):void 0}}(e,t)||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.")}()}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,a=Array(t);l<t;l++)a[l]=e[l];return a}const b=(0,a.lazy)(()=>l.e(1742).then(l.bind(l,61742)));l.d(t,["default",0,(0,a.memo)(function(e){let t=e.isOpen,l=e.articleId;const f=(0,r.wA)(),p=(0,n.Zp)(),x=(0,a.useRef)(null),v=(0,a.useMemo)(()=>{const e=s.S.findIndex(e=>String(e.id)===String(l)),t=s.S[e]||null;return{article:t,video:t&&null!=t.videoIndex?s.x[t.videoIndex]:null}},[l]),h=v.article,g=v.video,E=u((0,a.useState)(null),2),N=E[0],w=E[1],y=u((0,a.useState)({isOpen:!1,videoUrl:"",title:""}),2),k=y[0],C=y[1];(0,a.useEffect)(()=>{var e;w(null),null===(e=x.current)||void 0===e||e.scrollTo({top:0,behavior:"instant"})},[l]),(0,a.useEffect)(()=>{if(t)return document.body.style.overflow="hidden",()=>{document.body.style.overflow=""}},[t]);const S=(0,a.useCallback)(()=>{f((0,c.IR)({isOpen:!1,articleId:null}))},[f]);(0,a.useEffect)(()=>{if(!t)return;const e=e=>{"Escape"===e.key&&S()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[t,S]);const j=(0,a.useCallback)(()=>{g&&C({isOpen:!0,videoUrl:g.videoUrl,title:g.title})},[g]),I=(0,a.useCallback)(e=>{w(t=>t===e?null:e)},[]),O=(0,a.useCallback)(()=>{f((0,c.IR)({isOpen:!1,articleId:null})),p("/help-center")},[f,p]),z=(0,a.useCallback)(e=>{e.target===e.currentTarget&&S()},[S]);return t&&h?d.createElement("div",{className:"fixed inset-0 z-[10000] flex items-center justify-center",onClick:z,role:"dialog","aria-modal":"true","aria-label":h.title},d.createElement("div",{className:"absolute inset-0 bg-black/80 backdrop-blur-sm"}),d.createElement("div",{className:"relative inset-0 md:inset-auto w-full h-full md:h-auto md:max-w-[900px] md:max-h-[90vh] bg-[#0a0a0a] md:rounded-2xl overflow-hidden flex flex-col shadow-2xl shadow-black/60 ring-1 ring-white/5",onClick:e=>e.stopPropagation()},d.createElement("button",{onClick:S,className:"absolute top-3 right-3 z-10 w-9 h-9 rounded-full bg-neutral-800/90 hover:bg-neutral-700 flex items-center justify-center transition-colors cursor-pointer group","aria-label":"Close help center"},d.createElement(m.SXS,{size:16,className:"text-neutral-400 group-hover:text-white transition-colors"})),d.createElement("div",{ref:x,className:"flex-1 overflow-y-auto scrollbar-hide px-4 md:px-8 py-6",style:{scrollbarWidth:"none"}},d.createElement("div",{className:"pr-10"},d.createElement("h2",{className:"text-xl md:text-2xl font-bold text-white leading-tight tracking-tight",style:{fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'}},h.title),d.createElement("p",{className:"mt-2 text-sm md:text-base text-neutral-400 leading-relaxed max-w-2xl"},h.subtitle)),g&&d.createElement("div",{className:"mt-6"},g.videoUrl?d.createElement("button",{onClick:j,className:"relative w-full rounded-xl overflow-hidden shadow-2xl shadow-black/40 group/video cursor-pointer focus:outline-none focus:ring-2 focus:ring-lime-400/50 focus:ring-offset-2 focus:ring-offset-neutral-950"},d.createElement("div",{className:"aspect-video bg-neutral-800"},d.createElement(o.default,{src:g.thumbnail,alt:g.title,width:960,height:540,className:"w-full h-full",objectFit:"cover",priority:!0,showLoader:!1})),d.createElement("div",{className:"absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"}),d.createElement("div",{className:"absolute inset-0 flex items-center justify-center"}

1,d.createElement("div",{className:"w-14 h-14 rounded-full bg-black/50 backdrop-blur-md border border-white/15 flex items-center justify-center group-hover/video:bg-lime-500/80 group-hover/video:border-lime-400/60 group-hover/video:scale-110 transition-all duration-300"},d.createElement(m.AJ$,{size:22,className:"text-white ml-1"}))),d.createElement("div",{className:"absolute bottom-0 left-0 right-0 p-4"},d.createElement("p",{className:"text-left text-xs text-neutral-300 font-medium"},g.title),d.createElement("p",{className:"text-left text-[11px] text-neutral-500 mt-0.5"},"Click to play video"))):d.createElement("div",{className:"relative w-full rounded-xl overflow-hidden shadow-2xl shadow-black/40"},d.createElement("div",{className:"aspect-video bg-neutral-800"},d.createElement(o.default,{src:g.thumbnail,alt:g.title,width:960,height:540,className:"w-full h-full",objectFit:"cover",priority:!0,showLoader:!1})))),d.createElement("div",{className:"mt-8"},d.createElement("div",{className:"mb-5"},d.createElement("div",{className:"flex items-center gap-2 mb-1"},d.createElement(m.JIB,{size:16,className:"text-neutral-500"}),d.createElement("span",{className:"text-xs text-neutral-500 font-medium uppercase tracking-wider"},h.questions.length," Questions")),d.createElement("h3",{className:"text-lg font-semibold text-white"},"Frequently Asked Questions")),d.createElement("div",{className:"space-y-2.5"},h.questions.map((e,t)=>d.createElement(i.A,{key:t,item:e,index:t+1,isOpen:N===t,onToggle:()=>I(t)})))),h.tip&&d.createElement("div",{className:"mt-8 rounded-xl bg-lime-400/[0.06] border border-lime-400/15 p-4 md:p-5"},d.createElement("div",{className:"flex gap-3"},d.createElement("div",{className:"shrink-0 mt-0.5"},d.createElement("div",{className:"w-8 h-8 rounded-lg bg-lime-400/15 flex items-center justify-center"},d.createElement(m.j1S,{size:16,className:"text-lime-400"}))),d.createElement("div",null,d.createElement("p",{className:"text-sm font-semibold text-lime-300 mb-1"},"Pro Tip"),d.createElement("p",{className:"text-sm text-neutral-300 leading-relaxed"},h.tip)))),d.createElement("div",{className:"mt-8 pt-5 border-t border-neutral-800/50"},d.createElement("div",{className:"flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4"},d.createElement("div",{className:"flex items-start gap-3"},d.createElement("div",{className:"shrink-0 mt-0.5 w-9 h-9 rounded-lg bg-neutral-800/80 border border-neutral-700/40 flex items-center justify-center"},d.createElement(m.Z5q,{size:16,className:"text-neutral-400"})),d.createElement("div",null,d.createElement("p",{className:"text-sm font-semibold text-white leading-snug"},"Looking for more answers?"),d.createElement("p",{className:"text-xs text-neutral-500 mt-0.5 leading-relaxed"},"Browse all articles and guides in the full Help Center."))),d.createElement("button",{onClick:O,className:"group/cta shrink-0 flex items-center gap-2 px-4 py-2.5 rounded-xl bg-[#D1FE17]/10 border border-[#D1FE17]/20 hover:bg-[#D1FE17]/20 hover:border-[#D1FE17]/40 transition-all duration-200 cursor-pointer"},d.createElement("span",{className:"text-sm font-semibold text-[#D1FE17] leading-none"},"Go to Help Center"),d.createElement(m.V3f,{size:15,className:"text-[#D1FE17] group-hover/cta:translate-x-0.5 transition-transform duration-200"})))))),k.isOpen&&d.createElement(a.Suspense,{fallback:d.createElement("div",{className:"fixed inset-0 z-[10001] bg-black/85"})},d.createElement(b,{isOpen:k.isOpen,onClose:()=>C({isOpen:!1,videoUrl:"",title:""}),videoUrl:k.videoUrl,title:k.title}))):null})])}}]);