https://pika.style/_next/static/chunks/4520.373d8d3e69aae94b.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4520],{34520:(e,t,r)=>{r.r(t),r.d(t,{default:()=>h});var l=r(75038),n=r(76430),i=r(58454),a=r(93036),u=r(76598),o=r(49734),c=r(83390),s=r(19977),d=r(92376),f=r(42098),m=r(58742);let p=[{title:"Pika Embed",link:"/products/embed"},{title:"Screenshot Editor",link:"/templates/screenshot-editor"},{title:"Screenshot Editor Templates",link:"/templates"},{title:"Blog",link:"/blog"},{title:"Pricing",link:"/pricing"},{title:"Support Articles",link:"/articles"},{title:"What's new/Changelog",link:"/whats-new"},{title:"Browser extensions",link:"/tools/browser-extensions"},{title:"Raycast extension",link:"/tools/pika-raycast"},{title:"VSCode extension",link:"/tools/vscode-extension"},{title:"Wallpapers",link:"/wallpapers"},{title:"Affiliate Program",link:"/affiliates"}],h=()=>{let e=(0,d.useRouter)(),{setTheme:t}=(0,f.D)(),{c_OpenSettings:r,c_ShowCommandCentre:h,c_SetShowCommandCentre:v,c_Session:g,c_OpenLoginOrSignupModal:b,c_StripeSub:k}=(0,n.useContext)(i.A);(0,n.useEffect)(()=>{!0===h?document.body.style.overflow="hidden":document.body.style.overflow="unset"},[h]),(0,u.vC)("ctrl+k, meta+k",e=>{e.preventDefault(),v(!h)},[h]),(0,u.vC)("esc",e=>{h&&v(!1)},{enableOnFormTags:["input"]},[h]);let y=({run:e})=>{e(),v(!1)},w=[{title:"Settings",onSelect:()=>r()},{title:"Shortcuts",onSelect:()=>r("shortcuts")},{title:"Use system theme",type:"subitem",onSelect:()=>t("system")},{title:"Switch to light theme",type:"subitem",onSelect:()=>t("light")},{title:"Switch to dark theme",type:"subitem",onSelect:()=>t("dark")},{title:"Logout",type:"subitem",hide:!g,onSelect:async()=>{let e=m.oR.loading("Logging you out"),t=(0,s.U)(),{error:r}=await t.auth.signOut();r?m.oR.error("Something went wrong while logging you out.",{id:e}):m.oR.success("Logged out successfully",{id:e})}},{title:"Login",type:"subitem",onSelect:()=>b({type:"Login"})}];return(0,l.jsx)(o.N,{children:h?(0,l.jsxs)("div",{className:"cmd z-120 bg-black/20 dark:bg-black/80 fixed inset-0 w-full h-full flex items-center justify-center",children:[(0,l.jsx)("div",{className:"absolute inset-0 w-full h-full z-121",onClick:()=>v(!1)}),(0,l.jsx)(c.T8,{className:"bg-white/20 dark:bg-gray-400/20 rounded-xl p-[4px] w-full max-w-[720px] shadow-[0_0_200px_rgba(0,0,0,0.3)] dark:shadow-[0_0_20px_rgba(0,0,0,0.6)] z-122 backdrop-blur-sm",initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1,transition:{duration:.18,type:"spring"}},exit:{opacity:0,scale:.9,transition:{duration:.15,type:"spring"}},children:(0,l.jsxs)(a.uB,{label:"Command Menu",children:[(0,l.jsxs)("div",{className:"relative",children:[(0,l.jsx)(a.uB.Input,{autoFocus:!0,placeholder:"Enter keyword for help articles, settings, templates..."}),(0,l.jsx)("div",{onClick:()=>v(!1),className:"absolute right-[12px] top-[10px] cursor-pointer",children:(0,l.jsx)(c.iM,{fontSize:"text-xs opacity-70 hover:opacity-90",children:"Esc"})})]}),(0,l.jsxs)(a.uB.List,{children:[(0,l.jsx)(a.uB.Empty,{className:"min-h-[300px] flex items-center justify-center",children:(0,l.jsx)("span",{className:"opacity-40",children:"No results found"})}),(0,l.jsx)(a.uB.Group,{heading:"Preferences",children:w?.map(e=>e?.type!="subItem"||e?.hide?!e?.hide&&(0,l.jsx)(a.uB.Item,{onSelect:()=>y({run:()=>e?.onSelect()}),children:e?.title},e.title):(0,l.jsx)(a.uB.SubItem,{onSelect:()=>e?.onSelect,children:e?.title},e?.title))}),(0,l.jsx)(a.uB.Group,{heading:"Pages",children:p?.map(t=>(0,l.jsx)(a.uB.Item,{onSelect:()=>y({run:()=>e.push(t?.link)}),children:t?.title},t.title))})]})]})})]}):""})}},93036:(e,t,r)=>{r.d(t,{uB:()=>B});var l=/[\\\/_+.#"@\[\(\{&]/,n=/[\\\/_+.#"@\[\(\{&]/g,i=/[\s-]/,a=/[\s-]/g;function u(e){return e.toLowerCase().replace(a," ")}var o=r(88946),c=r(76430),s=r(11795),d=r(86285),f=r(71756),m='[cmdk-group=""]',p='[cmdk-group-items=""]',h='[cmdk-item=""]',v=`${h}:not([aria-disabled="true"])`,g="cmdk-item-select",b="data-value",k=(e,t,r)=>{var o;return o=e,function e(t,r,u,o,c,s,d){if(s===r.length)return c===t.length?1:.99;var f=`${c},${s}`;if(void 0!==d[f])return d[f];for(var m,p,h,v,g=o.charAt(s),b=u.indexOf(g,c),k=0;b>=0;)(m=e(t,r,u,o,b+1,s+1,d))>k&&(b===c?m*=1:l.test(t.charAt(b-1))?(m*=.8,(h=t.slice(c,b-1).match(n))&&c>0&&(m*=Math.pow(.999,h.length))):i.test(t.charAt(b-1))?(m*=.9,(v=t.slice(c,b-1).match(a))&&c>0&&(m*=Math.pow(.999,v.length))):(m*=.17,c>0&&(m*=Math.pow(.999,b-c))),t.charAt(b)!==r.charAt(s)&&(m*=.9999)),(m<.1&&u.charAt(b-1)===o.charAt(s+1)||o.charAt(s+1)===o.charAt(s)&&u.charAt(b-1)!==o.charAt(s))&&.1*(p=e(t,r,u,o,b+1,s+2,d))>m&&(m=.1*p),m>k&&(k=m),b=u.indexOf(g,b+1);return d[f]=k,k}(o=r&&r.length>0?`${o+" "+r.join(" ")}`:o,t,u(o),u(t),0,0,{})},y=c.createContext(void 0),w=c.createContext(void 0),x=c.createContext(void 0),E=c.forwardRef((e,t)=>

1{let r=N(()=>{var t,r;return{search:"",value:null!=(r=null!=(t=e.value)?t:e.defaultValue)?r:"",selectedItemId:void 0,filtered:{count:0,items:new Map,groups:new Set}}}),l=N(()=>new Set),n=N(()=>new Map),i=N(()=>new Map),a=N(()=>new Set),u=M(e),{label:o,children:f,value:x,onValueChange:E,filter:S,shouldFilter:C,loop:I,disablePointerSelection:A=!1,vimBindings:R=!0,...j}=e,B=(0,d.B)(),P=(0,d.B)(),D=(0,d.B)(),$=c.useRef(null),O=_();L(()=>{if(void 0!==x){let e=x.trim();r.current.value=e,K.emit()}},[x]),L(()=>{O(6,W)},[]);let K=c.useMemo(()=>({subscribe:e=>(a.current.add(e),()=>a.current.delete(e)),snapshot:()=>r.current,setState:(e,t,l)=>{var n,i,a,o;if(!Object.is(r.current[e],t)){if(r.current[e]=t,"search"===e)T(),q(),O(1,U);else if("value"===e){if(document.activeElement.hasAttribute("cmdk-input")||document.activeElement.hasAttribute("cmdk-root")){let e=document.getElementById(D);e?e.focus():null==(n=document.getElementById(B))||n.focus()}if(O(7,()=>{var e;r.current.selectedItemId=null==(e=H())?void 0:e.id,K.emit()}),l||O(5,W),(null==(i=u.current)?void 0:i.value)!==void 0){null==(o=(a=u.current).onValueChange)||o.call(a,null!=t?t:"");return}}K.emit()}},emit:()=>{a.current.forEach(e=>e())}}),[]),V=c.useMemo(()=>({value:(e,t,l)=>{var n;t!==(null==(n=i.current.get(e))?void 0:n.value)&&(i.current.set(e,{value:t,keywords:l}),r.current.filtered.items.set(e,z(t,l)),O(2,()=>{q(),K.emit()}))},item:(e,t)=>(l.current.add(e),t&&(n.current.has(t)?n.current.get(t).add(e):n.current.set(t,new Set([e]))),O(3,()=>{T(),q(),r.current.value||U(),K.emit()}),()=>{i.current.delete(e),l.current.delete(e),r.current.filtered.items.delete(e);let t=H();O(4,()=>{T(),(null==t?void 0:t.getAttribute("id"))===e&&U(),K.emit()})}),group:e=>(n.current.has(e)||n.current.set(e,new Set),()=>{i.current.delete(e),n.current.delete(e)}),filter:()=>u.current.shouldFilter,label:o||e["aria-label"],getDisablePointerSelection:()=>u.current.disablePointerSelection,listId:B,inputId:D,labelId:P,listInnerRef:$}),[]);function z(e,t){var l,n;let i=null!=(n=null==(l=u.current)?void 0:l.filter)?n:k;return e?i(e,r.current.search,t):0}function q(){if(!r.current.search||!1===u.current.shouldFilter)return;let e=r.current.filtered.items,t=[];r.current.filtered.groups.forEach(r=>{let l=n.current.get(r),i=0;l.forEach(t=>{i=Math.max(e.get(t),i)}),t.push([r,i])});let l=$.current;J().sort((t,r)=>{var l,n;let i=t.getAttribute("id"),a=r.getAttribute("id");return(null!=(l=e.get(a))?l:0)-(null!=(n=e.get(i))?n:0)}).forEach(e=>{let t=e.closest(p);t?t.appendChild(e.parentElement===t?e:e.closest(`${p} > *`)):l.appendChild(e.parentElement===l?e:e.closest(`${p} > *`))}),t.sort((e,t)=>t[1]-e[1]).forEach(e=>{var t;let r=null==(t=$.current)?void 0:t.querySelector(`${m}[${b}="${encodeURIComponent(e[0])}"]`);null==r||r.parentElement.appendChild(r)})}function U(){let e=J().find(e=>"true"!==e.getAttribute("aria-disabled")),t=null==e?void 0:e.getAttribute(b);K.setState("value",t||void 0)}function T(){var e,t,a,o;if(!r.current.search||!1===u.current.shouldFilter){r.current.filtered.count=l.current.size;return}r.current.filtered.groups=new Set;let c=0;for(let n of l.current){let l=z(null!=(t=null==(e=i.current.get(n))?void 0:e.value)?t:"",null!=(o=null==(a=i.current.get(n))?void 0:a.keywords)?o:[]);r.current.filtered.items.set(n,l),l>0&&c++}for(let[e,t]of n.current)for(let l of t)if(r.current.filtered.items.get(l)>0){r.current.filtered.groups.add(e);break}r.current.filtered.count=c}function W(){var e,t,r;let l=H();l&&((null==(e=l.parentElement)?void 0:e.firstChild)===l&&(null==(r=null==(t=l.closest(m))?void 0:t.querySelector('[cmdk-group-heading=""]'))||r.scrollIntoView({block:"nearest"})),l.scrollIntoView({block:"nearest"}))}function H(){var e;return null==(e=$.current)?void 0:e.querySelector(`${h}[aria-selected="true"]`)}function J(){var e;return Array.from((null==(e=$.current)?void 0:e.querySelectorAll(v))||[])}function Z(e){let t=J()[e];t&&K.setState("value",t.getAttribute(b))}function Q(e){var t;let r=H(),l=J(),n=l.findIndex(e=>e===r),i=l[n+e];null!=(t=u.current)&&t.loop&&(i=n+e<0?l[l.length-1]:n+e===l.length?l[0]:l[n+e]),i&&K.setState("value",i.getAttribute(b))}function X(e){let t=H(),r=null==t?void 0:t.closest(m),l;for(;r&&!l;)l=null==(r=e>0?function(e,t){let r=e.nextElementSibling;for(;r;){if(r.matches(t))return r;r=r.nextElementSibling}}(r,m):function(e,t){let r=e.previousElementSibling;for(;r;){if(r.matches(t))return r;r=r.previousElementSibling}}(r,m))?void 0:r.querySelector(v);l?K.setState("value",l.getAttribute(b)):Q(e)}let Y=()=>Z(J().length-1),ee=e=>{e.preventDefault(),e.metaKey?Y():e.altKey?X(1):Q(1)},et=e=>{e.preventDefault(),e.metaKey?Z(0):e.altKey?X(-1):Q(-1)};return c.createElement(s.sG.div,{ref:t,tabIndex:-1,...j,"cmdk-root":"",onKeyDown:e=>{var t;null==(t=j.onKeyDown)||t.call(j,e);let r=e.nativeEvent.isComposing||229===e.keyCode;if(!(e.defaultPrevented||r))switch(e.key){case"n":case"j":R&&e.ctrlKey&&ee(e);break;case"ArrowDown":ee(e);break;case"p":case"k":R&&e.ctrlKey&&et(e);break;case"ArrowUp":et(e);break;case"Home":e.preventDefault(),Z(0);break;case"End":e.preventDefault(),Y();break;case"Enter":{e.preventDefault();let t=H();if(t){let e=new Event(g);t.dispatchEvent(e)}}}}},c.createElement("label",{"cmdk-label":"",htmlFor:V.inputId,id:V.labelId,style:F},o),G(e,e=>

1c.createElement(w.Provider,{value:K},c.createElement(y.Provider,{value:V},e))))}),S=c.forwardRef((e,t)=>{var r,l;let n=(0,d.B)(),i=c.useRef(null),a=c.useContext(x),u=c.useContext(y),o=M(e),m=null!=(l=null==(r=o.current)?void 0:r.forceMount)?l:null==a?void 0:a.forceMount;L(()=>{if(!m)return u.item(n,null==a?void 0:a.id)},[m]);let p=D(n,i,[e.value,e.children,i],e.keywords),h=c.useContext(w),v=P(e=>e.value&&e.value===p.current),b=P(e=>!!m||!1===u.filter()||!e.search||e.filtered.items.get(n)>0);function k(){var e,t;E(),null==(t=(e=o.current).onSelect)||t.call(e,p.current)}function E(){h.setState("value",p.current,!0)}if(c.useEffect(()=>{let t=i.current;if(!(!t||e.disabled))return t.addEventListener(g,k),()=>t.removeEventListener(g,k)},[b,e.onSelect,e.disabled]),!b)return null;let{disabled:S,value:C,onSelect:I,forceMount:A,keywords:R,...j}=e;return c.createElement(s.sG.div,{ref:(0,f.t)(i,t),...j,id:n,"cmdk-item":"",role:"option","aria-disabled":!!S,"aria-selected":!!v,"data-disabled":!!S,"data-selected":!!v,onPointerMove:S||u.getDisablePointerSelection()?void 0:E,onClick:S?void 0:k},e.children)}),C=c.forwardRef((e,t)=>{let{heading:r,children:l,forceMount:n,...i}=e,a=(0,d.B)(),u=c.useRef(null),o=c.useRef(null),m=(0,d.B)(),p=c.useContext(y),h=P(e=>!!n||!1===p.filter()||!e.search||e.filtered.groups.has(a));L(()=>p.group(a),[]),D(a,u,[e.value,e.heading,o]);let v=c.useMemo(()=>({id:a,forceMount:n}),[n]);return c.createElement(s.sG.div,{ref:(0,f.t)(u,t),...i,"cmdk-group":"",role:"presentation",hidden:!h||void 0},r&&c.createElement("div",{ref:o,"cmdk-group-heading":"","aria-hidden":!0,id:m},r),G(e,e=>c.createElement("div",{"cmdk-group-items":"",role:"group","aria-labelledby":r?m:void 0},c.createElement(x.Provider,{value:v},e))))}),I=c.forwardRef((e,t)=>{let{alwaysRender:r,...l}=e,n=c.useRef(null),i=P(e=>!e.search);return r||i?c.createElement(s.sG.div,{ref:(0,f.t)(n,t),...l,"cmdk-separator":"",role:"separator"}):null}),A=c.forwardRef((e,t)=>{let{onValueChange:r,...l}=e,n=null!=e.value,i=c.useContext(w),a=P(e=>e.search),u=P(e=>e.selectedItemId),o=c.useContext(y);return c.useEffect(()=>{null!=e.value&&i.setState("search",e.value)},[e.value]),c.createElement(s.sG.input,{ref:t,...l,"cmdk-input":"",autoComplete:"off",autoCorrect:"off",spellCheck:!1,"aria-autocomplete":"list",role:"combobox","aria-expanded":!0,"aria-controls":o.listId,"aria-labelledby":o.labelId,"aria-activedescendant":u,id:o.inputId,type:"text",value:n?e.value:a,onChange:e=>{n||i.setState("search",e.target.value),null==r||r(e.target.value)}})}),R=c.forwardRef((e,t)=>{let{children:r,label:l="Suggestions",...n}=e,i=c.useRef(null),a=c.useRef(null),u=P(e=>e.selectedItemId),o=c.useContext(y);return c.useEffect(()=>{if(a.current&&i.current){let e=a.current,t=i.current,r,l=new ResizeObserver(()=>{r=requestAnimationFrame(()=>{let r=e.offsetHeight;t.style.setProperty("--cmdk-list-height",r.toFixed(1)+"px")})});return l.observe(e),()=>{cancelAnimationFrame(r),l.unobserve(e)}}},[]),c.createElement(s.sG.div,{ref:(0,f.t)(i,t),...n,"cmdk-list":"",role:"listbox",tabIndex:-1,"aria-activedescendant":u,"aria-label":l,id:o.listId},G(e,e=>c.createElement("div",{ref:(0,f.t)(a,o.listInnerRef),"cmdk-list-sizer":""},e)))}),j=c.forwardRef((e,t)=>{let{open:r,onOpenChange:l,overlayClassName:n,contentClassName:i,container:a,...u}=e;return c.createElement(o.bL,{open:r,onOpenChange:l},c.createElement(o.ZL,{container:a},c.createElement(o.hJ,{"cmdk-overlay":"",className:n}),c.createElement(o.UC,{"aria-label":e.label,"cmdk-dialog":"",className:i},c.createElement(E,{ref:t,...u}))))}),B=Object.assign(E,{List:R,Item:S,Input:A,Group:C,Separator:I,Dialog:j,Empty:c.forwardRef((e,t)=>P(e=>0===e.filtered.count)?c.createElement(s.sG.div,{ref:t,...e,"cmdk-empty":"",role:"presentation"}):null),Loading:c.forwardRef((e,t)=>{let{progress:r,children:l,label:n="Loading...",...i}=e;return c.createElement(s.sG.div,{ref:t,...i,"cmdk-loading":"",role:"progressbar","aria-valuenow":r,"aria-valuemin":0,"aria-valuemax":100,"aria-label":n},G(e,e=>c.createElement("div",{"aria-hidden":!0},e)))})});function M(e){let t=c.useRef(e);return L(()=>{t.current=e}),t}var L="u"<typeof window?c.useEffect:c.useLayoutEffect;function N(e){let t=c.useRef();return void 0===t.current&&(t.current=e()),t}function P(e){let t=c.useContext(w),r=()=>e(t.snapshot());

1return c.useSyncExternalStore(t.subscribe,r,r)}function D(e,t,r,l=[]){let n=c.useRef(),i=c.useContext(y);return L(()=>{var a;let u=(()=>{var e;for(let t of r){if("string"==typeof t)return t.trim();if("object"==typeof t&&"current"in t)return t.current?null==(e=t.current.textContent)?void 0:e.trim():n.current}})(),o=l.map(e=>e.trim());i.value(e,u,o),null==(a=t.current)||a.setAttribute(b,u),n.current=u}),n}var _=()=>{let[e,t]=c.useState(),r=N(()=>new Map);return L(()=>{r.current.forEach(e=>e()),r.current=new Map},[e]),(e,l)=>{r.current.set(e,l),t({})}};function G({asChild:e,children:t},r){let l;return e&&c.isValidElement(t)?c.cloneElement("function"==typeof(l=t.type)?l(t.props):"render"in l?l.render(t.props):t,{ref:t.ref},r(t.props.children)):r(t)}var F={position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"}}}]);