Warning: session_start(): Session cannot be started after headers have already been sent in /home/tvrreohg/public_html/manga.php on line 13
"use strict";(self.webpackChunkwcf_addons=self.webpackChunkwcf_addons||[]).push([[780],{364:function(e,t,a){a.d(t,{$m:function(){return i},As:function(){return o},nD:function(){return c},ub:function(){return d}});var s=a(1609),l=a(1584),r=a(7049),n=a(3188);const c=l.bL,o=s.forwardRef(({className:e,...t},a)=>(0,s.createElement)(l.q7,{ref:a,className:(0,n.cn)("border-b",e),...t}));o.displayName="AccordionItem";const i=s.forwardRef(({className:e,children:t,...a},c)=>(0,s.createElement)(l.Y9,{className:"flex"},(0,s.createElement)(l.l9,{ref:c,className:(0,n.cn)("flex flex-1 items-center bg-transparent justify-between py-4 text-sm font-medium transition-all [&[data-state=open]>svg]:rotate-180",e),...a},t,(0,s.createElement)(r.D3D,{className:"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"}))));i.displayName=l.l9.displayName;const d=s.forwardRef(({className:e,children:t,...a},r)=>(0,s.createElement)(l.UC,{ref:r,className:"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",...a},(0,s.createElement)("div",{className:(0,n.cn)("pb-4 pt-0",e)},t)));d.displayName=l.UC.displayName},626:function(e,t,a){a.r(t),a.d(t,{default:function(){return te}});var s=a(1609),l=a(1223),r=a(364),n=a(3602),c=a(809),o=a(3188),i=a(2982),d=a(2732);const m=(0,d.F)("inline-flex items-center justify-center rounded-md text-sm font-medium transition ease-in-out duration-0 focus-visible:outline-none active:scale-95 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-transparent data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",icon:"bg-transparent",outline:"bg-background text-text-primary rounded-lg border hover:bg-background-secondary gap-1.5 data-[state=on]:bg-[#FFF3F0] data-[state=on]:text-[#ED745A] data-[state=on]:border-[#FFE5DF] [&[data-state=on]>svg]:text-[#ED745A]"},size:{default:"h-9 px-3",sm:"h-8 px-2",lg:"h-10 px-3",icon:"h-5 px-0",outline:"h-8 px-3"}},defaultVariants:{variant:"default",size:"default"}}),p=s.forwardRef(({className:e,variant:t,size:a,...l},r)=>(0,s.createElement)(i.b,{ref:r,className:(0,o.cn)(m({variant:t,size:a,className:e})),...l}));p.displayName=i.b.displayName;const u=s.createContext({size:"default",variant:"default"}),f=s.forwardRef(({className:e,variant:t,size:a,children:l,...r},n)=>(0,s.createElement)(c.bL,{ref:n,className:(0,o.cn)("flex items-center justify-center gap-1",e),...r},(0,s.createElement)(u.Provider,{value:{variant:t,size:a}},l)));f.displayName=c.bL.displayName;const g=s.forwardRef(({className:e,children:t,variant:a,size:l,...r},n)=>{const i=s.useContext(u);return(0,s.createElement)(c.q7,{ref:n,className:(0,o.cn)(m({variant:i.variant||a,size:i.size||l}),e),...r},t)});g.displayName=c.q7.displayName;var N=({types:e,setTypes:t,license:a,setLicense:c,selectedCategory:o,setSelectedCategory:i,setPageNum:d})=>{const[m,p]=(0,s.useState)([]);return(0,s.useEffect)(()=>{fetch(`${WCF_ADDONS_ADMIN?.st_template_domain}wp-json/wp/v2/starter-page-type?per_page=30&page=1`).then(e=>e.json()).then(e=>{p(e)})},[]),(0,s.createElement)("div",{className:"px-5 py-6 flex flex-col justify-between gap-5 h-full pr-0 rtl:pr-5"},(0,s.createElement)("div",null,(0,s.createElement)("div",{className:"flex gap-2 items-center pb-5"},(0,s.createElement)(l.HKL,{size:20,className:"text-icon-secondary"}),(0,s.createElement)("h3",{className:"font-medium"},"Filter Settings")),(0,s.createElement)(n.F,{className:"h-[calc(100vh-180px)]",viewportClassName:"pr-4"},(0,s.createElement)("div",null,(0,s.createElement)(r.nD,{type:"multiple",defaultValue:["types","license","categories"],className:"w-full"},(0,s.createElement)(r.As,{value:"types",className:"border-b-0 border-t"},(0,s.createElement)(r.$m,{className:"pt-5 pb-5 data-[state=open]:pb-2"},"Types"),(0,s.createElement)(r.ub,{className:"pb-5"},(0,s.createElement)(f,{type:"multiple",className:"justify-start flex-wrap gap-2",value:e,onValueChange:e=>{t(e),d(1)}},(0,s.createElement)(g,{value:"wishlist",variant:"outline",className:"ps-2","aria-label":"Toggle wish list"},(0,s.createElement)(l.yTx,{size:18,className:"text-icon"})," ","Wishlist")))),(0,s.createElement)(r.As,{value:"license",className:"border-b-0 border-t"},(0,s.createElement)(r.$m,{className:"pt-5 pb-5 data-[state=open]:pb-2"},"License"),(0,s.createElement)(r.ub,{className:"pb-5"},(0,s.createElement)(f,{type:"single",className:"justify-start flex-wrap gap-2",value:a,onValueChange:e=>{c(e),d(1)}},(0,s.createElement)(g,{value:"pro",variant:"outline",className:"ps-2","aria-label":"Toggle pro"},(0,s.createElement)(l.Y6N,{size:18,className:"text-icon"})," Pro"),(0,s.createElement)(g,{value:"free",variant:"outline",className:"ps-2","aria-label":"Toggle free"},(0,s.createElement)(l.cA8,{size:18,className:"text-icon"})," Free")))),(0,s.createElement)(r.As,{value:"categories",className:"border-b-0 border-t"},(0,s.createElement)(r.$m,{className:"pt-5 pb-5 data-[state=open]:pb-2"},"Categories"),(0,s.createElement)(r.ub,{className:"pb-5"},(0,s.createElement)(f,{type:"multiple",className:"justify-start flex-wrap gap-1.5",value:o,onValueChange:e=>{i(e),d(1)}},m?.map((e,t)=>(0,s.createElement)(g,{key:`${e?.slug}-${t}`,value:e?.id,variant:"outline","aria-label":"Toggle category"},e?.name))))))))))};const h=s.forwardRef(({className:e,type:t,...a},l)=>(0,s.createElement)("input",{type:t,className:(0,o.cn)("flex h-10 w-full rounded-[10px] border border-border bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-label/50 focus-visible:outline-none focus-visible:border focus-visible:border-[#99A0AE] disabled:cursor-not-allowed disabled:opacity-50",e),ref:l,...a}));h.displayName="Input";var b=a(7049),y=a(854);const x=y.bL,E=y.YJ,v=y.WT,w=s.forwardRef(({className:e,children:t,...a},r)=>(0,s.createElement)(y.l9,{ref:r,className:(0,o.cn)("flex h-9 w-full items-center justify-between whitespace-nowrap font-inter font-medium rounded-md border bg-background px-3 py-2 text-sm text-text placeholder:text-text-secondary focus:outline-none data-[state=open]:border data-[state=open]:border-[#99A0AE] disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",e),...a},t,(0,s.createElement)(y.In,{asChild:!0},(0,s.createElement)(l.eQr,{className:"h-4 w-4 text-icon-secondary"}))));w.displayName=y.l9.displayName;const F=s.forwardRef(({className:e,...t},a)=>(0,s.createElement)(y.PP,{ref:a,className:(0,o.cn)("flex cursor-default items-center justify-center py-1",e),...t},(0,s.createElement)(b.Mtm,null)));F.displayName=y.PP.displayName;const C=s.forwardRef(({className:e,...t},a)=>(0,s.createElement)(y.wn,{ref:a,className:(0,o.cn)("flex cursor-default items-center justify-center py-1",e),...t},(0,s.createElement)(b.D3D,null)));C.displayName=y.wn.displayName;const S=s.forwardRef(({className:e,children:t,position:a="popper",...l},r)=>(0,s.createElement)(y.ZL,null,(0,s.createElement)(y.UC,{ref:r,className:(0,o.cn)("wcf-select-content relative z-50 max-h-96 font-inter min-w-[8rem] overflow-hidden rounded-md bg-background text-text shadow-select data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","popper"===a&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1.5",e),position:a,...l},(0,s.createElement)(F,null),(0,s.createElement)(y.LM,{className:(0,o.cn)("p-1.5","popper"===a&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]")},t),(0,s.createElement)(C,null))));S.displayName=y.UC.displayName,s.forwardRef(({className:e,...t},a)=>(0,s.createElement)(y.JU,{ref:a,className:(0,o.cn)("px-2 py-1.5 text-sm font-semibold",e),...t})).displayName=y.JU.displayName;const _=s.forwardRef(({className:e,children:t,...a},r)=>(0,s.createElement)(y.q7,{ref:r,className:(0,o.cn)("relative flex my-[2px] w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none text-text hover:bg-background-secondary hover:rounded-lg focus:bg-secondary focus:text-text data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[state=checked]:text-text data-[state=checked]:font-medium data-[state=checked]:bg-background-secondary data-[state=checked]:rounded-lg",e),...a},(0,s.createElement)("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center"},(0,s.createElement)(y.VF,null,(0,s.createElement)(l.s0,{className:"h-4 w-4"}))),(0,s.createElement)(y.p4,null,t)));_.displayName=y.q7.displayName,s.forwardRef(({className:e,...t},a)=>(0,s.createElement)(y.wv,{ref:a,className:(0,o.cn)("-mx-1 my-1 h-px bg-muted",e),...t})).displayName=y.wv.displayName;var A=a(5908),D=({filterKey:e,setFilterKey:t,searchKey:a,setSearchKey:r,setPageNum:n,setOpenSidebar:c})=>(0,s.createElement)("div",{className:"flex justify-between items-center gap-5"},(0,s.createElement)("h3",{className:"text-xl font-medium"},"All Pages"),(0,s.createElement)("div",{className:"flex justify-end items-center gap-2"},(0,s.createElement)("div",{className:"ml-6"},(0,s.createElement)("div",{className:"relative"},(0,s.createElement)(l.uBk,{className:"absolute left-3 top-2.5 h-5 w-5 text-icon-secondary"}),(0,s.createElement)(h,{value:a,onChange:e=>{r(e.target.value),n(1)},placeholder:"Search Widgets",className:"px-9"}),a?(0,s.createElement)(l.Qks,{onClick:()=>r(""),className:"absolute right-3 top-2.5 h-5 w-5 cursor-pointer text-icon-secondary"}):"")),(0,s.createElement)("div",null,(0,s.createElement)(x,{value:e,onValueChange:e=>{t(e),n(1)}},(0,s.createElement)(w,{className:"w-[119px] rounded-[10px] h-10"},(0,s.createElement)(v,{placeholder:"Filter"})),(0,s.createElement)(S,{className:"w-[119px] rounded-[10px]",align:"end"},(0,s.createElement)(E,null,(0,s.createElement)(_,{value:"popular"},"Popular"),(0,s.createElement)(_,{value:"latest"},"Latest"))))),(0,s.createElement)("div",{className:"lg:hidden"},(0,s.createElement)(A.$,{onClick:()=>c(e=>!e),variant:"secondary",size:"icon"},(0,s.createElement)(l.M95,{size:20,className:"text-icon-secondary"}))))),k=a(8370);const P=k.bL,R=(k.l9,k.ZL),z=(k.bm,s.forwardRef(({className:e,...t},a)=>(0,s.createElement)(k.hJ,{ref:a,className:(0,o.cn)("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t})));z.displayName=k.hJ.displayName;const j=s.forwardRef(({className:e,children:t,hideClose:a=!1,...l},r)=>(0,s.createElement)(R,null,(0,s.createElement)(z,null),(0,s.createElement)(k.UC,{ref:r,className:(0,o.cn)("wcf-dialog-content fixed left-[50%] top-[50%] font-inter z-50 grid w-full max-w-lg p-0 pr-7 border-0 bg-transparent translate-x-[-50%] translate-y-[-50%] gap-4 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",e),...l},t,a?"":(0,s.createElement)(k.bm,{className:"absolute wcf-dialog-close-button cursor-pointer right-0 top-2 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none border-0 p-0 bg-transparent"},(0,s.createElement)(b.MKb,{className:"h-5 w-5 text-white"}),(0,s.createElement)("span",{className:"sr-only"},"Close")))));j.displayName=k.UC.displayName;const T=({className:e,...t})=>(0,s.createElement)("div",{className:(0,o.cn)("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});T.displayName="DialogHeader";const L=s.forwardRef(({className:e,...t},a)=>(0,s.createElement)(k.hE,{ref:a,className:(0,o.cn)("text-lg font-semibold tracking-tight",e),...t}));L.displayName=k.hE.displayName;const K=s.forwardRef(({className:e,...t},a)=>(0,s.createElement)(k.VY,{ref:a,className:(0,o.cn)("text-sm text-text-secondary",e),...t}));K.displayName=k.VY.displayName;var O=a.p+"images/pro-dialog.4eb4bab3.png",I=({open:e,setOpen:t})=>(0,s.createElement)(s.Fragment,null,(0,s.createElement)(P,{open:e,onOpenChange:t},(0,s.createElement)(j,{className:"w-[380px] bg-background pr-0 gap-0 !rounded-2xl overflow-hidden [&>.wcf-dialog-close-button]:right-4 [&>.wcf-dialog-close-button]:top-4"},(0,s.createElement)(T,{className:"hidden"},(0,s.createElement)(L,{className:"hidden"}),(0,s.createElement)(K,{className:"hidden"})),(0,s.createElement)("div",null,(0,s.createElement)("img",{src:O,className:"w-full h-[174px]",alt:"pro dialog"}),(0,s.createElement)("div",{className:"p-6 pt-2"},(0,s.createElement)("h2",{className:"text-xl text-center font-medium"},"Upgrade to premium plan and unlock every features!"),(0,s.createElement)("p",{className:"mt-2.5 text-sm text-text-secondary text-center"},"Upgrade and get access to every feature.")))))),U=a(9715),$=a(8316),V=a(522),M=a(3345),W=({allTemplate:e})=>{const[t,a]=(0,s.useState)(!1),[r,n]=(0,s.useState)(WCF_ADDONS_ADMIN.addons_config.wishlist||[]),{setTabKey:c}=(0,$.O)(),{activated:i}=(0,$.b)();return(0,s.createElement)(s.Fragment,null,e?.templates?.length?(0,s.createElement)("div",{className:"grid md:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-x-5 gap-y-8"},e?.templates?.map((e,t)=>(0,s.createElement)("div",{key:`all_template-${t}`,className:"group",id:e?.slug},(0,s.createElement)("div",{className:"rounded-[12px] overflow-hidden border border-[#ededed] bg-no-repeat aspect-[380/330]",style:{backgroundImage:`url(${e?.template_preview})`,backgroundSize:"100%"}},(0,s.createElement)("div",{className:"w-full h-full group-hover:bg-[#0E121B]/40 relative"},e?.is_pro?(0,s.createElement)("div",{className:"absolute top-2.5 right-2.5"},(0,s.createElement)(U.E,{variant:"tPro",className:"ps-2"},(0,s.createElement)(l.jFv,{size:14,className:"mr-1.5"})," PRO")):"",(0,s.createElement)("div",{className:"w-full h-full hidden group-hover:flex justify-center items-center gap-2"},(0,s.createElement)("a",{href:e?.demo_link,className:(0,o.cn)((0,A.r)({variant:"general"}),"py-2 ps-3 pe-4"),target:"_blank"},(0,s.createElement)(l.tLq,{size:20,className:"mr-2"})," Preview"),(0,s.createElement)(A.$,{variant:"general",className:"py-2 ps-3 pe-4",onClick:()=>((e,t,s,l)=>{const r=new URL(window.location.href),n=r.searchParams.get("page");r.search="",r.hash="",r.search=`page=${n}`,r.searchParams.set("tab",e),r.searchParams.set("template",t),r.searchParams.set("templateid",s),l?13===i?.product_status?.item_id?(window.history.replaceState({},"",r),c(e)):a(e):(window.history.replaceState({},"",r),c(e))})("required-features",e?.slug,e?.id,e?.is_pro)},(0,s.createElement)(l.Ail,{size:20,className:"mr-2"})," Import")))),(0,s.createElement)("div",{className:"mt-4 flex justify-between"},(0,s.createElement)("div",{className:"ms-1"},(0,s.createElement)("h3",{className:"text-lg"},e?.title),(0,s.createElement)("div",{className:"flex gap-1.5 items-center mt-1.5"},(0,s.createElement)("div",{className:"flex-1"},(0,s.createElement)("p",{className:"text-label text-sm truncate"},e?.categories[0])),(0,s.createElement)(V.A,{className:"w-2 h-2 text-icon-secondary",strokeWidth:2}),(0,s.createElement)("div",{className:"text-label text-sm flex items-center gap-1"},(0,s.createElement)(l.Ail,null),(0,s.createElement)("p",null,(0,s.createElement)("span",null,e?.downloads)," Imports")))),(0,s.createElement)("div",{className:"mt-[3px] pe-1.5"},(0,s.createElement)(p,{"aria-label":"Toggle bold",pressed:r.includes(e.id.toString()),onPressedChange:t=>(async e=>{try{await fetch(WCF_ADDONS_ADMIN.ajaxurl,{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded",Accept:"application/json"},body:new URLSearchParams({action:"aaeaddon_wishlist_option",wishlist:JSON.stringify(e),nonce:WCF_ADDONS_ADMIN.nonce,settings:"wcf_save_widgets"})}).then(e=>e.json()).then(e=>{e.success&&(n(e.data),WCF_ADDONS_ADMIN.addons_config.wishlist=e.data)}),fetch(`${WCF_ADDONS_ADMIN?.st_template_domain}wp-json/starter-templates/v1/favourites?tpl_id=${e}`)}catch(e){}})(e.id),className:"[&[data-state=on]>svg]:fill-[#FF5733] [&[data-state=on]>svg]:stroke-[#FF5733] items-start px-0 cursor-pointer"},(0,s.createElement)(M.A,{size:20,className:"text-icon-secondary"}))))))):(0,s.createElement)("div",{className:"flex justify-center items-center h-[10vh]"},(0,s.createElement)("p",{className:"text-lg font-semibold"},"No Item Found")),(0,s.createElement)(I,{open:t,setOpen:a}))},q=({searchKey:e,setSearchKey:t,filterKey:a,setFilterKey:l,setPageNum:r,allTemplate:n,setOpenSidebar:c})=>(0,s.createElement)("div",{className:"mx-[31px]"},(0,s.createElement)("div",{className:"mt-6 mb-8"},(0,s.createElement)(D,{filterKey:a,setFilterKey:l,searchKey:e,setSearchKey:t,setPageNum:r,setOpenSidebar:c})),(0,s.createElement)("div",{className:"mb-10"},(0,s.createElement)(W,{allTemplate:n}))),J=a(8697);const Y=k.bL,H=(k.l9,k.bm,k.ZL),B=s.forwardRef(({className:e,...t},a)=>(0,s.createElement)(k.hJ,{className:(0,o.cn)("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t,ref:a}));B.displayName=k.hJ.displayName;const Z=(0,d.F)("wcf-animation-addon-sheet fixed z-50 mt-[46px] lg:mt-8 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right max-w-[483px]"}},defaultVariants:{side:"right"}}),Q=s.forwardRef(({side:e="right",className:t,children:a,...l},r)=>(0,s.createElement)(H,null,(0,s.createElement)(B,null),(0,s.createElement)(k.UC,{ref:r,className:(0,o.cn)(Z({side:e}),t),...l},(0,s.createElement)(k.bm,{className:"absolute right-4 top-5 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none bg-transparent cursor-pointer"},(0,s.createElement)(J.A,{className:"h-5 w-5"}),(0,s.createElement)("span",{className:"sr-only"},"Close")),a)));Q.displayName=k.UC.displayName;const G=({className:e,...t})=>(0,s.createElement)("div",{className:(0,o.cn)("flex flex-col space-y-2 text-center sm:text-left",e),...t});G.displayName="SheetHeader";const X=s.forwardRef(({className:e,...t},a)=>(0,s.createElement)(k.hE,{ref:a,className:(0,o.cn)("text-lg font-semibold text-foreground",e),...t}));X.displayName=k.hE.displayName;const ee=s.forwardRef(({className:e,...t},a)=>(0,s.createElement)(k.VY,{ref:a,className:(0,o.cn)("text-sm text-muted-foreground",e),...t}));ee.displayName=k.VY.displayName;var te=()=>{const e=(0,s.useRef)(null),t=(0,s.useRef)(0),[a,l]=(0,s.useState)(!1),[r,c]=(0,s.useState)(""),[i,d]=(0,s.useState)(""),[m,p]=(0,s.useState)({}),[u,f]=(0,s.useState)(1),[g,h]=(0,s.useState)(!0),[b,y]=(0,s.useState)([]),[x,E]=(0,s.useState)(""),[v,w]=(0,s.useState)([]),[F,C]=(0,s.useState)(!1);(0,s.useEffect)(()=>{const e={searchKey:r,filterKey:i,pageNum:u,types:b,license:x,selectedCategory:v,allTemplate:m,wishlist:WCF_ADDONS_ADMIN.addons_config.wishlist.toString()};S(e)},[r,i,u,b,x,v]);const S=(0,s.useCallback)((0,o.e)(async e=>{h(!0);try{const t=new URL(`${WCF_ADDONS_ADMIN?.st_template_domain}wp-json/wp/v2/starter-page`);e.searchKey&&t.searchParams.append("s",e.searchKey),e.pageNum&&(t.searchParams.append("page",e.pageNum),t.searchParams.append("per_page",40)),e.filterKey&&("popular"===e.filterKey?t.searchParams.append("popular",1):t.searchParams.append("orderby","date")),e.selectedCategory&&e.selectedCategory.length&&t.searchParams.append("st-cat",e.selectedCategory.toString()),e?.types?.includes("favorites")?t.searchParams.append("favourites",1):e?.types?.includes("wishlist")&&t.searchParams.append("wishlist",e.wishlist),e.license&&t.searchParams.append("premium","pro"===e.license?"yes":"no"),await fetch(t.toString()).then(e=>e.json()).then(t=>{if(1===e.pageNum)p(t),window.AAEADDON_STARTER_TPLS=t;else{const a={...t,templates:[...e?.allTemplate?.templates,...t.templates]};p(a),window.AAEADDON_STARTER_TPLS=a}})}catch(e){console.log(e)}finally{h(!1)}}),[]);return(0,s.useEffect)(()=>{const s=()=>{const s=e.current?.querySelector("[data-radix-scroll-area-viewport]");if(!s)return;const{scrollTop:r,scrollHeight:n,clientHeight:c}=s,o=r>t.current;t.current=r,o&&r+c>=n-5&&!a&&m?.templates?.length!==m?.total&&(l(!0),f(e=>e+1))},r=e.current?.querySelector("[data-radix-scroll-area-viewport]");return r&&r.addEventListener("scroll",s),()=>{r&&r.removeEventListener("scroll",s)}},[a,m]),(0,s.useEffect)(()=>{a&&l(!1)},[m]),(0,s.createElement)("div",{className:"flex"},(0,s.createElement)("div",{className:"hidden lg:block w-[278px] border-r border-border h-[calc(100vh-85px)]"},(0,s.createElement)(N,{types:b,setTypes:y,license:x,setLicense:E,selectedCategory:v,setSelectedCategory:w,setPageNum:f})),(0,s.createElement)(Y,{open:F,onOpenChange:C},(0,s.createElement)(Q,{className:"lg:hidden w-[278px] border-r border-border h-[calc(100vh-48px)] mt-0",side:"left"},(0,s.createElement)(G,{className:"hidden"},(0,s.createElement)(X,null),(0,s.createElement)(ee,null)),(0,s.createElement)(N,{types:b,setTypes:y,license:x,setLicense:E,selectedCategory:v,setSelectedCategory:w,setPageNum:f}))),(0,s.createElement)(n.F,{className:"h-[calc(100vh-85px)] flex-1",ref:e},(0,s.createElement)(s.Fragment,null,g&&!m?.templates?.length?(0,s.createElement)("div",{className:"flex justify-center items-center h-[10vh]"},(0,s.createElement)("p",{className:"text-lg font-semibold"},"Loading...")):(0,s.createElement)(q,{searchKey:r,setSearchKey:c,filterKey:i,setFilterKey:d,setPageNum:f,allTemplate:m,setOpenSidebar:C}),g&&m?.templates?.length?(0,s.createElement)("div",{className:"flex justify-center items-center h-[25vh]"},(0,s.createElement)("p",{className:"text-lg font-semibold"},"Loading...")):"")))}},9715:function(e,t,a){a.d(t,{E:function(){return c}});var s=a(1609),l=a(2732),r=a(3188);const n=(0,l.F)("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors",{variants:{variant:{default:"bg-background text-text-primary rounded-full border",filter:"bg-background text-text-primary rounded-lg border px-3 py-1.5 text-sm hover:bg-[#FFF3F0] hover:border-[#FFE5DF] hover:text-[#ED745A] hover:font-medium",pro:"border-0 px-[7px] py-[3px] h-[18px] text-[11px] leading-[0.91] mt font-medium bg-[linear-gradient(109deg,#FFC47D_7.79%,#FFA132_92.21%)] text-white rounded-full",tPro:"border-0 pe-2.5 h-[26px] text-sm font-medium bg-[linear-gradient(45deg,#FF7A00_0%,#FFD439_100%)] text-white rounded-full",version:"bg-white text-text h-[27px] rounded-full",solid:"bg-[#E7350F] border-2 border-solid border-background rounded-full p-0 w-2.5 h-2.5",installed:"bg-[#E0FAEC] border-0 rounded-md px-2 py-1 h-6 text-[#1A7544]",inProgress:"bg-[#EBF1FF] border-0 rounded-md px-2 py-1 h-6 text-[#335CFF]",secondary:"bg-background-secondary text-text-tertiary h-7 px-3"}},defaultVariants:{variant:"default"}});function c({className:e,variant:t,...a}){return(0,s.createElement)("div",{className:(0,r.cn)(n({variant:t}),e),...a})}}}]);