https://getwebp.com/_next/static/chunks/app/%5Blocale%5D/dashboard/layout-478dad573622ae1e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3537],{4425:(e,t,r)=>{Promise.resolve().then(r.bind(r,56096)),Promise.resolve().then(r.bind(r,19699)),Promise.resolve().then(r.bind(r,29035))},10148:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={default:function(){return c},getImageProps:function(){return d}};for(var a in n)Object.defineProperty(t,a,{enumerable:!0,get:n[a]});let l=r(31991),s=r(14952),o=r(35604),i=l._(r(25868));function d(e){let{props:t}=(0,s.getImgProps)(e,{defaultLoader:i.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[32,48,64,96,128,256,384],qualities:[75],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1}});for(let[e,r]of Object.entries(t))void 0===r&&delete t[e];return{props:t}}let c=o.Image},17212:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});let n=(0,r(81007).A)("menu",[["path",{d:"M4 5h16",key:"1tepv9"}],["path",{d:"M4 12h16",key:"1lakjw"}],["path",{d:"M4 19h16",key:"1djgab"}]])},19699:(e,t,r)=>{"use strict";r.d(t,{PageMessagesProvider:()=>l});var n=r(54568),a=r(41145);function l({locale:e,messages:t,children:r}){return(0,n.jsx)(a.default,{locale:e,messages:t,timeZone:"UTC",children:r})}},28971:(e,t,r)=>{"use strict";function n(e){return!e||!e.startsWith("/")||e.startsWith("//")||"/signin"===e||e.startsWith("/signin?")?"/dashboard":e}function a(e){return`/signin?next=${encodeURIComponent(n(e))}`}r.d(t,{S:()=>n,w:()=>a})},36645:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});let n=(0,r(81007).A)("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]])},39809:(e,t,r)=>{"use strict";r.d(t,{CG:()=>c,Fm:()=>h,cj:()=>i,h:()=>u,qp:()=>m});var n=r(54568),a=r(7620),l=r(36645),s=r(17483);let o=a.createContext(void 0),i=({open:e,onOpenChange:t,children:r})=>{let[l,s]=a.useState(!1);return(0,n.jsx)(o.Provider,{value:{open:e??l,onOpenChange:t??s},children:r})},d=()=>{let e=a.useContext(o);if(!e)throw Error("Sheet components must be used within a Sheet");return e},c=a.forwardRef(({className:e,children:t,onClick:r,asChild:l,...s},o)=>{let{onOpenChange:i}=d(),c=e=>{i(!0),r?.(e)};return l&&a.isValidElement(t)?a.cloneElement(t,{ref:o,onClick:c,...s}):(0,n.jsx)("button",{ref:o,className:e,onClick:c,...s,children:t})});c.displayName="SheetTrigger";let u=a.forwardRef(({side:e="left",className:t,children:r,...o},i)=>{let{open:c,onOpenChange:u}=d();return a.useEffect(()=>(c?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[c]),(0,n.jsx)(n.Fragment,{children:c&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm",onClick:()=>u(!1),"aria-hidden":"true"}),(0,n.jsxs)("div",{ref:i,className:(0,s.cn)("fixed z-50 bg-background shadow-lg","top"===e&&"inset-x-0 top-0 border-b","bottom"===e&&"inset-x-0 bottom-0 border-t","left"===e&&"inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm","right"===e&&"inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",t),...o,children:[(0,n.jsxs)("button",{onClick:()=>

1u(!1),className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",children:[(0,n.jsx)(l.A,{className:"h-4 w-4"}),(0,n.jsx)("span",{className:"sr-only",children:"Close"})]}),r]})]})})});u.displayName="SheetContent";let h=({className:e,...t})=>(0,n.jsx)("div",{className:(0,s.cn)("flex flex-col space-y-2 text-center sm:text-left",e),...t});h.displayName="SheetHeader";let m=a.forwardRef(({className:e,...t},r)=>(0,n.jsx)("h2",{ref:r,className:(0,s.cn)("text-lg font-semibold text-foreground",e),...t}));m.displayName="SheetTitle",a.forwardRef(({className:e,...t},r)=>(0,n.jsx)("p",{ref:r,className:(0,s.cn)("text-sm text-muted-foreground",e),...t})).displayName="SheetDescription"},46175:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});let n=(0,r(81007).A)("credit-card",[["rect",{width:"20",height:"14",x:"2",y:"5",rx:"2",key:"ynyp8z"}],["line",{x1:"2",x2:"22",y1:"10",y2:"10",key:"1b3vmo"}]])},50786:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});let n=(0,r(81007).A)("key",[["path",{d:"m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4",key:"g0fldk"}],["path",{d:"m21 2-9.6 9.6",key:"1j0ho8"}],["circle",{cx:"7.5",cy:"15.5",r:"5.5",key:"yqb3hr"}]])},56096:(e,t,r)=>{"use strict";r.d(t,{default:()=>_});var n=r(54568),a=r(7620),l=r(82175),s=r(33971),o=r(75843),i=r(81007);let d=(0,i.A)("layout-dashboard",[["rect",{width:"7",height:"9",x:"3",y:"3",rx:"1",key:"10lvy0"}],["rect",{width:"7",height:"5",x:"14",y:"3",rx:"1",key:"16une8"}],["rect",{width:"7",height:"9",x:"14",y:"12",rx:"1",key:"1hutg5"}],["rect",{width:"7",height:"5",x:"3",y:"16",rx:"1",key:"ldoo1y"}]]);var c=r(78909),u=r(50786),h=r(46175),m=r(64529);let f=(0,i.A)("log-out",[["path",{d:"m16 17 5-5-5-5",key:"1bji2h"}],["path",{d:"M21 12H9",key:"dn1m92"}],["path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4",key:"1uf3rs"}]]);var x=r(58299),p=r(17212),g=r(69345),b=r(28971),y=r(17483);function w(e){let t=e.split("@")[0];if(!t)return"?";let r=t.replace(/[._-]+/g," ").trim().split(/\s+/).filter(Boolean);return 0===r.length?"?":1===r.length?r[0].slice(0,2).toUpperCase():(r[0].charAt(0)+r[1].charAt(0)).toUpperCase()}function v(e){let t=0;for(let r=0;r<e.length;r++)t=31*t+e.charCodeAt(r)>>>0;return t%360}var j=r(75275),N=r(88353),k=r(97788);let C=a.forwardRef(({className:e,src:t,alt:r="",fallbackHue:s,children:o,...i},d)=>{let[c,u]=a.useState(!1),h=(!t||c)&&null!=s?{backgroundColor:`hsl(${s}, 55%, 45%)`,color:"white"}:void 0;return(0,n.jsx)("div",{ref:d,className:(0,y.cn)("relative flex shrink-0 overflow-hidden rounded-full",!h&&"bg-muted","h-9 w-9",e),style:h,...i,children:t&&!c?(0,n.jsx)(l.default,{src:t,alt:r,width:36,height:36,className:"aspect-square h-full w-full object-cover",onError:()=>u(!0)}):(0,n.jsx)("span",{className:"flex h-full w-full items-center justify-center text-xs font-medium","aria-hidden":!0,children:o})})});C.displayName="Avatar";var A=r(39809);let S=[{href:"/dashboard",labelKey:"nav.overview",icon:d},{href:"/dashboard/wordpress",label:"WordPress",icon:c.A},{href:"/dashboard/licenses",labelKey:"nav.licenses",icon:u.A},{href:"/dashboard/billing",labelKey:"nav.billing",icon:h.A}];function E({pathWithoutLocale:e,displayName:t,email:r,onLinkClick:a,className:l}){let i=(0,s.c)("Dashboard");return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("nav",{className:(0,y.cn)("p-4 flex flex-col gap-1",l),children:S.map(t=>(0,n.jsxs)(o.N_,{href:t.href,onClick:a,className:(0,y.cn)("flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-colors",e===t.href||"/dashboard"!==t.href&&e.startsWith(t.href)?"bg-secondary text-foreground":"text-muted-foreground hover:text-foreground hover:bg-secondary/50"),children:[(0,n.jsx)(t.icon,{className:"h-4 w-4 shrink-0"}),t.label??(t.labelKey?i(t.labelKey):t.href)]},t.href))}),(0,n.jsxs)("div",{className:"mt-auto p-4 border-t border-border flex flex-col gap-1",children:[(0,n.jsxs)(o.N_,{href:"/",onClick:a,className:"flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-secondary/50 transition-colors",children:[(0,n.jsx)(m.A,{className:"h-4 w-4 shrink-0"}),i("nav.backToWebsite")]}),(0,n.jsxs)("div",{className:"flex items-center gap-3 px-3 py-2 min-w-0",children:[(0,n.jsx)(C,{fallbackHue:v(r),children:w(r)}),(0,n.jsx)("div",{className:"min-w-0 flex-1",children:(0,n.jsx)("p",{className:"text-sm font-medium text-foreground truncate",children:t})})]}),(0,n.jsx)(M,{onLinkClick:a})]})]})}function M({onLinkClick:e}){let t=(0,s.c)("Dashboard"),r=(0,o.rd)(),a=async()=>{e?.(),await (0,g.FW)(),r.replace("/signin")};return(0,n.jsxs)("button",{type:"button",onClick:a,className:"flex items-center gap-3 w-full rounded-lg px-3 py-2 text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-secondary/50 transition-colors",children:[(0,n.jsx)(f,{className:"h-4 w-4 shrink-0"}),t("nav.logout")]})}function _({children:e}){let t,r=(0,s.c)("Dashboard"),i=(0,o.rd)(),d=(0,o.a8)(),[c,u]=(0,a.useState)(null),[h,S]=(0,a.useState)(!0),[M,_]=(0,a.useState)(!1),P="string"==typeof d?(t=d.split("/"),o.IB.includes(t[1])?`/${t.slice(2).join("/")}`.replace(/\/+$/,"")||"/":d.replace(/\/+$/,"")||"/"):"/";(0,a.useEffect)(()=>{let e=window.location.search,t=(0,b.w)(`${P}${e}`);(0,g.jp)().then(e=>{if(e.error||!e.email){S(!1),i.replace(t);return}u(e.email),S(!1)}).catch(()=>{S(!1),i.replace(t)})},[i,P]);let W=async()=>{await (0,g.FW)(),i.replace("/signin")};if(h)return(0,n.jsx)("div",{className:"min-h-screen flex items-center justify-center",role:"status","aria-label":r("loading"),children:(0,n.jsx)(x.A,{className:"h-8 w-8 animate-spin text-muted-foreground","aria-hidden":!0})});if(!c)return null;let z=function(e){let t=e.split("@")[0];if(!t)return e;

1let r=t.replace(/[._-]+/g," ").trim().split(/\s+/).filter(Boolean);return 0===r.length?e:r.map(e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).join(" ")}(c),R=w(c),L=v(c);return(0,n.jsxs)("div",{className:"min-h-screen bg-background flex flex-col",children:[(0,n.jsx)("header",{className:"fixed top-0 left-0 right-0 z-40 h-14 md:h-16 bg-background border-b border-border flex items-center px-4 md:px-6",role:"banner","aria-label":r("overview.title"),children:(0,n.jsxs)("div",{className:"flex items-center justify-between w-full",children:[(0,n.jsxs)("div",{className:"flex items-center gap-3 min-w-0",children:[(0,n.jsx)(k.$,{type:"button",variant:"ghost",size:"icon",className:"md:hidden shrink-0",onClick:()=>_(!0),"aria-label":r("nav.openMenu"),"aria-expanded":M,children:(0,n.jsx)(p.A,{className:"h-5 w-5"})}),(0,n.jsx)(o.N_,{href:"/dashboard",className:"flex items-center gap-2 min-w-0","aria-label":"GetWebP Dashboard",children:(0,n.jsx)(l.default,{src:"/logo_get_webp.svg",alt:"GetWebP",width:123,height:32,className:"h-6 w-auto shrink-0 md:h-7",priority:!0})})]}),(0,n.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,n.jsx)(j.Q,{}),(0,n.jsxs)(N.rI,{children:[(0,n.jsx)(N.ty,{asChild:!0,children:(0,n.jsx)("button",{type:"button",className:"rounded-full ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2","aria-label":r("nav.accountMenu"),children:(0,n.jsx)(C,{fallbackHue:L,className:"h-9 w-9",children:R})})}),(0,n.jsxs)(N.SQ,{align:"end",className:"w-64",children:[(0,n.jsx)(N.lp,{className:"font-normal",children:(0,n.jsxs)("div",{className:"flex flex-col gap-0.5",children:[(0,n.jsx)("p",{className:"text-sm font-medium text-foreground leading-none",children:z}),(0,n.jsx)("p",{className:"text-xs text-muted-foreground truncate",children:c})]})}),(0,n.jsx)(N.mB,{}),(0,n.jsxs)(N._2,{onClick:()=>i.push("/"),className:"cursor-pointer",children:[(0,n.jsx)(m.A,{className:"mr-2 h-4 w-4"}),r("nav.backToWebsite")]}),(0,n.jsxs)(N._2,{onClick:W,className:"text-muted-foreground focus:text-destructive cursor-pointer",children:[(0,n.jsx)(f,{className:"mr-2 h-4 w-4"}),r("nav.logout")]})]})]})]})]})}),(0,n.jsx)("aside",{className:"hidden md:flex flex-col fixed left-0 top-16 w-56 h-[calc(100vh-4rem)] border-r border-border bg-background z-30","aria-label":r("nav.navigation"),children:(0,n.jsx)(E,{pathWithoutLocale:P,displayName:z,email:c})}),(0,n.jsx)(A.cj,{open:M,onOpenChange:_,children:(0,n.jsx)(A.h,{side:"left",className:"w-72 p-0 flex flex-col","aria-label":r("nav.navigation"),children:(0,n.jsx)("div",{className:"flex flex-col h-full pt-14",children:(0,n.jsx)(E,{pathWithoutLocale:P,displayName:z,email:c,onLinkClick:()=>_(!1)})})})}),(0,n.jsx)("main",{className:(0,y.cn)("flex-1 min-h-screen pt-14 md:pt-16","md:pl-56"),children:(0,n.jsx)("div",{className:"p-6 md:p-8 max-w-4xl",children:e})})]})}},64529:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});let n=(0,r(81007).A)("house",[["path",{d:"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",key:"5wwlr5"}],["path",{d:"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",key:"r6nss1"}]])},75275:(e,t,r)=>{"use strict";r.d(t,{Q:()=>u});var n=r(54568),a=r(58091),l=r(75843),s=r(97788),o=r(97380),i=r(88353),d=r(17483);let c=[{code:"en",label:"English"},{code:"zh",label:"简体中文"},{code:"zh-TW",label:"繁體中文"},{code:"ja",label:"日本語"},{code:"ko",label:"한국어"},{code:"de",label:"Deutsch"},{code:"es",label:"Espa\xf1ol"},{code:"es-LA",label:"Espa\xf1ol (Latinoam\xe9rica)"},{code:"fr",label:"Fran\xe7ais"},{code:"pt",label:"Portugu\xeas"},{code:"pt-BR",label:"Portugu\xeas (Brasil)"},{code:"it",label:"Italiano"},{code:"nl",label:"Nederlands"},{code:"pl",label:"Polski"},{code:"tr",label:"T\xfcrk\xe7e"},{code:"vi",label:"Tiếng Việt"},{code:"id",label:"Bahasa Indonesia"}];function u(e={}){let{onLocaleChange:t}=e,r=(0,a.Ym)(),h=(0,l.rd)(),m=(0,l.a8)(),f=c.find(e=>e.code===r)||c[0];return(0,n.jsxs)(i.rI,{children:[(0,n.jsx)(i.ty,{asChild:!0,children:(0,n.jsxs)(s.$,{variant:"ghost",size:"sm",className:"h-9 px-3 text-muted-foreground hover:text-foreground transition-colors","aria-label":"Change language",children:[(0,n.jsx)(o.A,{className:"h-4 w-4 mr-2",strokeWidth:2}),(0,n.jsx)("span",{className:"hidden sm:inline text-sm font-medium",children:f.label})]})}),(0,n.jsx)(i.SQ,{align:"end",className:"min-w-[220px] max-h-80 overflow-y-auto",children:c.map(e=>(0,n.jsxs)(i._2,{onClick:()=>{var r;return r=e.code,void(h.replace(m,{locale:r}

1),t?.())},className:(0,d.cn)("cursor-pointer flex items-center gap-2",r===e.code&&"bg-secondary font-medium"),children:[(0,n.jsx)("span",{children:e.label}),r===e.code&&(0,n.jsx)("span",{className:"ml-auto text-xs text-muted-foreground",children:"✓"})]},e.code))})]})}},82175:(e,t,r)=>{"use strict";r.d(t,{default:()=>a.a});var n=r(10148),a=r.n(n)},88353:(e,t,r)=>{"use strict";r.d(t,{SQ:()=>c,_2:()=>u,lp:()=>h,mB:()=>m,rI:()=>i,ty:()=>d});var n=r(54568),a=r(7620),l=r(17483);let s=a.createContext(void 0),o=()=>{let e=a.useContext(s);if(!e)throw Error("DropdownMenu components must be used within a DropdownMenu");return e},i=({open:e,onOpenChange:t,children:r})=>{let[l,o]=a.useState(!1),i=e??l,d=t??o;return a.useEffect(()=>{if(!i)return;let e=e=>{let t=e.target,r=document.querySelector("[data-dropdown-menu]"),n=document.querySelector("[data-dropdown-trigger]");r&&!r.contains(t)&&n&&!n.contains(t)&&d(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[i,d]),a.useEffect(()=>{if(!i)return;let e=e=>{"Escape"===e.key&&d(!1)};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[i,d]),(0,n.jsx)(s.Provider,{value:{open:i,onOpenChange:d},children:r})},d=a.forwardRef(({className:e,children:t,onClick:r,asChild:l,...s},i)=>{let{open:d,onOpenChange:c}=o(),u=e=>{c(!d),r?.(e)};return l&&a.isValidElement(t)?a.cloneElement(t,{ref:i,onClick:u,"data-dropdown-trigger":!0,...s}):(0,n.jsx)("button",{ref:i,className:e,onClick:u,"data-dropdown-trigger":!0,"aria-expanded":d,...s,children:t})});d.displayName="DropdownMenuTrigger";let c=a.forwardRef(({className:e,children:t,align:r="start",side:s="bottom",onDrag:i,onDragStart:d,onDragEnd:c,onDragOver:u,onDragLeave:h,onDrop:m,onAnimationStart:f,onAnimationEnd:x,onAnimationIteration:p,onTransitionEnd:g,...b},y)=>{let{open:w}=o(),v=a.useRef(null),[j,N]=a.useState({top:0,left:0});return a.useEffect(()=>{if(!w||!v.current)return;let e=document.querySelector("[data-dropdown-trigger]");if(!e)return;let t=e.getBoundingClientRect(),n=v.current.getBoundingClientRect(),a=0,l=0;a="bottom"===s?t.bottom+4:"top"===s?t.top-n.height-4:t.top,(l="end"===r?t.right-n.width:"center"===r?t.left+(t.width-n.width)/2:t.left)<8&&(l=8),l+n.width>window.innerWidth-8&&(l=window.innerWidth-n.width-8),a<8&&(a=8),a+n.height>window.innerHeight-8&&(a=window.innerHeight-n.height-8),N({top:a,left:l})},[w,r,s]),(0,n.jsx)(n.Fragment,{children:w&&(0,n.jsx)("div",{ref:e=>{e&&(v.current=e,"function"==typeof y?y(e):y&&(y.current=e))},className:(0,l.cn)("fixed z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",e),style:{top:`${j.top}px`,left:`${j.left}px`},"data-dropdown-menu":!0,...b,children:t})})});c.displayName="DropdownMenuContent";let u=a.forwardRef(({className:e,inset:t,...r},a)=>{let{onOpenChange:s}=o();return(0,n.jsx)("button",{ref:a,className:(0,l.cn)("relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors","focus:bg-accent focus:text-accent-foreground","data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t&&"pl-8",e),onClick:e=>{r.onClick?.(e),s(!1)},...r})});u.displayName="DropdownMenuItem";let h=a.forwardRef(({className:e,inset:t,...r},a)=>(0,n.jsx)("div",{ref:a,className:(0,l.cn)("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",e),...r}));h.displayName="DropdownMenuLabel";let m=a.forwardRef(({className:e,...t},r)=>(0,n.jsx)("div",{ref:r,className:(0,l.cn)("-mx-1 my-1 h-px bg-muted",e),...t}));m.displayName="DropdownMenuSeparator"},97380:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});let n=(0,r(81007).A)("globe",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",key:"13o1zl"}],["path",{d:"M2 12h20",key:"9i4pu4"}]])}},e=>{e.O(0,[8091,9035,5051,8376,1362,587,445,7358],()=>e(e.s=4425)),_N_E=e.O()}]);