WordPress.org
Get WordPress

Plugin Directory

Changeset 3298544


Ignore:
Timestamp:
05/22/2025 08:10:56 AM (10 months ago)
Author:
nmkhan
Message:

add custom loader & component class_type check

Location:
appza-builder/trunk
Files:
3 added
34 edited

Legend:

Unmodified
Added
Removed

  • appza-builder/trunk/admin/frontend/build/176.js

    r3296359 r3298544  
    1 "use strict";(globalThis.webpackChunkfrontend=globalThis.webpackChunkfrontend||[]).push([[176],{230209:(e,t,a)=>{a.r(t),a.d(t,{default:()=>Ge});var l=a(951609),r=a(247767),n=a(986087),o=a(801101),s=a(288149),i=a(40054),c=a(917826),p=a(363403),m=a(282659),d=a(745155),u=a(311507),g=a(141670),E=a(495362),h=a(531365),b=a(641709),y=a(688065),f=a(4956),w=a(312335),v=a(716267),x=a(612968),C=a(790648),z=a(531074),S=a(755007),_=a(322662),A=a(11432),P=a(318321),k=a(93976),R=a(69019),j=a(589652),L=a(924952),T=a(771083),I=a(518649),$=a(306447),N=a(212006);const B=(0,n.lazy)((()=>Promise.all([a.e(675),a.e(769),a.e(943)]).then(a.bind(a,981128)))),D=(0,n.lazy)((()=>a.e(919).then(a.bind(a,782919)))),O=(0,n.lazy)((()=>a.e(357).then(a.bind(a,989357)))),U=({isSupportPluginChange:e,isThemeChange:t,recentAddedComponentId:a,setShowRightSidebar:r,setSelectedLayout:s,recallAppbar:p,recallNavbar:m,activeScreen:d,reloadScreen:h,setReloadPageList:y})=>{const{height:f,width:w}=(0,I.l)(),v=(0,o.xd)(),[x,C]=(0,n.useState)(null),[z,S]=(0,n.useState)(!1),_=(0,n.useRef)(null),[A,P]=(0,$.p)();return(0,n.useEffect)((()=>{S(!0),(0,T.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/page`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},params:{page_slug:d}}).then((e=>{C(e.data),S(!1),P.setState(e.data?.components)})).catch((function(e){console.log(e),S(!1)}))}),[d,h,t,e]),(0,n.useEffect)((()=>{S(!0),(0,T.A)({method:"put",url:`${appLocalizer.apiUrl}/appza/web/api/v1/page/sort-components`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},data:A}).then((e=>{S(!1)})).catch((function(e){console.log(e)}))}),[A]),(0,n.useEffect)((()=>{a&&setTimeout((()=>{_.current.scrollTo({top:_.current.scrollHeight,behavior:"smooth"})}),2e3)}),[a]),(0,l.createElement)(u.a,{w:f<850?350:400,p:5,m:20,style:{flexDirection:"column",alignItems:"center",backgroundColor:"var(--mantine-color-gray-0)",borderRadius:"var(--mantine-radius-xl)",boxShadow:"0px 0px 20px 3px var(--mantine-color-gray-5)"}},(0,l.createElement)(g.o,{bg:"gray.8",style:{width:"100%",height:"50px",borderRadius:"25px 25px 0px 0px",zIndex:999}},(0,l.createElement)(u.a,{bg:"var(--mantine-color-gray-7)",w:15,h:15,mr:5,style:{borderRadius:"25px"}}),(0,l.createElement)(u.a,{bg:"var(--mantine-color-gray-6)",w:50,h:5,style:{borderRadius:"25px"}})),(0,l.createElement)(i.s,{direction:"column",justify:"space-between",gap:0,bg:x?.customize_properties?.page_decoration?.background_color,style:{width:"100%",border:"5px solid var(--mantine-color-gray-8)"},pos:"relative",h:f<850?f-300:654},(0,l.createElement)(n.Suspense,{fallback:(0,l.createElement)(E.p,{visible:!0,zIndex:10,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"xs"}})},(0,l.createElement)(D,{recallAppbar:p,setSelectedLayout:s,reloadScreen:h,isThemeChange:t,isSupportPluginChange:e})),(0,l.createElement)(b.F,{h:f<850?f-300:502,scrollbarSize:3,type:"never",scrollbars:"y",viewportRef:_},(0,l.createElement)(E.p,{visible:z,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"},zIndex:10}),(0,l.createElement)(N.JY,{onDragEnd:({destination:e,source:t})=>P.reorder({from:t.index,to:e?.index||0})},(0,l.createElement)(N.gL,{droppableId:"dnd-list",direction:"vertical"},(e=>(0,l.createElement)("div",{...e.droppableProps,ref:e.innerRef},A?.map(((e,t)=>(0,l.createElement)(l.Fragment,null,(0,l.createElement)(N.sx,{key:e.id,index:t,draggableId:e.id},((o,i)=>(0,l.createElement)("div",{...o.draggableProps,ref:o.innerRef},(0,l.createElement)(n.Suspense,{fallback:(0,l.createElement)(E.p,{visible:!0,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"},zIndex:10})},(0,l.createElement)(B,{key:t,provided:o,component:e,activeScreen:d,handlers:P,setReloadPageList:y,setShowRightSidebar:r,setSelectedLayout:s,recentAddedComponentId:a})))))))),0===x?.components?.length&&(0,l.createElement)(g.o,{h:f<850?f-300:500},(0,l.createElement)(c.E,{align:"center",size:"xs",weight:700,c:v.primaryColor},"This page doesn't have any component now.")),e.placeholder))))),(0,l.createElement)(n.Suspense,{fallback:(0,l.createElement)(E.p,{visible:!0,zIndex:10,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"xs"}})},(0,l.createElement)(O,{recallNavbar:m,setSelectedLayout:s,reloadScreen:h,isThemeChange:t,isSupportPluginChange:e}))),(0,l.createElement)(g.o,{bg:"gray.8",style:{width:"100%",height:"50px",borderRadius:"0px 0px 25px 25px"}},(0,l.createElement)(u.a,{bg:"var(--mantine-color-gray-3)",w:65,h:35,style:{borderRadius:"15px"}})))};var F=a(556338),H=a(767155),V=a(148324),G=a(864999);const M="XF8FQdIul8Q77OGrHmvu";var W=a(527017),K=a(214566),Y=a(858418),q=a(639809),X=a(897233),Q=a(982898),J=a(336118),Z=a(546607),ee=a(764238),te=a(101578),ae=a(143325),le=a(913489),re=a(361265);const ne=(0,n.lazy)((()=>a.e(162).then(a.bind(a,282162)))),oe=(0,n.lazy)((()=>a.e(746).then(a.bind(a,520746)))),se=(0,n.lazy)((()=>a.e(691).then(a.bind(a,428691)))),ie=(0,n.lazy)((()=>Promise.all([a.e(675),a.e(633)]).then(a.bind(a,480633)))),ce=(0,n.lazy)((()=>Promise.all([a.e(599),a.e(714)]).then(a.bind(a,229660)))),pe=(0,n.lazy)((()=>Promise.all([a.e(675),a.e(333)]).then(a.bind(a,254714)))),me=({isSupportPluginChange:e,setIsSupportPluginChange:t,isThemeChange:a,setThemeChange:r,reloadPageList:s,setRecentAddedComponentId:p,activeScreen:m,selectedLayout:g,recallAppbar:y,setRecallAppbar:f,recallNavbar:v,recallDrawer:x,setRecallNavbar:C,setRecallDrawer:z,setReloadPageList:S,setSelectedLayout:_,setShowRightSidebar:A})=>{const{height:P,width:k}=(0,I.l)(),[R,L]=(W.default,K.default,Y.default,(0,n.useState)("global")),[$,N]=(0,n.useState)([]),[B,D]=(0,n.useState)(!1),[O,U]=(0,n.useState)(!1),me=(0,o.xd)(),[de,ue]=(0,le.j)(!1),[ge,Ee]=(0,le.j)(!1),{toggle:he,fullscreen:be}=(0,re.H)();return(0,n.useEffect)((()=>{null!==m&&(D(!0),(0,T.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/page/component-repository`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},params:{page_slug:m}}).then((e=>{N(e.data),D(!1)})).catch((function(e){console.log(e)})))}),[m,O,a,e]),(0,n.useEffect)((()=>{f((e=>!e))}),[s]),(0,l.createElement)(l.Fragment,null,(0,l.createElement)(F.t,{px:"sm",pb:"sm",h:"100%",variant:"pills",defaultValue:"global",onChange:e=>{L(e),"global"===e&&A(!1)},styles:{tab:{width:"45%"}}},(0,l.createElement)(F.t.List,{grow:!0,justify:"center",bg:me.primaryColor+".0",mb:"xs",style:{borderRadius:"var(--mantine-radius-sm)"}},(0,l.createElement)(F.t.Tab,{value:"global"},"Global"),(0,l.createElement)(F.t.Tab,{value:"components"},"Components")),(0,l.createElement)(F.t.Panel,{value:"global"},(0,l.createElement)(b.F,{h:P-188,scrollbarSize:3,pos:"relative"},(0,l.createElement)(H.n,{chevronPosition:"right",variant:"contained",mb:"sm",defaultValue:"",styles:{content:{padding:5}}},(0,l.createElement)(H.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)",borderRadius:"var(--mantine-radius-sm)"},value:"Appbar"},(0,l.createElement)(H.n.Control,{icon:(0,l.createElement)(q.default,{stroke:1})},(0,l.createElement)(c.E,{fw:700}," Appbar ")),(0,l.createElement)(H.n.Panel,{style:{backgroundColor:"var(--mantine-color-gary-1)"}},(0,l.createElement)(b.F,{h:P-370,scrollbarSize:3},(0,l.createElement)(n.Suspense,{fallback:"Loading..."},(0,l.createElement)(oe,{isThemeChange:a,recallAppbar:y,setRecallAppbar:f,setSelectedLayout:_,setShowRightSidebar:A,isSupportPluginChange:e}))))),(0,l.createElement)(H.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)",borderRadius:"var(--mantine-radius-sm)"},value:"Navbar"},(0,l.createElement)(H.n.Control,{icon:(0,l.createElement)(X.default,{stroke:1})},(0,l.createElement)(c.E,{fw:700}," Navbar ")),(0,l.createElement)(H.n.Panel,{style:{backgroundColor:"var(--mantine-color-gary-1)"}},(0,l.createElement)(b.F,{h:P-370,scrollbarSize:3},(0,l.createElement)(n.Suspense,{fallback:"Loading..."},(0,l.createElement)(se,{isThemeChange:a,recallNavbar:v,setRecallNavbar:C,setSelectedLayout:_,selectedLayout:g,setShowRightSidebar:A,isSupportPluginChange:e}))))),(0,l.createElement)(H.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)",borderRadius:"var(--mantine-radius-sm)"},value:"Drawer"},(0,l.createElement)(H.n.Control,{icon:(0,l.createElement)(Y.default,{stroke:1})},(0,l.createElement)(c.E,{fw:700}," Drawer ")),(0,l.createElement)(H.n.Panel,{style:{backgroundColor:"var(--mantine-color-gary-1)"}},(0,l.createElement)(b.F,{h:P-370,scrollbarSize:3},(0,l.createElement)(n.Suspense,{fallback:"Loading..."},(0,l.createElement)(ie,{isThemeChange:a,recallDrawer:x,setRecallDrawer:z,setSelectedLayout:_,setShowRightSidebar:A,isSupportPluginChange:e})))))))),(0,l.createElement)(F.t.Panel,{value:"components"},(0,l.createElement)(b.F,{h:P-188,scrollbarSize:3,pos:"relative"},(0,l.createElement)(w.m,{color:me.primaryColor+".1",label:(0,l.createElement)(c.E,{c:me.colors.dark[7],fw:500,size:"sm"},"Reload")},(0,l.createElement)(V.M,{variant:"light",size:"xs",pos:"absolute",bottom:0,right:0,onClick:()=>U((e=>!e))},(0,l.createElement)(Q.default,null))),(0,l.createElement)(E.p,{visible:B,zIndex:100,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}}),$&&(0,l.createElement)(H.n,{chevronPosition:"right",variant:"contained",mb:"xs",defaultValue:"",styles:{content:{padding:5}}},$?.map(((e,t)=>{const a=void 0===te[e?.icon]?ae.default:te[e?.icon];return(0,l.createElement)(H.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)",borderRadius:"var(--mantine-radius-sm)"},value:e?.name},(0,l.createElement)(H.n.Control,{icon:(0,l.createElement)(a,{stroke:1})},(0,l.createElement)(G.Y,{wrap:"nowrap"},(0,l.createElement)(c.E,{fw:700},e?.name))),(0,l.createElement)(H.n.Panel,{style:{backgroundColor:"var(--mantine-color-gary-1)"}},(0,l.createElement)(b.F,{h:P-370,scrollbarSize:3,pos:"relative"},(0,l.createElement)(d.x,{gutter:0},e?.items?.map(((e,t)=>(0,l.createElement)(n.Suspense,{fallback:"Loading..."},(0,l.createElement)(ne,{key:e.id,setRecentAddedComponentId:p,component:e,setShowRightSidebar:A,setSelectedLayout:_,setReloadPageList:S}))))))))})))))),(0,l.createElement)(u.a,{h:1,w:"100%",bg:"gray.2"}),(0,l.createElement)(i.s,{direction:"row",align:"center",justify:"space-around",py:"md"},(0,l.createElement)(i.s,{direction:"column",align:"center",justify:"space-between",className:M,onClick:ue.open},(0,l.createElement)(J.default,{stroke:1.5,style:{justifyContent:"center",alignItems:"center"}}),(0,l.createElement)(c.E,{textAlign:"center"},"Settings")),(0,l.createElement)(i.s,{direction:"column",align:"center",justify:"center",className:M,onClick:Ee.open},(0,l.createElement)(Z.default,{stroke:1.5}),(0,l.createElement)(c.E,null,"Themes"))),(0,l.createElement)(h.a,{opened:de,onClose:ue.close,size:"100%",closeOnClickOutside:!1,withCloseButton:!1,styles:{inner:{paddingLeft:be?"var(--mantine-spacing-sm)":"45px",paddingRight:"var(--mantine-spacing-sm)"},content:{height:P-10},body:{paddingTop:0,paddingBottom:0,height:"100%"}}},(0,l.createElement)(h.a.Header,{p:0},(0,l.createElement)(h.a.Title,null,(0,l.createElement)(j.h,{order:3,"data-autofocus":!0},"Settings")),(0,l.createElement)(h.a.CloseButton,null,(0,l.createElement)(V.M,{variant:"light",color:me.colors.gray[5],onClick:ue.close},(0,l.createElement)(ee.default,{stroke:1.5})))),(0,l.createElement)(u.a,{pos:"relative"},(0,l.createElement)(n.Suspense,{fallback:(0,l.createElement)(E.p,{visible:!0,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}})},(0,l.createElement)(ce,{setIsSupportPluginChange:t,handlesSettingsModal:ue,handlesThemesModal:Ee})))),(0,l.createElement)(h.a,{opened:ge,onClose:Ee.close,size:"100%",closeOnClickOutside:!1,withCloseButton:!1,styles:{inner:{paddingLeft:be?"var(--mantine-spacing-sm)":"45px",paddingRight:"var(--mantine-spacing-sm)"},content:{height:P-10},body:{paddingTop:0,paddingBottom:0}}},(0,l.createElement)(h.a.Header,{p:0},(0,l.createElement)(h.a.Title,null,(0,l.createElement)(j.h,{order:3,"data-autofocus":!0},"Themes")),(0,l.createElement)(h.a.CloseButton,null,(0,l.createElement)(V.M,{variant:"light",color:me.colors.gray[5],onClick:Ee.close},(0,l.createElement)(ee.default,{stroke:1.5})))),(0,l.createElement)(u.a,{pos:"relative"},(0,l.createElement)(n.Suspense,{fallback:(0,l.createElement)(E.p,{visible:!0,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}})},(0,l.createElement)(pe,{setThemeChange:r,isOnboarding:!1,slideHeight:"78vh"})))))};var de=a(384205),ue=a(805055),ge=a(257193),Ee=a(169329),he=a(20899),be=a(101573),ye=a(721136),fe=a(376480),we=a(653479),ve=a(809017),xe=a(140274),Ce=a(909543),ze=a(28788),Se=a(655813),_e=a(871369),Ae=a(883075),Pe=a(68110),ke=a(73776),Re=a(520923),je=a(772585),Le=a(349301),Te=a(643225);const Ie=a.p+"images/appza_logo.9ad6e144.png",$e=a.p+"images/appza-demo-play-store.de449fbe.png",Ne=a.p+"images/appza-demo-app-store.4556a85e.png",Be="lVUu4edfAwIuPcIYgpkG",De=({activeScreen:e,setActiveScreen:t,isThemeChange:a,isSupportPluginChange:r})=>{const{ref:s,toggle:p,fullscreen:E}=(0,re.H)(),[f,x]=(0,le.j)(!1),[C,S]=(0,n.useState)([]),[_,P]=(0,n.useState)({}),k=(0,o.xd)();return(0,n.useEffect)((()=>{E?(document.getElementById("adminmenumain").setAttribute("style","display: none"),document.getElementById("wpcontent").setAttribute("style","margin-left: 0px !important; padding-left: 0px !important")):(document.getElementById("adminmenumain").setAttribute("style","display: block"),document.getElementById("wpcontent").setAttribute("style","margin-left: 36px !important; padding-left: 0px !important"))}),[E]),(0,n.useEffect)((()=>{(0,T.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/pages`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`}}).then((e=>{S(e.data)})).catch((function(e){console.log(e)}))}),[a,r]),(0,n.useEffect)((()=>{(0,T.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-settings`,headers:{Accept:"application/json","Content-Type":"multipart/form-data","Access-Control-Allow-Origin":"*"}}).then((e=>{P(e.data)})).catch((function(e){console.log(e)})),window.appzaPremium&&window.appzaPremium.appBuild(k)}),[]),document.addEventListener("DOMContentLoaded",(function(){window.appzaPremium&&window.appzaPremium.appBuild(k)})),(0,l.createElement)(m.m,{fluid:!0,bg:"transparent",style:{borderBottom:"1px solid var(--mantine-color-gray-3)"}},(0,l.createElement)(d.x,{align:"center",py:5},(0,l.createElement)(d.x.Col,{span:"auto"},(0,l.createElement)(z._,{w:70,fit:"contain",src:Ie})),(0,l.createElement)(d.x.Col,{span:6},(0,l.createElement)(i.s,{justify:"center",align:"center",gap:"sm",w:"inherit"},(0,l.createElement)(c.E,{fw:700},"Page"),(0,l.createElement)(Se.l,{size:"xs",label:"",checkIconPosition:"right",data:C?.map((e=>({label:e.name,value:e.slug}))),value:e,onChange:e=>t(e),placeholder:"Pages",maxDropdownHeight:250,allowDeselect:!1,styles:{input:{backgroundColor:"transparent",width:300,border:`1px solid ${k.primaryColor}`}}}))),(0,l.createElement)(d.x.Col,{span:"auto"},(0,l.createElement)(i.s,{justify:"flex-end",gap:"xs",wrap:"nowrap"},(0,l.createElement)(w.m,{label:"Preview app QR code",bg:`${k.primaryColor}.5`,c:"dark"},(0,l.createElement)(ue.$,{size:"xs",color:"#475177",onClick:x.open,leftSection:(0,l.createElement)(Ae.default,null)},"Preview")),(0,l.createElement)(u.a,{id:"appza-app-build"},(0,l.createElement)(_e.j,{width:320,shadow:"md",withArrow:!0,openDelay:200,closeDelay:400},(0,l.createElement)(_e.j.Target,null,(0,l.createElement)(ue.$,{size:"xs",onClick:()=>console.log("Upgrade to premium"),leftSection:(0,l.createElement)(Pe.default,null),variant:"outline"},"Build App")),(0,l.createElement)(_e.j.Dropdown,null,(0,l.createElement)(c.E,{size:"sm"},"Upgrade to premium to unlock more features and build your app ",(0,l.createElement)(A.M,{href:_?.appza_buy_premium_url,target:"_blank"},"Click here",(0,l.createElement)(ke.default,{size:12}))," buy premium.")))),(0,l.createElement)(w.m,{label:E?"Normal screen":"Full screen",bg:`${k.primaryColor}.5`,c:"dark"},(0,l.createElement)(ue.$,{size:"xs",onClick:p},E?(0,l.createElement)(Re.default,null):(0,l.createElement)(je.default,null))),(0,l.createElement)(w.m,{label:"Wordpress dashboard",bg:`${k.primaryColor}.5`,c:"dark"},(0,l.createElement)(ue.$,{component:"a",href:appLocalizer.homeUrl+"wp-admin",size:"xs",radius:"xl",bg:"gray.1",c:"gray.5",px:2},(0,l.createElement)(Le.default,null)))))),(0,l.createElement)(h.a,{opened:f,onClose:x.close,title:"",size:"75%",pos:"relative",centered:!0,closeOnClickOutside:!1,scrollAreaComponent:b.F.Autosize,withCloseButton:!1},(0,l.createElement)(h.a.Header,{p:0},(0,l.createElement)(h.a.Title,null,(0,l.createElement)(j.h,{order:3},"Preview on Mobile App")),(0,l.createElement)(h.a.CloseButton,null,(0,l.createElement)(V.M,{variant:"light",color:k.colors.gray[5],onClick:x.close},(0,l.createElement)(ee.default,{stroke:1.5})))),(0,l.createElement)(d.x,{justify:"center",align:"center",gutter:"sm",px:"md",py:60},(0,l.createElement)(d.x.Col,{span:6},(0,l.createElement)(v.t,{radius:"md",py:50,px:0,shadow:"sm",withBorder:!0},(0,l.createElement)(F.t,{defaultValue:"demo-app",variant:"pills",h:"100%"},(0,l.createElement)(F.t.List,{grow:!0,my:"xs",px:"xl",className:"bCNiT5V4dNGBpRLaS3KK"},(0,l.createElement)(F.t.Tab,{size:"xs",value:"demo-app",className:Be},(0,l.createElement)(c.E,{fw:700},"Demo App")),(0,l.createElement)(F.t.Tab,{size:"xs",value:"domain",className:Be},(0,l.createElement)(c.E,{fw:700},"Connect Site"))),(0,l.createElement)(F.t.Panel,{value:"demo-app",px:"xl"},(0,l.createElement)(d.x,{justify:"center",align:"center"},(0,l.createElement)(d.x.Col,{span:6},(0,l.createElement)(c.E,{pb:"sm",fw:500,ta:"center"},"Android"),(0,l.createElement)(g.o,null,(0,l.createElement)(u.a,{style:{border:"1px solid var(--mantine-color-gray-5)",borderRadius:k.radius.sm},p:40,bg:k.colors.gray[4]},(0,l.createElement)(u.a,{pos:"relative"},(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",top:-9,left:-9}}),(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",top:-9,right:-9,transform:"rotate(90deg)"}}),(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",bottom:-9,right:-9,transform:"rotate(180deg)"}}),(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",bottom:-9,left:-9,transform:"rotate(270deg)"}}),(0,l.createElement)(z._,{w:"100%",src:$e})))),(0,l.createElement)(c.E,{size:"xs",mt:"xs",ta:"center"},"Find ",(0,l.createElement)(c.E,{span:!0,fw:600},"Appza Demo App")," on Play Store")),(0,l.createElement)(d.x.Col,{span:"auto"},(0,l.createElement)(c.E,{pb:"sm",fw:500,ta:"center"},"iOS"),(0,l.createElement)(g.o,null,(0,l.createElement)(u.a,{style:{border:"1px solid var(--mantine-color-gray-5)",borderRadius:k.radius.sm},p:40,bg:k.colors.gray[4]},(0,l.createElement)(u.a,{pos:"relative"},(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",top:-9,left:-9}}),(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",top:-9,right:-9,transform:"rotate(90deg)"}}),(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",bottom:-9,right:-9,transform:"rotate(180deg)"}}),(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",bottom:-9,left:-9,transform:"rotate(270deg)"}}),(0,l.createElement)(z._,{w:"100%",src:Ne})))),(0,l.createElement)(c.E,{size:"xs",mt:"xs",ta:"center"},"Find ",(0,l.createElement)(c.E,{span:!0,fw:600},"Appza Demo App")," on App Store")))),(0,l.createElement)(F.t.Panel,{value:"domain",py:23},(0,l.createElement)(g.o,null,(0,l.createElement)(u.a,{style:{border:"1px solid var(--mantine-color-gray-5)",borderRadius:k.radius.sm},p:40,bg:k.colors.gray[4]},(0,l.createElement)(u.a,{pos:"relative"},(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",top:-9,left:-9}}),(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",top:-9,right:-9,transform:"rotate(90deg)"}}),(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",bottom:-9,right:-9,transform:"rotate(180deg)"}}),(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",bottom:-9,left:-9,transform:"rotate(270deg)"}}),(0,l.createElement)(z._,{w:"100%",fit:"contain",src:_?.media_urls?.preview_app_qrcode})))),(0,l.createElement)(c.E,{size:"xs",mt:"xs",ta:"center"},"Open ",(0,l.createElement)(c.E,{span:!0,fw:600},"Appza Demo App")," and scan to connect this site"))))),(0,l.createElement)(d.x.Col,{span:"auto"},(0,l.createElement)(v.t,{radius:"md",shadow:"sm",px:"md",py:50,withBorder:!0},(0,l.createElement)(j.h,{order:5,mb:"xs"},"How to get your app?"),(0,l.createElement)(y.g,{ratio:1.6,"data-autofocus":!0},(0,l.createElement)("iframe",{src:"https://www.youtube.com/embed/fPsk1PSH6iw?si=W6dhy-K7sdeH_0my",title:"Appza Guideline Video",style:{border:0},allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"})))))))};var Oe=a(658335),Ue=a(635816);const Fe=(0,n.lazy)((()=>Promise.all([a.e(599),a.e(356),a.e(722)]).then(a.bind(a,567722)))),He=(0,n.lazy)((()=>Promise.all([a.e(675),a.e(333)]).then(a.bind(a,254714)))),Ve=[{path:"/",element:()=>{const e=(0,o.xd)(),[t,a]=(0,n.useState)(null),[r,$]=(0,n.useState)(!1),[N,B]=(0,n.useState)(!1),[D,O]=(0,n.useState)(!1),[F,H]=(0,n.useState)(!1),[V,M]=(0,n.useState)(!1),[W,K]=(0,n.useState)("home-page"),[Y,q]=(0,n.useState)({}),{height:X,width:J}=(0,I.l)(),[Z,ee]=(0,n.useState)([]),[te,ae]=(0,le.j)(!1),[re,ne]=(0,le.j)(!1),[oe,se]=(0,n.useState)(0),[ie,ce]=(0,n.useState)(null),[pe,Se]=(0,n.useState)({}),[_e,Ae]=(0,n.useState)({}),[Pe,ke]=(0,n.useState)(!1),[Re,je]=(0,n.useState)(!1),[Le,Te]=(0,n.useState)(!1),[Ie,$e]=(0,n.useState)([]),[Ne,Be]=(0,le.j)(!1),[Ve,Ge]=(0,le.j)(!1),[Me,We]=(0,n.useState)(null),[Ke,Ye]=(0,n.useState)(null);(0,n.useEffect)((()=>{$(!!t)}),[t,W]),(0,n.useEffect)((()=>{$(!1)}),[W]),(0,n.useEffect)((()=>{r||a(null)}),[r]),(0,n.useEffect)((()=>{$(!1)}),[Le]),(0,n.useEffect)((()=>{(0,T.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-settings`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"}}).then((e=>{q(e.data),qe.setInitialValues({user_name:e.data.user_name,app_type:e.data.app_type,app_name:e.data.app_name,user_email:e.data.user_email,website_link:e.data.website_link}),qe.setValues({user_name:e.data.user_name,app_type:e.data.app_type,app_name:e.data.app_name,user_email:e.data.user_email,website_link:e.data.website_link}),We(e.data.media_urls.appza_app_splash_screen_image)})).catch((function(e){console.log(e)}))}),[]);const qe=(0,Ee.m)({initialValues:{app_type:"WooCommerce",user_name:"",user_email:"",website_link:""}});return(0,n.useEffect)((()=>{ae.open(),(0,T.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/themes`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"}}).then((e=>{ee(e.data),ae.close()})).catch((function(e){console.log(e)})),(0,T.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/active-theme`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"}}).then((e=>{Se(e.data)})).catch((function(e){console.log(e)}))}),[re]),(0,n.useEffect)((()=>{Ge.open(),(0,T.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/support-plugins`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`}}).then((e=>{$e(e.data),Ge.close()})).catch((function(e){console.log(e),Ge.close()}))}),[Ne]),(0,l.createElement)(l.Fragment,null,(0,l.createElement)(De,{activeScreen:W,setActiveScreen:K,isThemeChange:Re,isSupportPluginChange:Le}),(0,l.createElement)(m.m,{fluid:!0,px:0,pr:1,bg:"var(--mantine-color-gray-light)",h:X-47},(0,l.createElement)(d.x,{gutter:0,h:"inherit"},(0,l.createElement)(d.x.Col,{span:"auto",bg:"white"},(0,l.createElement)(u.a,{pt:"sm"},(0,l.createElement)(me,{isThemeChange:Re,setThemeChange:je,setRecentAddedComponentId:ce,activeScreen:W,setActiveScreen:K,reloadPageList:N,setReloadPageList:B,setShowRightSidebar:$,setSelectedLayout:a,recallAppbar:D,recallNavbar:F,recallDrawer:V,setRecallAppbar:O,setRecallNavbar:H,setRecallDrawer:M,selectedLayout:t,setIsSupportPluginChange:Te,isSupportPluginChange:Le}))),(0,l.createElement)(d.x.Col,{span:6},(0,l.createElement)(g.o,{maw:"100%",h:"93vh"},(0,l.createElement)(U,{isThemeChange:Re,recentAddedComponentId:ie,setSelectedLayout:a,setShowRightSidebar:$,recallAppbar:D,recallNavbar:F,activeScreen:W,reloadScreen:N,setReloadPageList:B,isSupportPluginChange:Le}))),(0,l.createElement)(d.x.Col,{span:3,pos:"relative"},(0,l.createElement)(n.Suspense,{fallback:(0,l.createElement)(E.p,{visible:!0,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}})},r&&(0,l.createElement)(Fe,{setRecallAppbar:O,setRecallNavbar:H,setRecallDrawer:M,setReloadPageList:B,layout:t,setShowRightSidebar:$}))))),(0,l.createElement)(h.a,{opened:Y?.basic_info_tour_guide_modal,onClose:()=>q({...Y,basic_info_tour_guide_modal:!1}),title:"",size:"75%",scrollAreaComponent:b.F.Autosize,withCloseButton:!1,closeOnClickOutside:!1},(0,l.createElement)(de.C,{active:oe,size:"xs",h:630,styles:{steps:{display:3===oe?"none":null}}},(0,l.createElement)(de.C.Step,{label:"Select App",description:""},(0,l.createElement)(d.x,{justify:"center",align:"center",gutter:"xl"},(0,l.createElement)(d.x.Col,{span:8},(0,l.createElement)(g.o,{mt:"md"},(0,l.createElement)(c.E,{fw:700,mb:"xs",c:"#192655"},"Appza Guideline Tutorial")),(0,l.createElement)(y.g,{ratio:1.6,"data-autofocus":!0},(0,l.createElement)("iframe",{src:"https://www.youtube.com/embed/fPsk1PSH6iw?si=W6dhy-K7sdeH_0my",title:"Appza Guideline Video",style:{border:0},allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"}))),(0,l.createElement)(d.x.Col,{span:"auto",p:"xl"},(0,l.createElement)(g.o,{mt:"md"},(0,l.createElement)(c.E,{fw:700,mb:"xs",c:"#192655"},"Select App")),(0,l.createElement)(u.a,{p:"lg",style:{borderRadius:"var(--mantine-radius-md)",boxShadow:"var(--mantine-shadow-md)",border:"1px solid var(--mantine-color-gray-1)"},pos:"relative"},(0,l.createElement)(f.B,{spacing:"xl"},(0,l.createElement)(E.p,{visible:Ve,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}}),0===Ie.length&&(0,l.createElement)(g.o,{h:300},(0,l.createElement)(ue.$,{variant:"outline",size:"xs",onClick:()=>Be.toggle(),leftSection:(0,l.createElement)(Q.default,null)},"Reload")),0!==Ie.length&&Ie?.map(((t,a)=>(0,l.createElement)(w.m,{disabled:!Ue.K.includes(t.slug),color:"white",label:(0,l.createElement)(v.t,{withBorder:!0,p:"xs",radius:"md"},(0,l.createElement)(i.s,{align:"center",gap:"xs"},(0,l.createElement)(x.L,{radius:"xl",variant:"gradient",gradient:{from:"indigo",to:"violet",deg:173},p:4},(0,l.createElement)(ye.default,{style:{transform:"rotate(-25deg)"}})),(0,l.createElement)(u.a,null,(0,l.createElement)(c.E,{c:e.colors.dark[9],fw:500},"Upcoming"),(0,l.createElement)(c.E,{c:"dimmed"},"This feature is coming soon!")))),styles:{tooltip:{padding:0}}},(0,l.createElement)(f.B.Item,{pos:"relative"},(0,l.createElement)(E.p,{visible:_e[t.slug]||!1,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}}),(0,l.createElement)(C.d,{key:t.slug,checked:Y?.extensions?.includes(t.slug)||"wordpress"===t.slug,onChange:a=>{return"wordpress"!==t.slug&&(r=a.target.checked,n=t.slug,void Oe.jQ.openConfirmModal({title:"",centered:!0,children:(0,l.createElement)(i.s,{justify:"center",align:"center",gap:"sm",w:"100%",direction:"column"},(0,l.createElement)(G.Y,{gap:"xs"},(0,l.createElement)(be.default,{color:e.primaryColor}),(0,l.createElement)(c.E,{size:"sm",fw:600},"Confirmation!")),(0,l.createElement)(p.c,{size:"xs",w:"100%"}),(0,l.createElement)(c.E,{size:"sm",c:"#4D4D4D",ta:"center",my:30},"Are You Sure! After changing theme will be removed.")),labels:{cancel:"No, Keep It.",confirm:"Yes, Proceed!"},confirmProps:{bg:e.primaryColor,c:"#ffffff",style:{borderColor:e.primaryColor}},cancelProps:{bg:"var(--mantine-color-gray-2)",c:"#202020"},withCloseButton:!1,groupProps:{justify:"center"},overlayProps:{blur:1},closeOnClickOutside:!1,modalProps:{body:{padding:0}},onCancel:()=>console.log("Cancel"),onConfirm:()=>{Ae({..._e,[n]:!0}),(0,T.A)({method:"put",url:`${appLocalizer.apiUrl}/appza/web/api/v1/config/extensions`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:{[n]:r}}).then((e=>{q(e.data.data),Ae({}),ne.toggle(),Te((e=>!e))})).catch((function(e){console.log(e),Ae({}),Ce.$e.show({color:"var(--mantine-color-red-9)",title:e.response.data.message,icon:(0,l.createElement)(be.default,{style:{width:(0,s.D)(18),height:(0,s.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0})}))}}));var r,n},size:"xs",label:(0,l.createElement)(i.s,{justify:"flex-start",align:"center",gap:6},(0,l.createElement)(g.o,{bg:"gray.2",h:36,w:36,p:5,style:{borderRadius:"var(--mantine-radius-sm)"}},(0,l.createElement)(z._,{fit:"contain",src:t.image})),(0,l.createElement)(c.E,{size:"sm",fw:600},t.name)),radius:"sm",styles:{body:{alignItems:"center"}},disabled:Ue.K.includes(t.slug)})))))))))),(0,l.createElement)(de.C.Step,{label:"Theme Activation",description:"",pos:"relative"},(0,l.createElement)(n.Suspense,{fallback:(0,l.createElement)(E.p,{visible:!0,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}})},(0,l.createElement)(He,{setThemeChange:je,slideHeight:"61vh"}))),(0,l.createElement)(de.C.Step,{label:"Basic Settings",description:""},(0,l.createElement)(d.x,{gutter:50,h:"inherit",justify:"center",mx:100},(0,l.createElement)(d.x.Col,{span:8,pl:50},(0,l.createElement)(v.t,{radius:"md",shadow:"md",h:"100%",p:50,withBorder:!0},(0,l.createElement)(ge.k,{label:"Name",placeholder:"Enter your full name",mb:"lg",styles:{label:{color:"var(--mantine-color-dark-5)"}},...qe.getInputProps("user_name")}),(0,l.createElement)(ge.k,{label:"Email",placeholder:"example@gmail.com",mb:"lg",styles:{label:{color:"var(--mantine-color-dark-5)"}},...qe.getInputProps("user_email")}),(0,l.createElement)(ge.k,{label:"Website link",placeholder:"www.yoursite.com",mb:"lg",styles:{label:{color:"var(--mantine-color-dark-5)"}},...qe.getInputProps("website_link")}),(0,l.createElement)(ge.k,{label:"App name",placeholder:"Appza",mb:"lg",styles:{label:{color:"var(--mantine-color-dark-5)"}},...qe.getInputProps("app_name")}),(0,l.createElement)(u.a,{mt:"xs"},(0,l.createElement)(i.s,{align:"center",gap:5},(0,l.createElement)(c.E,{size:"sm",c:e.colors.gray[8]},"Upload logo"),(0,l.createElement)(w.m,{multiline:!0,w:250,color:e.primaryColor,withArrow:!0,transitionProps:{duration:200},label:"Upload your Android app logo. This logo will appear on the Google Play Store and represent your app. Recommended size: 512x512 pixels. File type: PNG (with a transparent background)"},(0,l.createElement)(fe.default,{color:e.colors.gray[5],size:16}))),(0,l.createElement)(S.H,{disabled:!1===Y?.appza_is_premium,onChange:e=>{qe.setValues({appza_app_logo:e}),Ye(URL.createObjectURL(e))},accept:"image/png"},(t=>(0,l.createElement)(ue.$,{...t,fullWidth:!0,p:0,color:e.colors.gray[7],variant:"outline",justify:"flex-start",leftSection:(0,l.createElement)(u.a,{bg:e.colors.gray[2],w:120,p:"xs"},(0,l.createElement)(c.E,{c:"#475177",fw:500,size:"sm"},"Choose File")),style:{border:`1px solid ${e.colors.gray[4]}`}},qe.values.appza_app_logo?(0,l.createElement)(i.s,{align:"center",gap:5},(0,l.createElement)(we.default,{size:16})," ",(0,l.createElement)(c.E,{fw:400,size:"sm"},qe.values.appza_app_logo.name)):(0,l.createElement)(c.E,{fw:400,size:"sm"},"No file chosen")))),(0,l.createElement)(c.E,{size:"xs",c:"dimmed"},"Recommended size: 512x512 pixels, File type: PNG (with a transparent background)")),(0,l.createElement)(u.a,{mt:"xs"},(0,l.createElement)(i.s,{align:"center",gap:5},(0,l.createElement)(c.E,{size:"sm",c:e.colors.gray[8]},"Upload splash screen"),(0,l.createElement)(w.m,{multiline:!0,w:250,color:e.primaryColor,withArrow:!0,transitionProps:{duration:200},label:"Upload your Android app splash screen. This screen appears when your app is launched. Recommended size: 1920x1920 pixels. File type: PNG (with a transparent background)"},(0,l.createElement)(fe.default,{color:e.colors.gray[5],size:16}))),(0,l.createElement)(S.H,{disabled:!1===Y?.appza_is_premium,onChange:e=>{qe.setValues({appza_app_splash_screen_image:e}),We(URL.createObjectURL(e))},accept:"image/png"},(t=>(0,l.createElement)(ue.$,{...t,fullWidth:!0,p:0,color:e.colors.gray[7],variant:"outline",justify:"flex-start",leftSection:(0,l.createElement)(u.a,{bg:e.colors.gray[2],w:120,p:"xs"},(0,l.createElement)(c.E,{c:"#475177",fw:500,size:"sm"},"Choose File")),style:{border:`1px solid ${e.colors.gray[4]}`}},qe.values.appza_app_splash_screen_image?(0,l.createElement)(i.s,{align:"center",gap:5},(0,l.createElement)(we.default,{size:16})," ",(0,l.createElement)(c.E,{fw:400,size:"sm"},qe.values.appza_app_splash_screen_image.name)):(0,l.createElement)(c.E,{fw:400,size:"sm"},"No file chosen")))),(0,l.createElement)(c.E,{size:"xs",c:"dimmed"},"Recommended size: 1920x1920 pixels File type: PNG (with a transparent background)")))),(0,l.createElement)(d.x.Col,{span:"auto"},(0,l.createElement)(v.t,{radius:"md",withBorder:!0,pos:"relative"},!1===Y?.appza_is_premium&&(0,l.createElement)(_.h,{backgroundOpacity:.05,blur:3,radius:"md"},(0,l.createElement)(i.s,{justify:"center",align:"center",mih:"100%",direction:"column"},(0,l.createElement)(c.E,{c:e.primaryColor,lineClamp:2,ta:"center",fw:700},"Required Premium Addon!"),(0,l.createElement)(A.M,{href:"http://lazycoders.co/appza",target:"_blank"},(0,l.createElement)(ue.$,null,"Get Premimum")))),(0,l.createElement)(P.o,{h:579,radius:"md",src:Me,position:"center",size:"contain",repeat:"no-repeat"},(0,l.createElement)(i.s,{direction:"column",justify:"space-between",align:"center",p:"xs",h:"100%"},(0,l.createElement)(k.E,{w:"25%",p:0,color:e.colors.dark[8],size:"sm",rightSection:(0,l.createElement)(ve.default,{color:e.colors.gray[7]}),styles:{section:{padding:0}}}),(0,l.createElement)(i.s,{direction:"column",justify:"center",align:"center",gap:"xs"},Y?.media_urls?.appza_app_logo?.length>0&&!qe.values.appza_app_logo&&(0,l.createElement)(z._,{fit:"contain",w:200,h:100,src:Y?.media_urls?.appza_app_logo}),qe.values.appza_app_logo&&(0,l.createElement)(z._,{fit:"cover",w:"80%",h:100,src:Ke}),(0,l.createElement)(c.E,{fw:600,lineClamp:1,py:2,px:"xs",bg:"white",styles:{root:{borderRadius:e.radius.lg}}},Y?.app_name)),(0,l.createElement)(v.t,{h:4,bg:e.colors.gray[7],w:"30%",radius:"xl"}))))))),(0,l.createElement)(de.C.Completed,null,(0,l.createElement)(ze.A,{height:730,width:J}),(0,l.createElement)(v.t,{radius:"md",p:"xl",mih:650},(0,l.createElement)(g.o,{h:550},(0,l.createElement)(R.B,{justify:"center",align:"center"},(0,l.createElement)(x.L,{radius:"xl",size:"xl",color:"#475177"},(0,l.createElement)(he.default,{style:{width:(0,s.D)(24),height:(0,s.D)(24)}})),(0,l.createElement)(j.h,{order:3,style:{color:"#192655"}},"Thank you for joining us!"),(0,l.createElement)(c.E,{size:"md",c:"#192655"},"Your journey with Appza begins now."),(0,l.createElement)(ue.$,{rightSection:(0,l.createElement)(xe.default,null),onClick:()=>q({...Y,basic_info_tour_guide_modal:!1})},"Start building your app now")))))),(0,l.createElement)(G.Y,{justify:"flex-end",mt:"xl"},3!==oe&&(0,l.createElement)(ue.$,{variant:"outline",onClick:()=>q({...Y,basic_info_tour_guide_modal:!1})},"Skip"),0!==oe&&3!==oe&&(0,l.createElement)(ue.$,{variant:"default",onClick:()=>se((e=>e>0?e-1:e))}," Back"),oe<2&&(0,l.createElement)(ue.$,{onClick:()=>se((e=>qe.validate().hasErrors?e:e<3?e+1:e)),disabled:Object.keys(_e).length>0},"Next"),2===oe&&(0,l.createElement)(ue.$,{onClick:()=>{ke(!0),(0,T.A)({method:"post",url:`${appLocalizer.apiUrl}/appza/web/api/v1/store-basic-info`,headers:{Accept:"application/json","Content-Type":"multipart/form-data","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:qe.values}).then((t=>{Ce.$e.show({color:e.primaryColor,title:t.data.message,icon:(0,l.createElement)(he.default,{style:{width:(0,s.D)(18),height:(0,s.D)(18)}}),autoClose:5e3}),se(3),ke(!1)})).catch((function(e){console.log(e)}))},disabled:Pe,leftSection:Pe?(0,l.createElement)(L.a,{size:"xs",type:"dots"}):""},"Save"))))}}],Ge=()=>(0,l.createElement)(r.BV,null,Ve?.map(((e,t)=>(0,l.createElement)(r.qh,{key:t,path:e.path,element:(0,l.createElement)(e.element,null)}))))},635816:(e,t,a)=>{a.d(t,{B:()=>l,K:()=>r});const l=["product-details-page","profile-page","product-page","post-details-page","course-details","course-details-page","quiz-landing-page","quiz-details-page","quiz-results-page","assignment-page","lesson-video-player-page","gradebook-page","login-page","wp-post-details"],r=["fluent-community","tutor-lms","lazy-tasks","learn-dash","lifter-lms"]}}]);
     1"use strict";(globalThis.webpackChunkfrontend=globalThis.webpackChunkfrontend||[]).push([[176],{230209:(e,t,a)=>{a.r(t),a.d(t,{default:()=>Ge});var l=a(951609),r=a(247767),n=a(986087),o=a(801101),s=a(288149),i=a(40054),c=a(917826),p=a(363403),m=a(282659),d=a(745155),u=a(311507),g=a(141670),E=a(495362),h=a(531365),b=a(641709),y=a(688065),f=a(4956),w=a(312335),v=a(716267),x=a(612968),C=a(790648),z=a(531074),S=a(755007),_=a(322662),A=a(11432),P=a(318321),k=a(93976),R=a(69019),j=a(589652),L=a(924952),T=a(771083),I=a(518649),$=a(306447),N=a(212006);const B=(0,n.lazy)((()=>Promise.all([a.e(675),a.e(769),a.e(943)]).then(a.bind(a,981128)))),D=(0,n.lazy)((()=>a.e(919).then(a.bind(a,782919)))),O=(0,n.lazy)((()=>a.e(357).then(a.bind(a,989357)))),U=({isSupportPluginChange:e,isThemeChange:t,recentAddedComponentId:a,setShowRightSidebar:r,setSelectedLayout:s,recallAppbar:p,recallNavbar:m,activeScreen:d,reloadScreen:h,setReloadPageList:y})=>{const{height:f,width:w}=(0,I.l)(),v=(0,o.xd)(),[x,C]=(0,n.useState)(null),[z,S]=(0,n.useState)(!1),_=(0,n.useRef)(null),[A,P]=(0,$.p)();return(0,n.useEffect)((()=>{S(!0),(0,T.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/page`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},params:{page_slug:d}}).then((e=>{C(e.data),S(!1),P.setState(e.data?.components)})).catch((function(e){console.log(e),S(!1)}))}),[d,h,t,e]),(0,n.useEffect)((()=>{S(!0),(0,T.A)({method:"put",url:`${appLocalizer.apiUrl}/appza/web/api/v1/page/sort-components`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},data:A}).then((e=>{S(!1)})).catch((function(e){console.log(e)}))}),[A]),(0,n.useEffect)((()=>{a&&setTimeout((()=>{_.current.scrollTo({top:_.current.scrollHeight,behavior:"smooth"})}),2e3)}),[a]),(0,l.createElement)(u.a,{w:f<850?350:400,p:5,m:20,style:{flexDirection:"column",alignItems:"center",backgroundColor:"var(--mantine-color-gray-0)",borderRadius:"var(--mantine-radius-xl)",boxShadow:"0px 0px 20px 3px var(--mantine-color-gray-5)"}},(0,l.createElement)(g.o,{bg:"gray.8",style:{width:"100%",height:"50px",borderRadius:"25px 25px 0px 0px",zIndex:999}},(0,l.createElement)(u.a,{bg:"var(--mantine-color-gray-7)",w:15,h:15,mr:5,style:{borderRadius:"25px"}}),(0,l.createElement)(u.a,{bg:"var(--mantine-color-gray-6)",w:50,h:5,style:{borderRadius:"25px"}})),(0,l.createElement)(i.s,{direction:"column",justify:"space-between",gap:0,bg:x?.customize_properties?.page_decoration?.background_color,style:{width:"100%",border:"5px solid var(--mantine-color-gray-8)"},pos:"relative",h:f<850?f-300:654},(0,l.createElement)(n.Suspense,{fallback:(0,l.createElement)(E.p,{visible:!0,zIndex:10,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"xs"}})},(0,l.createElement)(D,{recallAppbar:p,setSelectedLayout:s,reloadScreen:h,isThemeChange:t,isSupportPluginChange:e})),(0,l.createElement)(b.F,{h:f<850?f-300:502,scrollbarSize:3,type:"never",scrollbars:"y",viewportRef:_},(0,l.createElement)(E.p,{visible:z,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"sm"},zIndex:10}),(0,l.createElement)(N.JY,{onDragEnd:({destination:e,source:t})=>P.reorder({from:t.index,to:e?.index||0})},(0,l.createElement)(N.gL,{droppableId:"dnd-list",direction:"vertical"},(e=>(0,l.createElement)("div",{...e.droppableProps,ref:e.innerRef},A?.map(((e,t)=>(0,l.createElement)(l.Fragment,null,(0,l.createElement)(N.sx,{key:e.id,index:t,draggableId:e.id},((o,i)=>(0,l.createElement)("div",{...o.draggableProps,ref:o.innerRef},(0,l.createElement)(n.Suspense,{fallback:(0,l.createElement)(E.p,{visible:!0,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"sm"},zIndex:10})},(0,l.createElement)(B,{key:t,provided:o,component:e,activeScreen:d,handlers:P,setReloadPageList:y,setShowRightSidebar:r,setSelectedLayout:s,recentAddedComponentId:a})))))))),0===x?.components?.length&&(0,l.createElement)(g.o,{h:f<850?f-300:500},(0,l.createElement)(c.E,{align:"center",size:"xs",weight:700,c:v.primaryColor},"This page doesn't have any component now.")),e.placeholder))))),(0,l.createElement)(n.Suspense,{fallback:(0,l.createElement)(E.p,{visible:!0,zIndex:10,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"xs"}})},(0,l.createElement)(O,{recallNavbar:m,setSelectedLayout:s,reloadScreen:h,isThemeChange:t,isSupportPluginChange:e}))),(0,l.createElement)(g.o,{bg:"gray.8",style:{width:"100%",height:"50px",borderRadius:"0px 0px 25px 25px"}},(0,l.createElement)(u.a,{bg:"var(--mantine-color-gray-3)",w:65,h:35,style:{borderRadius:"15px"}})))};var F=a(556338),H=a(767155),V=a(148324),G=a(864999);const M="XF8FQdIul8Q77OGrHmvu";var W=a(527017),K=a(214566),Y=a(858418),q=a(639809),X=a(897233),Q=a(982898),J=a(336118),Z=a(546607),ee=a(764238),te=a(101578),ae=a(143325),le=a(913489),re=a(361265);const ne=(0,n.lazy)((()=>a.e(162).then(a.bind(a,282162)))),oe=(0,n.lazy)((()=>a.e(746).then(a.bind(a,520746)))),se=(0,n.lazy)((()=>a.e(691).then(a.bind(a,428691)))),ie=(0,n.lazy)((()=>Promise.all([a.e(675),a.e(633)]).then(a.bind(a,480633)))),ce=(0,n.lazy)((()=>Promise.all([a.e(599),a.e(714)]).then(a.bind(a,229660)))),pe=(0,n.lazy)((()=>Promise.all([a.e(675),a.e(333)]).then(a.bind(a,254714)))),me=({isSupportPluginChange:e,setIsSupportPluginChange:t,isThemeChange:a,setThemeChange:r,reloadPageList:s,setRecentAddedComponentId:p,activeScreen:m,selectedLayout:g,recallAppbar:y,setRecallAppbar:f,recallNavbar:v,recallDrawer:x,setRecallNavbar:C,setRecallDrawer:z,setReloadPageList:S,setSelectedLayout:_,setShowRightSidebar:A})=>{const{height:P,width:k}=(0,I.l)(),[R,L]=(W.default,K.default,Y.default,(0,n.useState)("global")),[$,N]=(0,n.useState)([]),[B,D]=(0,n.useState)(!1),[O,U]=(0,n.useState)(!1),me=(0,o.xd)(),[de,ue]=(0,le.j)(!1),[ge,Ee]=(0,le.j)(!1),{toggle:he,fullscreen:be}=(0,re.H)();return(0,n.useEffect)((()=>{null!==m&&(D(!0),(0,T.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/page/component-repository`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},params:{page_slug:m}}).then((e=>{N(e.data),D(!1)})).catch((function(e){console.log(e)})))}),[m,O,a,e]),(0,n.useEffect)((()=>{f((e=>!e))}),[s]),(0,l.createElement)(l.Fragment,null,(0,l.createElement)(F.t,{px:"sm",pb:"sm",variant:"pills",defaultValue:"global",onChange:e=>{L(e),"global"===e&&A(!1)},styles:{tab:{width:"45%"}}},(0,l.createElement)(F.t.List,{grow:!0,justify:"center",bg:me.primaryColor+".0",mb:"xs",style:{borderRadius:"var(--mantine-radius-sm)"}},(0,l.createElement)(F.t.Tab,{value:"global"},"Global"),(0,l.createElement)(F.t.Tab,{value:"components"},"Components")),(0,l.createElement)(F.t.Panel,{value:"global"},(0,l.createElement)(b.F,{h:P-188,scrollbarSize:3,pos:"relative"},(0,l.createElement)(H.n,{chevronPosition:"right",variant:"contained",mb:"sm",defaultValue:"",styles:{content:{padding:5}}},(0,l.createElement)(H.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)",borderRadius:"var(--mantine-radius-sm)"},value:"Appbar"},(0,l.createElement)(H.n.Control,{icon:(0,l.createElement)(q.default,{stroke:1})},(0,l.createElement)(c.E,{fw:700}," Appbar ")),(0,l.createElement)(H.n.Panel,{style:{backgroundColor:"var(--mantine-color-gary-1)"}},(0,l.createElement)(b.F,{h:P-370,scrollbarSize:3},(0,l.createElement)(n.Suspense,{fallback:"Loading..."},(0,l.createElement)(oe,{isThemeChange:a,recallAppbar:y,setRecallAppbar:f,setSelectedLayout:_,setShowRightSidebar:A,isSupportPluginChange:e}))))),(0,l.createElement)(H.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)",borderRadius:"var(--mantine-radius-sm)"},value:"Navbar"},(0,l.createElement)(H.n.Control,{icon:(0,l.createElement)(X.default,{stroke:1})},(0,l.createElement)(c.E,{fw:700}," Navbar ")),(0,l.createElement)(H.n.Panel,{style:{backgroundColor:"var(--mantine-color-gary-1)"}},(0,l.createElement)(b.F,{h:P-370,scrollbarSize:3},(0,l.createElement)(n.Suspense,{fallback:"Loading..."},(0,l.createElement)(se,{isThemeChange:a,recallNavbar:v,setRecallNavbar:C,setSelectedLayout:_,selectedLayout:g,setShowRightSidebar:A,isSupportPluginChange:e}))))),(0,l.createElement)(H.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)",borderRadius:"var(--mantine-radius-sm)"},value:"Drawer"},(0,l.createElement)(H.n.Control,{icon:(0,l.createElement)(Y.default,{stroke:1})},(0,l.createElement)(c.E,{fw:700}," Drawer ")),(0,l.createElement)(H.n.Panel,{style:{backgroundColor:"var(--mantine-color-gary-1)"}},(0,l.createElement)(b.F,{h:P-370,scrollbarSize:3},(0,l.createElement)(n.Suspense,{fallback:"Loading..."},(0,l.createElement)(ie,{isThemeChange:a,recallDrawer:x,setRecallDrawer:z,setSelectedLayout:_,setShowRightSidebar:A,isSupportPluginChange:e})))))))),(0,l.createElement)(F.t.Panel,{value:"components"},(0,l.createElement)(b.F,{h:P-188,scrollbarSize:3,pos:"relative"},(0,l.createElement)(w.m,{color:me.primaryColor+".1",label:(0,l.createElement)(c.E,{c:me.colors.dark[7],fw:500,size:"sm"},"Reload")},(0,l.createElement)(V.M,{variant:"light",size:"xs",pos:"absolute",bottom:0,right:0,onClick:()=>U((e=>!e))},(0,l.createElement)(Q.default,null))),(0,l.createElement)(E.p,{visible:B,zIndex:100,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"sm"}}),$&&(0,l.createElement)(H.n,{chevronPosition:"right",variant:"contained",mb:"xs",defaultValue:"",styles:{content:{padding:5}}},$?.map(((e,t)=>{const a=void 0===te[e?.icon]?ae.default:te[e?.icon];return(0,l.createElement)(H.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)",borderRadius:"var(--mantine-radius-sm)"},value:e?.name},(0,l.createElement)(H.n.Control,{icon:(0,l.createElement)(a,{stroke:1})},(0,l.createElement)(G.Y,{wrap:"nowrap"},(0,l.createElement)(c.E,{fw:700},e?.name))),(0,l.createElement)(H.n.Panel,{style:{backgroundColor:"var(--mantine-color-gary-1)"}},(0,l.createElement)(b.F,{h:P-370,scrollbarSize:3,pos:"relative"},(0,l.createElement)(d.x,{gutter:0},e?.items?.map(((e,t)=>(0,l.createElement)(n.Suspense,{fallback:"Loading..."},(0,l.createElement)(ne,{key:e.id,setRecentAddedComponentId:p,component:e,setShowRightSidebar:A,setSelectedLayout:_,setReloadPageList:S}))))))))})))))),(0,l.createElement)(u.a,{h:1,w:"100%",bg:"gray.2"}),(0,l.createElement)(i.s,{direction:"row",align:"center",justify:"space-around",py:"md"},(0,l.createElement)(i.s,{direction:"column",align:"center",justify:"space-between",className:M,onClick:ue.open},(0,l.createElement)(J.default,{stroke:1.5,style:{justifyContent:"center",alignItems:"center"}}),(0,l.createElement)(c.E,{textAlign:"center"},"Settings")),(0,l.createElement)(i.s,{direction:"column",align:"center",justify:"center",className:M,onClick:Ee.open},(0,l.createElement)(Z.default,{stroke:1.5}),(0,l.createElement)(c.E,null,"Themes"))),(0,l.createElement)(h.a,{opened:de,onClose:ue.close,size:"100%",closeOnClickOutside:!1,withCloseButton:!1,styles:{inner:{paddingLeft:be?"var(--mantine-spacing-sm)":"45px",paddingRight:"var(--mantine-spacing-sm)"},content:{height:P-10},body:{paddingTop:0,paddingBottom:0,height:"100%"}}},(0,l.createElement)(h.a.Header,{p:0},(0,l.createElement)(h.a.Title,null,(0,l.createElement)(j.h,{order:3,"data-autofocus":!0},"Settings")),(0,l.createElement)(h.a.CloseButton,null,(0,l.createElement)(V.M,{variant:"light",color:me.colors.gray[5],onClick:ue.close},(0,l.createElement)(ee.default,{stroke:1.5})))),(0,l.createElement)(u.a,{pos:"relative"},(0,l.createElement)(n.Suspense,{fallback:(0,l.createElement)(E.p,{visible:!0,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"sm"}})},(0,l.createElement)(ce,{setIsSupportPluginChange:t,handlesSettingsModal:ue,handlesThemesModal:Ee})))),(0,l.createElement)(h.a,{opened:ge,onClose:Ee.close,size:"100%",closeOnClickOutside:!1,withCloseButton:!1,styles:{inner:{paddingLeft:be?"var(--mantine-spacing-sm)":"45px",paddingRight:"var(--mantine-spacing-sm)"},content:{height:P-10},body:{paddingTop:0,paddingBottom:0}}},(0,l.createElement)(h.a.Header,{p:0},(0,l.createElement)(h.a.Title,null,(0,l.createElement)(j.h,{order:3,"data-autofocus":!0},"Themes")),(0,l.createElement)(h.a.CloseButton,null,(0,l.createElement)(V.M,{variant:"light",color:me.colors.gray[5],onClick:Ee.close},(0,l.createElement)(ee.default,{stroke:1.5})))),(0,l.createElement)(u.a,{pos:"relative"},(0,l.createElement)(n.Suspense,{fallback:(0,l.createElement)(E.p,{visible:!0,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"sm"}})},(0,l.createElement)(pe,{setThemeChange:r,isOnboarding:!1,slideHeight:"78vh"})))))};var de=a(384205),ue=a(805055),ge=a(257193),Ee=a(169329),he=a(20899),be=a(101573),ye=a(721136),fe=a(376480),we=a(653479),ve=a(809017),xe=a(140274),Ce=a(909543),ze=a(28788),Se=a(655813),_e=a(871369),Ae=a(883075),Pe=a(68110),ke=a(73776),Re=a(520923),je=a(772585),Le=a(349301),Te=a(643225);const Ie=a.p+"images/appza_logo.9ad6e144.png",$e=a.p+"images/appza-demo-play-store.de449fbe.png",Ne=a.p+"images/appza-demo-app-store.4556a85e.png",Be="lVUu4edfAwIuPcIYgpkG",De=({activeScreen:e,setActiveScreen:t,isThemeChange:a,isSupportPluginChange:r})=>{const{ref:s,toggle:p,fullscreen:E}=(0,re.H)(),[f,x]=(0,le.j)(!1),[C,S]=(0,n.useState)([]),[_,P]=(0,n.useState)({}),k=(0,o.xd)();return(0,n.useEffect)((()=>{E?(document.getElementById("adminmenumain").setAttribute("style","display: none"),document.getElementById("wpcontent").setAttribute("style","margin-left: 0px !important; padding-left: 0px !important")):(document.getElementById("adminmenumain").setAttribute("style","display: block"),document.getElementById("wpcontent").setAttribute("style","margin-left: 36px !important; padding-left: 0px !important"))}),[E]),(0,n.useEffect)((()=>{(0,T.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/pages`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`}}).then((e=>{S(e.data)})).catch((function(e){console.log(e)}))}),[a,r]),(0,n.useEffect)((()=>{(0,T.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-settings`,headers:{Accept:"application/json","Content-Type":"multipart/form-data","Access-Control-Allow-Origin":"*"}}).then((e=>{P(e.data)})).catch((function(e){console.log(e)})),window.appzaPremium&&window.appzaPremium.appBuild(k)}),[]),document.addEventListener("DOMContentLoaded",(function(){window.appzaPremium&&window.appzaPremium.appBuild(k)})),(0,l.createElement)(m.m,{fluid:!0,bg:"transparent",style:{borderBottom:"1px solid var(--mantine-color-gray-3)"}},(0,l.createElement)(d.x,{align:"center",py:5},(0,l.createElement)(d.x.Col,{span:"auto"},(0,l.createElement)(z._,{w:70,fit:"contain",src:Ie})),(0,l.createElement)(d.x.Col,{span:6},(0,l.createElement)(i.s,{justify:"center",align:"center",gap:"sm",w:"inherit"},(0,l.createElement)(c.E,{fw:700},"Screen"),(0,l.createElement)(Se.l,{size:"xs",label:"",checkIconPosition:"right",data:C?.map((e=>({label:e.name,value:e.slug}))),value:e,onChange:e=>t(e),placeholder:"Pages",maxDropdownHeight:250,allowDeselect:!1,styles:{input:{backgroundColor:"transparent",width:300,border:`1px solid ${k.primaryColor}`}}}))),(0,l.createElement)(d.x.Col,{span:"auto"},(0,l.createElement)(i.s,{justify:"flex-end",gap:"xs",wrap:"nowrap"},(0,l.createElement)(w.m,{label:"Preview app QR code",bg:`${k.primaryColor}.5`,c:"dark"},(0,l.createElement)(ue.$,{size:"xs",color:"#475177",onClick:x.open,leftSection:(0,l.createElement)(Ae.default,null)},"Preview")),(0,l.createElement)(u.a,{id:"appza-app-build"},(0,l.createElement)(_e.j,{width:320,shadow:"md",withArrow:!0,openDelay:200,closeDelay:400},(0,l.createElement)(_e.j.Target,null,(0,l.createElement)(ue.$,{size:"xs",onClick:()=>console.log("Upgrade to premium"),leftSection:(0,l.createElement)(Pe.default,null),variant:"outline"},"Build App")),(0,l.createElement)(_e.j.Dropdown,null,(0,l.createElement)(c.E,{size:"sm"},"Upgrade to premium to unlock more features and build your app ",(0,l.createElement)(A.M,{href:_?.appza_buy_premium_url,target:"_blank"},"Click here",(0,l.createElement)(ke.default,{size:12}))," buy premium.")))),(0,l.createElement)(w.m,{label:E?"Normal screen":"Full screen",bg:`${k.primaryColor}.5`,c:"dark"},(0,l.createElement)(ue.$,{size:"xs",onClick:p},E?(0,l.createElement)(Re.default,null):(0,l.createElement)(je.default,null))),(0,l.createElement)(w.m,{label:"Wordpress dashboard",bg:`${k.primaryColor}.5`,c:"dark"},(0,l.createElement)(ue.$,{component:"a",href:appLocalizer.homeUrl+"wp-admin",size:"xs",radius:"xl",bg:"gray.1",c:"gray.5",px:2},(0,l.createElement)(Le.default,null)))))),(0,l.createElement)(h.a,{opened:f,onClose:x.close,title:"",size:"75%",pos:"relative",centered:!0,closeOnClickOutside:!1,scrollAreaComponent:b.F.Autosize,withCloseButton:!1},(0,l.createElement)(h.a.Header,{p:0},(0,l.createElement)(h.a.Title,null,(0,l.createElement)(j.h,{order:3},"Preview on Mobile App")),(0,l.createElement)(h.a.CloseButton,null,(0,l.createElement)(V.M,{variant:"light",color:k.colors.gray[5],onClick:x.close},(0,l.createElement)(ee.default,{stroke:1.5})))),(0,l.createElement)(d.x,{justify:"center",align:"center",gutter:"sm",px:"md",py:60},(0,l.createElement)(d.x.Col,{span:6},(0,l.createElement)(v.t,{radius:"md",py:50,px:0,shadow:"sm",withBorder:!0},(0,l.createElement)(F.t,{defaultValue:"demo-app",variant:"pills",h:"100%"},(0,l.createElement)(F.t.List,{grow:!0,my:"xs",px:"xl",className:"bCNiT5V4dNGBpRLaS3KK"},(0,l.createElement)(F.t.Tab,{size:"xs",value:"demo-app",className:Be},(0,l.createElement)(c.E,{fw:700},"Demo App")),(0,l.createElement)(F.t.Tab,{size:"xs",value:"domain",className:Be},(0,l.createElement)(c.E,{fw:700},"Connect Site"))),(0,l.createElement)(F.t.Panel,{value:"demo-app",px:"xl"},(0,l.createElement)(d.x,{justify:"center",align:"center"},(0,l.createElement)(d.x.Col,{span:6},(0,l.createElement)(c.E,{pb:"sm",fw:500,ta:"center"},"Android"),(0,l.createElement)(g.o,null,(0,l.createElement)(u.a,{style:{border:"1px solid var(--mantine-color-gray-5)",borderRadius:k.radius.sm},p:40,bg:k.colors.gray[4]},(0,l.createElement)(u.a,{pos:"relative"},(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",top:-9,left:-9}}),(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",top:-9,right:-9,transform:"rotate(90deg)"}}),(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",bottom:-9,right:-9,transform:"rotate(180deg)"}}),(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",bottom:-9,left:-9,transform:"rotate(270deg)"}}),(0,l.createElement)(z._,{w:"100%",src:$e})))),(0,l.createElement)(c.E,{size:"xs",mt:"xs",ta:"center"},"Find ",(0,l.createElement)(c.E,{span:!0,fw:600},"Appza Demo App")," on Play Store")),(0,l.createElement)(d.x.Col,{span:"auto"},(0,l.createElement)(c.E,{pb:"sm",fw:500,ta:"center"},"iOS"),(0,l.createElement)(g.o,null,(0,l.createElement)(u.a,{style:{border:"1px solid var(--mantine-color-gray-5)",borderRadius:k.radius.sm},p:40,bg:k.colors.gray[4]},(0,l.createElement)(u.a,{pos:"relative"},(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",top:-9,left:-9}}),(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",top:-9,right:-9,transform:"rotate(90deg)"}}),(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",bottom:-9,right:-9,transform:"rotate(180deg)"}}),(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",bottom:-9,left:-9,transform:"rotate(270deg)"}}),(0,l.createElement)(z._,{w:"100%",src:Ne})))),(0,l.createElement)(c.E,{size:"xs",mt:"xs",ta:"center"},"Find ",(0,l.createElement)(c.E,{span:!0,fw:600},"Appza Demo App")," on App Store")))),(0,l.createElement)(F.t.Panel,{value:"domain",py:23},(0,l.createElement)(g.o,null,(0,l.createElement)(u.a,{style:{border:"1px solid var(--mantine-color-gray-5)",borderRadius:k.radius.sm},p:40,bg:k.colors.gray[4]},(0,l.createElement)(u.a,{pos:"relative"},(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",top:-9,left:-9}}),(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",top:-9,right:-9,transform:"rotate(90deg)"}}),(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",bottom:-9,right:-9,transform:"rotate(180deg)"}}),(0,l.createElement)(Te.default,{color:"#475177",style:{position:"absolute",bottom:-9,left:-9,transform:"rotate(270deg)"}}),(0,l.createElement)(z._,{w:"100%",fit:"contain",src:_?.media_urls?.preview_app_qrcode})))),(0,l.createElement)(c.E,{size:"xs",mt:"xs",ta:"center"},"Open ",(0,l.createElement)(c.E,{span:!0,fw:600},"Appza Demo App")," and scan to connect this site"))))),(0,l.createElement)(d.x.Col,{span:"auto"},(0,l.createElement)(v.t,{radius:"md",shadow:"sm",px:"md",py:50,withBorder:!0},(0,l.createElement)(j.h,{order:5,mb:"xs"},"How to get your app?"),(0,l.createElement)(y.g,{ratio:1.6,"data-autofocus":!0},(0,l.createElement)("iframe",{src:"https://www.youtube.com/embed/fPsk1PSH6iw?si=W6dhy-K7sdeH_0my",title:"Appza Guideline Video",style:{border:0},allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"})))))))};var Oe=a(658335),Ue=a(635816);const Fe=(0,n.lazy)((()=>Promise.all([a.e(599),a.e(356),a.e(722)]).then(a.bind(a,567722)))),He=(0,n.lazy)((()=>Promise.all([a.e(675),a.e(333)]).then(a.bind(a,254714)))),Ve=[{path:"/",element:()=>{const e=(0,o.xd)(),[t,a]=(0,n.useState)(null),[r,$]=(0,n.useState)(!1),[N,B]=(0,n.useState)(!1),[D,O]=(0,n.useState)(!1),[F,H]=(0,n.useState)(!1),[V,M]=(0,n.useState)(!1),[W,K]=(0,n.useState)("home-page"),[Y,q]=(0,n.useState)({}),{height:X,width:J}=(0,I.l)(),[Z,ee]=(0,n.useState)([]),[te,ae]=(0,le.j)(!1),[re,ne]=(0,le.j)(!1),[oe,se]=(0,n.useState)(0),[ie,ce]=(0,n.useState)(null),[pe,Se]=(0,n.useState)({}),[_e,Ae]=(0,n.useState)({}),[Pe,ke]=(0,n.useState)(!1),[Re,je]=(0,n.useState)(!1),[Le,Te]=(0,n.useState)(!1),[Ie,$e]=(0,n.useState)([]),[Ne,Be]=(0,le.j)(!1),[Ve,Ge]=(0,le.j)(!1),[Me,We]=(0,n.useState)(null),[Ke,Ye]=(0,n.useState)(null);(0,n.useEffect)((()=>{$(!!t)}),[t,W]),(0,n.useEffect)((()=>{$(!1)}),[W]),(0,n.useEffect)((()=>{r||a(null)}),[r]),(0,n.useEffect)((()=>{$(!1)}),[Le]),(0,n.useEffect)((()=>{(0,T.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-settings`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"}}).then((e=>{q(e.data),qe.setInitialValues({user_name:e.data.user_name,app_type:e.data.app_type,app_name:e.data.app_name,user_email:e.data.user_email,website_link:e.data.website_link}),qe.setValues({user_name:e.data.user_name,app_type:e.data.app_type,app_name:e.data.app_name,user_email:e.data.user_email,website_link:e.data.website_link}),We(e.data.media_urls.appza_app_splash_screen_image)})).catch((function(e){console.log(e)}))}),[]);const qe=(0,Ee.m)({initialValues:{app_type:"WooCommerce",user_name:"",user_email:"",website_link:""}});return(0,n.useEffect)((()=>{ae.open(),(0,T.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/themes`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"}}).then((e=>{ee(e.data),ae.close()})).catch((function(e){console.log(e)})),(0,T.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/active-theme`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"}}).then((e=>{Se(e.data)})).catch((function(e){console.log(e)}))}),[re]),(0,n.useEffect)((()=>{Ge.open(),(0,T.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/support-plugins`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`}}).then((e=>{$e(e.data),Ge.close()})).catch((function(e){console.log(e),Ge.close()}))}),[Ne]),(0,l.createElement)(l.Fragment,null,(0,l.createElement)(De,{activeScreen:W,setActiveScreen:K,isThemeChange:Re,isSupportPluginChange:Le}),(0,l.createElement)(m.m,{fluid:!0,px:0,pr:1,bg:"var(--mantine-color-gray-light)",h:X-47},(0,l.createElement)(d.x,{gutter:0,h:"inherit"},(0,l.createElement)(d.x.Col,{span:"auto",bg:"white"},(0,l.createElement)(u.a,{pt:"sm"},(0,l.createElement)(me,{isThemeChange:Re,setThemeChange:je,setRecentAddedComponentId:ce,activeScreen:W,setActiveScreen:K,reloadPageList:N,setReloadPageList:B,setShowRightSidebar:$,setSelectedLayout:a,recallAppbar:D,recallNavbar:F,recallDrawer:V,setRecallAppbar:O,setRecallNavbar:H,setRecallDrawer:M,selectedLayout:t,setIsSupportPluginChange:Te,isSupportPluginChange:Le}))),(0,l.createElement)(d.x.Col,{span:6},(0,l.createElement)(g.o,{maw:"100%",h:"93vh"},(0,l.createElement)(U,{isThemeChange:Re,recentAddedComponentId:ie,setSelectedLayout:a,setShowRightSidebar:$,recallAppbar:D,recallNavbar:F,activeScreen:W,reloadScreen:N,setReloadPageList:B,isSupportPluginChange:Le}))),(0,l.createElement)(d.x.Col,{span:3,pos:"relative"},(0,l.createElement)(n.Suspense,{fallback:(0,l.createElement)(E.p,{visible:!0,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"sm"}})},r&&(0,l.createElement)(Fe,{setRecallAppbar:O,setRecallNavbar:H,setRecallDrawer:M,setReloadPageList:B,layout:t,setShowRightSidebar:$}))))),(0,l.createElement)(h.a,{opened:Y?.basic_info_tour_guide_modal,onClose:()=>q({...Y,basic_info_tour_guide_modal:!1}),title:"",size:"75%",scrollAreaComponent:b.F.Autosize,withCloseButton:!1,closeOnClickOutside:!1},(0,l.createElement)(de.C,{active:oe,size:"xs",h:630,styles:{steps:{display:3===oe?"none":null}}},(0,l.createElement)(de.C.Step,{label:"Select App",description:""},(0,l.createElement)(d.x,{justify:"center",align:"center",gutter:"xl"},(0,l.createElement)(d.x.Col,{span:8},(0,l.createElement)(g.o,{mt:"md"},(0,l.createElement)(c.E,{fw:700,mb:"xs",c:"#192655"},"Appza Guideline Tutorial")),(0,l.createElement)(y.g,{ratio:1.6,"data-autofocus":!0},(0,l.createElement)("iframe",{src:"https://www.youtube.com/embed/fPsk1PSH6iw?si=W6dhy-K7sdeH_0my",title:"Appza Guideline Video",style:{border:0},allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"}))),(0,l.createElement)(d.x.Col,{span:"auto",p:"xl"},(0,l.createElement)(g.o,{mt:"md"},(0,l.createElement)(c.E,{fw:700,mb:"xs",c:"#192655"},"Select App")),(0,l.createElement)(u.a,{p:"lg",style:{borderRadius:"var(--mantine-radius-md)",boxShadow:"var(--mantine-shadow-md)",border:"1px solid var(--mantine-color-gray-1)"},pos:"relative"},(0,l.createElement)(f.B,{spacing:"xl"},(0,l.createElement)(E.p,{visible:Ve,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"sm"}}),0===Ie.length&&(0,l.createElement)(g.o,{h:300},(0,l.createElement)(ue.$,{variant:"outline",size:"xs",onClick:()=>Be.toggle(),leftSection:(0,l.createElement)(Q.default,null)},"Reload")),0!==Ie.length&&Ie?.map(((t,a)=>(0,l.createElement)(w.m,{disabled:!Ue.K.includes(t.slug),color:"white",label:(0,l.createElement)(v.t,{withBorder:!0,p:"xs",radius:"md"},(0,l.createElement)(i.s,{align:"center",gap:"xs"},(0,l.createElement)(x.L,{radius:"xl",variant:"gradient",gradient:{from:"indigo",to:"violet",deg:173},p:4},(0,l.createElement)(ye.default,{style:{transform:"rotate(-25deg)"}})),(0,l.createElement)(u.a,null,(0,l.createElement)(c.E,{c:e.colors.dark[9],fw:500},"Upcoming"),(0,l.createElement)(c.E,{c:"dimmed"},"This feature is coming soon!")))),styles:{tooltip:{padding:0}}},(0,l.createElement)(f.B.Item,{pos:"relative"},(0,l.createElement)(E.p,{visible:_e[t.slug]||!1,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}}),(0,l.createElement)(C.d,{key:t.slug,checked:Y?.extensions?.includes(t.slug)||"wordpress"===t.slug,onChange:a=>{return"wordpress"!==t.slug&&(r=a.target.checked,n=t.slug,void Oe.jQ.openConfirmModal({title:"",centered:!0,children:(0,l.createElement)(i.s,{justify:"center",align:"center",gap:"sm",w:"100%",direction:"column"},(0,l.createElement)(G.Y,{gap:"xs"},(0,l.createElement)(be.default,{color:e.primaryColor}),(0,l.createElement)(c.E,{size:"sm",fw:600},"Confirmation!")),(0,l.createElement)(p.c,{size:"xs",w:"100%"}),(0,l.createElement)(c.E,{size:"sm",c:"#4D4D4D",ta:"center",my:30},"Are You Sure! After changing theme will be removed.")),labels:{cancel:"No, Keep It.",confirm:"Yes, Proceed!"},confirmProps:{bg:e.primaryColor,c:"#ffffff",style:{borderColor:e.primaryColor}},cancelProps:{bg:"var(--mantine-color-gray-2)",c:"#202020"},withCloseButton:!1,groupProps:{justify:"center"},overlayProps:{blur:1},closeOnClickOutside:!1,modalProps:{body:{padding:0}},onCancel:()=>console.log("Cancel"),onConfirm:()=>{Ae({..._e,[n]:!0}),(0,T.A)({method:"put",url:`${appLocalizer.apiUrl}/appza/web/api/v1/config/extensions`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:{[n]:r}}).then((e=>{q(e.data.data),Ae({}),ne.toggle(),Te((e=>!e))})).catch((function(e){console.log(e),Ae({}),Ce.$e.show({color:"var(--mantine-color-red-9)",title:e.response.data.message,icon:(0,l.createElement)(be.default,{style:{width:(0,s.D)(18),height:(0,s.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0})}))}}));var r,n},size:"xs",label:(0,l.createElement)(i.s,{justify:"flex-start",align:"center",gap:6},(0,l.createElement)(g.o,{bg:"gray.2",h:36,w:36,p:5,style:{borderRadius:"var(--mantine-radius-sm)"}},(0,l.createElement)(z._,{fit:"contain",src:t.image})),(0,l.createElement)(c.E,{size:"sm",fw:600},t.name)),radius:"sm",styles:{body:{alignItems:"center"}},disabled:Ue.K.includes(t.slug)})))))))))),(0,l.createElement)(de.C.Step,{label:"Theme Activation",description:"",pos:"relative"},(0,l.createElement)(n.Suspense,{fallback:(0,l.createElement)(E.p,{visible:!0,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"sm"}})},(0,l.createElement)(He,{setThemeChange:je,slideHeight:"61vh"}))),(0,l.createElement)(de.C.Step,{label:"Basic Settings",description:""},(0,l.createElement)(d.x,{gutter:50,h:"inherit",justify:"center",mx:100},(0,l.createElement)(d.x.Col,{span:8,pl:50},(0,l.createElement)(v.t,{radius:"md",shadow:"md",h:"100%",p:50,withBorder:!0},(0,l.createElement)(ge.k,{label:"Name",placeholder:"Enter your full name",mb:"lg",styles:{label:{color:"var(--mantine-color-dark-5)"}},...qe.getInputProps("user_name")}),(0,l.createElement)(ge.k,{label:"Email",placeholder:"example@gmail.com",mb:"lg",styles:{label:{color:"var(--mantine-color-dark-5)"}},...qe.getInputProps("user_email")}),(0,l.createElement)(ge.k,{label:"Website link",placeholder:"www.yoursite.com",mb:"lg",styles:{label:{color:"var(--mantine-color-dark-5)"}},...qe.getInputProps("website_link")}),(0,l.createElement)(ge.k,{label:"App name",placeholder:"Appza",mb:"lg",styles:{label:{color:"var(--mantine-color-dark-5)"}},...qe.getInputProps("app_name")}),(0,l.createElement)(u.a,{mt:"xs"},(0,l.createElement)(i.s,{align:"center",gap:5},(0,l.createElement)(c.E,{size:"sm",c:e.colors.gray[8]},"Upload logo"),(0,l.createElement)(w.m,{multiline:!0,w:250,color:e.primaryColor,withArrow:!0,transitionProps:{duration:200},label:"Upload your Android app logo. This logo will appear on the Google Play Store and represent your app. Recommended size: 512x512 pixels. File type: PNG (with a transparent background)"},(0,l.createElement)(fe.default,{color:e.colors.gray[5],size:16}))),(0,l.createElement)(S.H,{disabled:!1===Y?.appza_is_premium,onChange:e=>{qe.setValues({appza_app_logo:e}),Ye(URL.createObjectURL(e))},accept:"image/png"},(t=>(0,l.createElement)(ue.$,{...t,fullWidth:!0,p:0,color:e.colors.gray[7],variant:"outline",justify:"flex-start",leftSection:(0,l.createElement)(u.a,{bg:e.colors.gray[2],w:120,p:"xs"},(0,l.createElement)(c.E,{c:"#475177",fw:500,size:"sm"},"Choose File")),style:{border:`1px solid ${e.colors.gray[4]}`}},qe.values.appza_app_logo?(0,l.createElement)(i.s,{align:"center",gap:5},(0,l.createElement)(we.default,{size:16})," ",(0,l.createElement)(c.E,{fw:400,size:"sm"},qe.values.appza_app_logo.name)):(0,l.createElement)(c.E,{fw:400,size:"sm"},"No file chosen")))),(0,l.createElement)(c.E,{size:"xs",c:"dimmed"},"Recommended size: 512x512 pixels, File type: PNG (with a transparent background)")),(0,l.createElement)(u.a,{mt:"xs"},(0,l.createElement)(i.s,{align:"center",gap:5},(0,l.createElement)(c.E,{size:"sm",c:e.colors.gray[8]},"Upload splash screen"),(0,l.createElement)(w.m,{multiline:!0,w:250,color:e.primaryColor,withArrow:!0,transitionProps:{duration:200},label:"Upload your Android app splash screen. This screen appears when your app is launched. Recommended size: 1920x1920 pixels. File type: PNG (with a transparent background)"},(0,l.createElement)(fe.default,{color:e.colors.gray[5],size:16}))),(0,l.createElement)(S.H,{disabled:!1===Y?.appza_is_premium,onChange:e=>{qe.setValues({appza_app_splash_screen_image:e}),We(URL.createObjectURL(e))},accept:"image/png"},(t=>(0,l.createElement)(ue.$,{...t,fullWidth:!0,p:0,color:e.colors.gray[7],variant:"outline",justify:"flex-start",leftSection:(0,l.createElement)(u.a,{bg:e.colors.gray[2],w:120,p:"xs"},(0,l.createElement)(c.E,{c:"#475177",fw:500,size:"sm"},"Choose File")),style:{border:`1px solid ${e.colors.gray[4]}`}},qe.values.appza_app_splash_screen_image?(0,l.createElement)(i.s,{align:"center",gap:5},(0,l.createElement)(we.default,{size:16})," ",(0,l.createElement)(c.E,{fw:400,size:"sm"},qe.values.appza_app_splash_screen_image.name)):(0,l.createElement)(c.E,{fw:400,size:"sm"},"No file chosen")))),(0,l.createElement)(c.E,{size:"xs",c:"dimmed"},"Recommended size: 1920x1920 pixels File type: PNG (with a transparent background)")))),(0,l.createElement)(d.x.Col,{span:"auto"},(0,l.createElement)(v.t,{radius:"md",withBorder:!0,pos:"relative"},!1===Y?.appza_is_premium&&(0,l.createElement)(_.h,{backgroundOpacity:.05,blur:3,radius:"md"},(0,l.createElement)(i.s,{justify:"center",align:"center",mih:"100%",direction:"column"},(0,l.createElement)(c.E,{c:e.primaryColor,lineClamp:2,ta:"center",fw:700},"Required Premium Addon!"),(0,l.createElement)(A.M,{href:"http://lazycoders.co/appza",target:"_blank"},(0,l.createElement)(ue.$,null,"Get Premimum")))),(0,l.createElement)(P.o,{h:579,radius:"md",src:Me,position:"center",size:"contain",repeat:"no-repeat"},(0,l.createElement)(i.s,{direction:"column",justify:"space-between",align:"center",p:"xs",h:"100%"},(0,l.createElement)(k.E,{w:"25%",p:0,color:e.colors.dark[8],size:"sm",rightSection:(0,l.createElement)(ve.default,{color:e.colors.gray[7]}),styles:{section:{padding:0}}}),(0,l.createElement)(i.s,{direction:"column",justify:"center",align:"center",gap:"xs"},Y?.media_urls?.appza_app_logo?.length>0&&!qe.values.appza_app_logo&&(0,l.createElement)(z._,{fit:"contain",w:200,h:100,src:Y?.media_urls?.appza_app_logo}),qe.values.appza_app_logo&&(0,l.createElement)(z._,{fit:"cover",w:"80%",h:100,src:Ke}),(0,l.createElement)(c.E,{fw:600,lineClamp:1,py:2,px:"xs",bg:"white",styles:{root:{borderRadius:e.radius.lg}}},Y?.app_name)),(0,l.createElement)(v.t,{h:4,bg:e.colors.gray[7],w:"30%",radius:"xl"}))))))),(0,l.createElement)(de.C.Completed,null,(0,l.createElement)(ze.A,{height:730,width:J}),(0,l.createElement)(v.t,{radius:"md",p:"xl",mih:650},(0,l.createElement)(g.o,{h:550},(0,l.createElement)(R.B,{justify:"center",align:"center"},(0,l.createElement)(x.L,{radius:"xl",size:"xl",color:"#475177"},(0,l.createElement)(he.default,{style:{width:(0,s.D)(24),height:(0,s.D)(24)}})),(0,l.createElement)(j.h,{order:3,style:{color:"#192655"}},"Thank you for joining us!"),(0,l.createElement)(c.E,{size:"md",c:"#192655"},"Your journey with Appza begins now."),(0,l.createElement)(ue.$,{rightSection:(0,l.createElement)(xe.default,null),onClick:()=>q({...Y,basic_info_tour_guide_modal:!1})},"Start building your app now")))))),(0,l.createElement)(G.Y,{justify:"flex-end",mt:"xl"},3!==oe&&(0,l.createElement)(ue.$,{variant:"outline",onClick:()=>q({...Y,basic_info_tour_guide_modal:!1})},"Skip"),0!==oe&&3!==oe&&(0,l.createElement)(ue.$,{variant:"default",onClick:()=>se((e=>e>0?e-1:e))}," Back"),oe<2&&(0,l.createElement)(ue.$,{onClick:()=>se((e=>qe.validate().hasErrors?e:e<3?e+1:e)),disabled:Object.keys(_e).length>0},"Next"),2===oe&&(0,l.createElement)(ue.$,{onClick:()=>{ke(!0),(0,T.A)({method:"post",url:`${appLocalizer.apiUrl}/appza/web/api/v1/store-basic-info`,headers:{Accept:"application/json","Content-Type":"multipart/form-data","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:qe.values}).then((t=>{Ce.$e.show({color:e.primaryColor,title:t.data.message,icon:(0,l.createElement)(he.default,{style:{width:(0,s.D)(18),height:(0,s.D)(18)}}),autoClose:5e3}),se(3),ke(!1)})).catch((function(e){console.log(e)}))},disabled:Pe,leftSection:Pe?(0,l.createElement)(L.a,{size:"xs",type:"dots"}):""},"Save"))))}}],Ge=()=>(0,l.createElement)(r.BV,null,Ve?.map(((e,t)=>(0,l.createElement)(r.qh,{key:t,path:e.path,element:(0,l.createElement)(e.element,null)}))))},635816:(e,t,a)=>{a.d(t,{B:()=>l,K:()=>r});const l=["product-details-page","profile-page","product-page","post-details-page","course-details","course-details-page","quiz-landing-page","quiz-details-page","quiz-results-page","assignment-page","lesson-video-player-page","gradebook-page","login-page","wp-post-details"],r=["fluent-community","tutor-lms","lazy-tasks","learn-dash","lifter-lms"]}}]);

  • appza-builder/trunk/admin/frontend/build/333.js

    r3296359 r3298544  
    1 "use strict";(globalThis.webpackChunkfrontend=globalThis.webpackChunkfrontend||[]).push([[333],{254714:(e,t,a)=>{a.r(t),a.d(t,{default:()=>te});var l=a(951609),o=a(801101),r=a(311507),s=a(495362),n=a(141670),i=a(805055),c=a(771083),d=a(986087),p=a(518649),m=a(913489),u=a(982898),h=a(794483),g=a(288149),v=a(40054),E=a(864999),C=a(917826),y=a(363403),f=a(318321),w=a(322662),b=a(474848),z=a(656324),x=a(759396),k=a(746100),P=a(652837),A=a(402412),j=a(580355),$=a(97986);const[D,S]=(0,$.e)(),[N,T]=(0,$.e)();var F={root:"m_7cda1cd6","root--default":"m_44da308b","root--contrast":"m_e3a01f8",label:"m_1e0e6180",remove:"m_ae386778",group:"m_1dcfd90b"};const O={},B=(0,x.V)(((e,{gap:t},{size:a})=>({group:{"--pg-gap":void 0!==t?(0,z.YC)(t):(0,z.YC)(a,"pg-gap")}}))),_=(0,A.P9)(((e,t)=>{const a=(0,k.Y)("PillGroup",O,e),{classNames:l,className:o,style:s,styles:n,unstyled:i,vars:c,size:d,disabled:p,...m}=a,u=S(),h=u?.size||d||void 0,g=(0,P.I)({name:"PillGroup",classes:F,props:a,className:o,style:s,classNames:l,styles:n,unstyled:i,vars:c,varsResolver:B,stylesCtx:{size:h},rootSelector:"group"});return(0,b.jsx)(N,{value:{size:h,disabled:p},children:(0,b.jsx)(r.a,{ref:t,size:h,...g("group"),...m})})}));_.classes=F,_.displayName="@mantine/core/PillGroup";const R={variant:"default"},Y=(0,x.V)(((e,{radius:t},{size:a})=>({root:{"--pill-fz":(0,z.YC)(a,"pill-fz"),"--pill-height":(0,z.YC)(a,"pill-height"),"--pill-radius":void 0===t?void 0:(0,z.nJ)(t)}}))),G=(0,A.P9)(((e,t)=>{const a=(0,k.Y)("Pill",R,e),{classNames:l,className:o,style:s,styles:n,unstyled:i,vars:c,variant:d,children:p,withRemoveButton:m,onRemove:u,removeButtonProps:h,radius:g,size:v,disabled:E,mod:C,...y}=a,f=T(),w=S(),z=v||f?.size||void 0,x="filled"===w?.variant?"contrast":d||"default",A=(0,P.I)({name:"Pill",classes:F,props:a,className:o,style:s,classNames:l,styles:n,unstyled:i,vars:c,varsResolver:Y,stylesCtx:{size:z}});return(0,b.jsxs)(r.a,{component:"span",ref:t,variant:x,size:z,...A("root",{variant:x}),mod:[{"with-remove":m&&!E,disabled:E||f?.disabled},C],...y,children:[(0,b.jsx)("span",{...A("label"),children:p}),m&&(0,b.jsx)(j.J,{variant:"transparent",radius:g,tabIndex:-1,"aria-hidden":!0,unstyled:i,...h,...A("remove",{className:h?.className,style:h?.style}),onMouseDown:e=>{e.preventDefault(),e.stopPropagation(),h?.onMouseDown?.(e)},onClick:e=>{e.stopPropagation(),u?.(),h?.onClick?.(e)}})]})}));G.classes=F,G.displayName="@mantine/core/Pill",G.Group=_;var L=a(924952),I=a(531365),M=a(589652),H=a(148324),U=a(531074),J=a(150417),V=a(909543),W=a(20899),X=a(101573),K=a(879208),Q=a(764238),q=a(658335);const Z=({themeData:e,slideHeight:t,setThemeChange:a,isOnboarding:r,activeTheme:s,setActiveTheme:p})=>{const{hovered:u,ref:b}=(0,J.M)(),[z,x]=(0,d.useState)(!1),[k,{open:P,close:A}]=(0,m.j)(!1),j=(0,o.xd)();return(0,l.createElement)(l.Fragment,null,(0,l.createElement)(h.F.Slide,null,(0,l.createElement)(f.o,{ref:b,src:e?.image_url,pos:"relative",h:t,radius:"md",style:{backgroundRepeat:"no-repeat",backgroundSize:"contain",border:`1px solid ${j.colors.gray[2]}`}},u&&s?.slug!==e?.slug&&(0,l.createElement)(w.h,{radius:"md"},(0,l.createElement)(n.o,null,(0,l.createElement)(G,{mt:"xl"},e?.name)),(0,l.createElement)(v.s,{align:"center",justify:"center",gap:"md",mih:"80%"},(0,l.createElement)(i.$,{leftSection:(0,l.createElement)(K.default,{color:j.colors.dark[9],stroke:1}),onClick:P,disabled:z,size:"xs",color:"#FFF4E6"},(0,l.createElement)(C.E,{c:j.colors.dark[9],fw:500},"Preview")),(0,l.createElement)(i.$,{size:"xs",disabled:z,leftSection:z&&(0,l.createElement)(L.a,{size:"xs",type:"dots"}),onClick:()=>(e=>{x(!0);const t=V.$e.show({color:j.primaryColor+".2",loading:!0,title:"Applying...",autoClose:!1,withCloseButton:!1});(0,c.A)({method:"post",url:`${appLocalizer.apiUrl}/appza/web/api/v1/active-theme`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:{slug:e}}).then((e=>{V.$e.update({id:t,color:j.primaryColor,title:"Applied!",icon:(0,l.createElement)(W.default,{style:{width:(0,g.D)(18),height:(0,g.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),x(!1),p(e.data.theme),a((e=>!e))})).catch((function(e){console.log(e),V.$e.update({id:t,color:"var(--mantine-color-red-9)",title:e.response.data.message,icon:(0,l.createElement)(X.default,{style:{width:(0,g.D)(18),height:(0,g.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0})}))})(e.slug)},(0,l.createElement)(C.E,{c:"white"},"Active")))),s?.slug===e?.slug&&(0,l.createElement)(w.h,{radius:"md"},(0,l.createElement)(n.o,null,(0,l.createElement)(G,{mt:"xl"},e?.name)),(0,l.createElement)(v.s,{align:"center",justify:"center",gap:"md",mih:"80%",wrap:"wrap"},(0,l.createElement)(i.$,{leftSection:(0,l.createElement)(K.default,{color:j.colors.dark[9],stroke:1}),onClick:P,size:"xs",color:"#FFF4E6"},(0,l.createElement)(C.E,{c:j.colors.dark[9],fw:500},"Preview")),(0,l.createElement)(i.$,{size:"xs",disabled:!0},(0,l.createElement)(C.E,{c:j.colors.dark[9]},"Activated")),!r&&(0,l.createElement)(i.$,{w:"30%",variant:"outline",size:"xs",disabled:z,leftSection:z&&(0,l.createElement)(L.a,{size:"xs",type:"dots"}),onClick:()=>{return t=e.slug,void q.jQ.openConfirmModal({title:"",centered:!0,children:(0,l.createElement)(v.s,{justify:"center",align:"center",gap:"sm",w:"100%",direction:"column"},(0,l.createElement)(E.Y,{gap:"xs"},(0,l.createElement)(X.default,{color:j.primaryColor}),(0,l.createElement)(C.E,{size:"sm",fw:600},"Reset Theme")),(0,l.createElement)(y.c,{size:"xs",w:"100%"}),(0,l.createElement)(C.E,{size:"sm",c:"#4D4D4D",ta:"center",my:30},"Are You Sure! After reset your customization will be removed for this theme.")),labels:{cancel:"No, Keep It.",confirm:"Yes, Delete !"},cancelProps:{bg:j.primaryColor,c:"#ffffff",style:{borderColor:j.primaryColor}},confirmProps:{bg:"var(--mantine-color-gray-2)",c:"#202020"},withCloseButton:!1,groupProps:{justify:"center"},overlayProps:{blur:1},closeOnClickOutside:!1,modalProps:{body:{padding:0}},onCancel:()=>console.log("Cancel"),onConfirm:()=>{x(!0);const e=V.$e.show({color:j.primaryColor+".2",loading:!0,title:"Processing...",autoClose:!1,withCloseButton:!1});(0,c.A)({method:"put",url:`${appLocalizer.apiUrl}/appza/web/api/v1/themes`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:{slug:t}}).then((t=>{V.$e.update({id:e,color:j.primaryColor,title:"Restored!",icon:(0,l.createElement)(W.default,{style:{width:(0,g.D)(18),height:(0,g.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),x(!1),p(t.data.theme),a((e=>!e))})).catch((function(t){console.log(t),V.$e.update({id:e,color:"var(--mantine-color-red-9)",title:t.response.data.message,icon:(0,l.createElement)(X.default,{style:{width:(0,g.D)(18),height:(0,g.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),x(!1)}))}});var t}},(0,l.createElement)(C.E,{c:"white"},"Reset")))))),(0,l.createElement)(I.a,{opened:k,onClose:A,title:"",centered:!0,size:"50%",closeOnClickOutside:!1,withCloseButton:!1},(0,l.createElement)(I.a.Header,{p:0},(0,l.createElement)(I.a.Title,null,(0,l.createElement)(M.h,{order:4,"data-autofocus":!0},e.name," Preview")),(0,l.createElement)(I.a.CloseButton,null,(0,l.createElement)(H.M,{variant:"light",color:j.colors.gray[5],onClick:A},(0,l.createElement)(Q.default,{stroke:1.5})))),0===e.pages_preview.length&&(0,l.createElement)(n.o,null,(0,l.createElement)(C.E,{bg:j.primaryColor+".0",p:"xs"},"No preview available")),e.pages_preview.length>0&&(0,l.createElement)(h.F,{slideSize:"33.333333%",slideGap:"xs",align:"start",height:"100%",styles:{control:{backgroundColor:j.primaryColor,color:"var(--mantine-color-black)"}}},e?.pages_preview?.map(((e,t)=>(0,l.createElement)(h.F.Slide,{key:t},(0,l.createElement)(U._,{fit:"contain",src:e,style:{boxShadow:"0px 0px 10px 0px var(--mantine-color-gray-4)"}})))))))};Z.defaultProps={isOnboarding:!0};const ee=Z,te=({setThemeChange:e,isOnboarding:t,slideHeight:a})=>{const{height:g,width:v}=(0,p.l)(),E=(0,o.xd)(),[C,y]=(0,d.useState)([]),[f,w]=(0,m.j)(!1),[b,z]=(0,m.j)(!1),[x,k]=(0,d.useState)({});return(0,d.useEffect)((()=>{w.open(),(0,c.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/themes`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"}}).then((e=>{y(e.data),w.close()})).catch((function(e){console.log(e)})),(0,c.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/active-theme`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"}}).then((e=>{k(e.data)})).catch((function(e){console.log(e)}))}),[b]),(0,l.createElement)(l.Fragment,null,(0,l.createElement)(r.a,{pos:"relative"},(0,l.createElement)(s.p,{visible:f,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}}),0===C.length&&(0,l.createElement)(n.o,{h:a},(0,l.createElement)(i.$,{variant:"outline",size:"xs",onClick:()=>{z.toggle()},leftSection:(0,l.createElement)(u.default,null)},"Reload")),0!==C.length&&(0,l.createElement)(h.F,{slideSize:"25%",slideGap:"sm",align:"start",controlSize:40,styles:{root:{},viewport:{},container:{},control:{backgroundColor:E.primaryColor,color:"var(--mantine-color-black)"}}},C?.map(((o,r)=>(0,l.createElement)(ee,{key:r,slideHeight:a,themeData:o,setThemeChange:e,isOnboarding:t,activeTheme:x,setActiveTheme:k}))))))}}}]);
     1"use strict";(globalThis.webpackChunkfrontend=globalThis.webpackChunkfrontend||[]).push([[333],{254714:(e,t,a)=>{a.r(t),a.d(t,{default:()=>te});var l=a(951609),o=a(801101),r=a(311507),s=a(495362),n=a(141670),i=a(805055),c=a(771083),d=a(986087),p=a(518649),m=a(913489),u=a(982898),h=a(794483),g=a(288149),v=a(40054),E=a(864999),C=a(917826),y=a(363403),f=a(318321),w=a(322662),b=a(474848),z=a(656324),x=a(759396),k=a(746100),P=a(652837),A=a(402412),j=a(580355),$=a(97986);const[D,S]=(0,$.e)(),[N,T]=(0,$.e)();var F={root:"m_7cda1cd6","root--default":"m_44da308b","root--contrast":"m_e3a01f8",label:"m_1e0e6180",remove:"m_ae386778",group:"m_1dcfd90b"};const O={},B=(0,x.V)(((e,{gap:t},{size:a})=>({group:{"--pg-gap":void 0!==t?(0,z.YC)(t):(0,z.YC)(a,"pg-gap")}}))),_=(0,A.P9)(((e,t)=>{const a=(0,k.Y)("PillGroup",O,e),{classNames:l,className:o,style:s,styles:n,unstyled:i,vars:c,size:d,disabled:p,...m}=a,u=S(),h=u?.size||d||void 0,g=(0,P.I)({name:"PillGroup",classes:F,props:a,className:o,style:s,classNames:l,styles:n,unstyled:i,vars:c,varsResolver:B,stylesCtx:{size:h},rootSelector:"group"});return(0,b.jsx)(N,{value:{size:h,disabled:p},children:(0,b.jsx)(r.a,{ref:t,size:h,...g("group"),...m})})}));_.classes=F,_.displayName="@mantine/core/PillGroup";const R={variant:"default"},Y=(0,x.V)(((e,{radius:t},{size:a})=>({root:{"--pill-fz":(0,z.YC)(a,"pill-fz"),"--pill-height":(0,z.YC)(a,"pill-height"),"--pill-radius":void 0===t?void 0:(0,z.nJ)(t)}}))),G=(0,A.P9)(((e,t)=>{const a=(0,k.Y)("Pill",R,e),{classNames:l,className:o,style:s,styles:n,unstyled:i,vars:c,variant:d,children:p,withRemoveButton:m,onRemove:u,removeButtonProps:h,radius:g,size:v,disabled:E,mod:C,...y}=a,f=T(),w=S(),z=v||f?.size||void 0,x="filled"===w?.variant?"contrast":d||"default",A=(0,P.I)({name:"Pill",classes:F,props:a,className:o,style:s,classNames:l,styles:n,unstyled:i,vars:c,varsResolver:Y,stylesCtx:{size:z}});return(0,b.jsxs)(r.a,{component:"span",ref:t,variant:x,size:z,...A("root",{variant:x}),mod:[{"with-remove":m&&!E,disabled:E||f?.disabled},C],...y,children:[(0,b.jsx)("span",{...A("label"),children:p}),m&&(0,b.jsx)(j.J,{variant:"transparent",radius:g,tabIndex:-1,"aria-hidden":!0,unstyled:i,...h,...A("remove",{className:h?.className,style:h?.style}),onMouseDown:e=>{e.preventDefault(),e.stopPropagation(),h?.onMouseDown?.(e)},onClick:e=>{e.stopPropagation(),u?.(),h?.onClick?.(e)}})]})}));G.classes=F,G.displayName="@mantine/core/Pill",G.Group=_;var L=a(924952),I=a(531365),M=a(589652),H=a(148324),U=a(531074),J=a(150417),V=a(909543),W=a(20899),X=a(101573),K=a(879208),Q=a(764238),q=a(658335);const Z=({themeData:e,slideHeight:t,setThemeChange:a,isOnboarding:r,activeTheme:s,setActiveTheme:p})=>{const{hovered:u,ref:b}=(0,J.M)(),[z,x]=(0,d.useState)(!1),[k,{open:P,close:A}]=(0,m.j)(!1),j=(0,o.xd)();return(0,l.createElement)(l.Fragment,null,(0,l.createElement)(h.F.Slide,null,(0,l.createElement)(f.o,{ref:b,src:e?.image_url,pos:"relative",h:t,radius:"md",style:{backgroundRepeat:"no-repeat",backgroundSize:"contain",border:`1px solid ${j.colors.gray[2]}`}},u&&s?.slug!==e?.slug&&(0,l.createElement)(w.h,{radius:"md"},(0,l.createElement)(n.o,null,(0,l.createElement)(G,{mt:"xl"},e?.name)),(0,l.createElement)(v.s,{align:"center",justify:"center",gap:"md",mih:"80%"},(0,l.createElement)(i.$,{leftSection:(0,l.createElement)(K.default,{color:j.colors.dark[9],stroke:1}),onClick:P,disabled:z,size:"xs",color:"#FFF4E6"},(0,l.createElement)(C.E,{c:j.colors.dark[9],fw:500},"Preview")),(0,l.createElement)(i.$,{size:"xs",disabled:z,leftSection:z&&(0,l.createElement)(L.a,{size:"xs",type:"dots"}),onClick:()=>(e=>{x(!0);const t=V.$e.show({color:j.primaryColor+".2",loading:!0,title:"Applying...",autoClose:!1,withCloseButton:!1});(0,c.A)({method:"post",url:`${appLocalizer.apiUrl}/appza/web/api/v1/active-theme`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:{slug:e}}).then((e=>{V.$e.update({id:t,color:j.primaryColor,title:"Applied!",icon:(0,l.createElement)(W.default,{style:{width:(0,g.D)(18),height:(0,g.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),x(!1),p(e.data.theme),a((e=>!e))})).catch((function(e){console.log(e),V.$e.update({id:t,color:"var(--mantine-color-red-9)",title:e.response.data.message,icon:(0,l.createElement)(X.default,{style:{width:(0,g.D)(18),height:(0,g.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0})}))})(e.slug)},(0,l.createElement)(C.E,{c:"white"},"Active")))),s?.slug===e?.slug&&(0,l.createElement)(w.h,{radius:"md"},(0,l.createElement)(n.o,null,(0,l.createElement)(G,{mt:"xl"},e?.name)),(0,l.createElement)(v.s,{align:"center",justify:"center",gap:"md",mih:"80%",wrap:"wrap"},(0,l.createElement)(i.$,{leftSection:(0,l.createElement)(K.default,{color:j.colors.dark[9],stroke:1}),onClick:P,size:"xs",color:"#FFF4E6"},(0,l.createElement)(C.E,{c:j.colors.dark[9],fw:500},"Preview")),(0,l.createElement)(i.$,{size:"xs",disabled:!0},(0,l.createElement)(C.E,{c:j.colors.dark[9]},"Activated")),!r&&(0,l.createElement)(i.$,{w:"30%",variant:"outline",size:"xs",disabled:z,leftSection:z&&(0,l.createElement)(L.a,{size:"xs",type:"dots"}),onClick:()=>{return t=e.slug,void q.jQ.openConfirmModal({title:"",centered:!0,children:(0,l.createElement)(v.s,{justify:"center",align:"center",gap:"sm",w:"100%",direction:"column"},(0,l.createElement)(E.Y,{gap:"xs"},(0,l.createElement)(X.default,{color:j.primaryColor}),(0,l.createElement)(C.E,{size:"sm",fw:600},"Reset Theme")),(0,l.createElement)(y.c,{size:"xs",w:"100%"}),(0,l.createElement)(C.E,{size:"sm",c:"#4D4D4D",ta:"center",my:30},"Are You Sure! After reset your customization will be removed for this theme.")),labels:{cancel:"No, Keep It.",confirm:"Yes, Delete !"},cancelProps:{bg:j.primaryColor,c:"#ffffff",style:{borderColor:j.primaryColor}},confirmProps:{bg:"var(--mantine-color-gray-2)",c:"#202020"},withCloseButton:!1,groupProps:{justify:"center"},overlayProps:{blur:1},closeOnClickOutside:!1,modalProps:{body:{padding:0}},onCancel:()=>console.log("Cancel"),onConfirm:()=>{x(!0);const e=V.$e.show({color:j.primaryColor+".2",loading:!0,title:"Processing...",autoClose:!1,withCloseButton:!1});(0,c.A)({method:"put",url:`${appLocalizer.apiUrl}/appza/web/api/v1/themes`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:{slug:t}}).then((t=>{V.$e.update({id:e,color:j.primaryColor,title:"Restored!",icon:(0,l.createElement)(W.default,{style:{width:(0,g.D)(18),height:(0,g.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),x(!1),p(t.data.theme),a((e=>!e))})).catch((function(t){console.log(t),V.$e.update({id:e,color:"var(--mantine-color-red-9)",title:t.response.data.message,icon:(0,l.createElement)(X.default,{style:{width:(0,g.D)(18),height:(0,g.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),x(!1)}))}});var t}},(0,l.createElement)(C.E,{c:"white"},"Reset")))))),(0,l.createElement)(I.a,{opened:k,onClose:A,title:"",centered:!0,size:"50%",closeOnClickOutside:!1,withCloseButton:!1},(0,l.createElement)(I.a.Header,{p:0},(0,l.createElement)(I.a.Title,null,(0,l.createElement)(M.h,{order:4,"data-autofocus":!0},e.name," Preview")),(0,l.createElement)(I.a.CloseButton,null,(0,l.createElement)(H.M,{variant:"light",color:j.colors.gray[5],onClick:A},(0,l.createElement)(Q.default,{stroke:1.5})))),0===e.pages_preview.length&&(0,l.createElement)(n.o,null,(0,l.createElement)(C.E,{bg:j.primaryColor+".0",p:"xs"},"No preview available")),e.pages_preview.length>0&&(0,l.createElement)(h.F,{slideSize:"33.333333%",slideGap:"xs",align:"start",height:"100%",styles:{control:{backgroundColor:j.primaryColor,color:"var(--mantine-color-black)"}}},e?.pages_preview?.map(((e,t)=>(0,l.createElement)(h.F.Slide,{key:t},(0,l.createElement)(U._,{fit:"contain",src:e,style:{boxShadow:"0px 0px 10px 0px var(--mantine-color-gray-4)"}})))))))};Z.defaultProps={isOnboarding:!0};const ee=Z,te=({setThemeChange:e,isOnboarding:t,slideHeight:a})=>{const{height:g,width:v}=(0,p.l)(),E=(0,o.xd)(),[C,y]=(0,d.useState)([]),[f,w]=(0,m.j)(!1),[b,z]=(0,m.j)(!1),[x,k]=(0,d.useState)({});return(0,d.useEffect)((()=>{w.open(),(0,c.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/themes`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"}}).then((e=>{y(e.data),w.close()})).catch((function(e){console.log(e)})),(0,c.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/active-theme`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"}}).then((e=>{k(e.data)})).catch((function(e){console.log(e)}))}),[b]),(0,l.createElement)(l.Fragment,null,(0,l.createElement)(r.a,{pos:"relative"},(0,l.createElement)(s.p,{visible:f,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"sm"}}),0===C.length&&(0,l.createElement)(n.o,{h:a},(0,l.createElement)(i.$,{variant:"outline",size:"xs",onClick:()=>{z.toggle()},leftSection:(0,l.createElement)(u.default,null)},"Reload")),0!==C.length&&(0,l.createElement)(h.F,{slideSize:"25%",slideGap:"sm",align:"start",controlSize:40,styles:{root:{},viewport:{},container:{},control:{backgroundColor:E.primaryColor,color:"var(--mantine-color-black)"}}},C?.map(((o,r)=>(0,l.createElement)(ee,{key:r,slideHeight:a,themeData:o,setThemeChange:e,isOnboarding:t,activeTheme:x,setActiveTheme:k}))))))}}}]);

  • appza-builder/trunk/admin/frontend/build/357.js

    r3296359 r3298544  
    1 "use strict";(globalThis.webpackChunkfrontend=globalThis.webpackChunkfrontend||[]).push([[357],{150417:(e,t,s)=>{s.d(t,{M:()=>o});var r=s(951609);function o(){const[e,t]=(0,r.useState)(!1),s=(0,r.useRef)(null),o=(0,r.useCallback)((()=>t(!0)),[]),i=(0,r.useCallback)((()=>t(!1)),[]);return(0,r.useEffect)((()=>{const e=s.current;if(e)return e.addEventListener("mouseenter",o),e.addEventListener("mouseleave",i),()=>{e?.removeEventListener("mouseenter",o),e?.removeEventListener("mouseleave",i)}}),[s.current]),{ref:s,hovered:e}}},989357:(e,t,s)=>{s.r(t),s.d(t,{default:()=>g});var r=s(951609),o=s(311507),i=s(495362),l=s(40054),n=s(322662),a=s(148324),p=s(101578),c=s(143325),u=s(771083),_=s(986087),d=s(369637),m=s(150417);const g=({recallNavbar:e,setSelectedLayout:t,reloadScreen:s,isThemeChange:g,isSupportPluginChange:y})=>{const[z,b]=(0,_.useState)(null),[f,h]=(0,_.useState)(!1),{hovered:v,ref:x}=(0,m.M)();return(0,_.useEffect)((()=>{h(!0),(0,u.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},params:{mode:"navbar"}}).then((e=>{b(e.data),h(!1)})).catch((function(e){console.log(e)}))}),[e,s,g,y]),(0,r.createElement)(o.a,{pos:"relative",mih:25},(0,r.createElement)(i.p,{visible:f,zIndex:10,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"xs"}}),(0,r.createElement)(o.a,{ref:x,bg:z?.customize_styles?.general_properties?.background_color,px:z?.customize_styles?.general_properties?.padding_x,py:z?.customize_styles?.general_properties?.padding_y,style:{boxShadow:`#83aad11f 0px -${z?.customize_styles?.general_properties?.shadow}px ${z?.customize_styles?.general_properties?.shadow}px`,borderRadius:`${z?.customize_styles?.general_properties?.shape_radius}px`,border:`${z?.customize_styles?.general_properties?.border_width}px solid ${z?.customize_styles?.general_properties?.border_color}`,zIndex:2,overflow:"visible"},pos:z?.customize_styles?.general_properties?.float?"absolute":"",bottom:z?.customize_styles?.general_properties?.float?`${z?.customize_styles?.general_properties?.margin_y}px`:0,w:z?.customize_styles?.general_properties?.float?100-z?.customize_styles?.general_properties?.margin_x+"%":"100%",left:z?.customize_styles?.general_properties?.float?z?.customize_styles?.general_properties?.margin_x/2+"%":0},(0,r.createElement)(l.s,{gap:"md",justify:"space-evenly",align:"center"},z?.components?.map(((e,t)=>{const s=void 0===p[e.customize_properties?.icon_code]?c.default:p[e.customize_properties?.icon_code];return(0,r.createElement)(o.a,{style:{backgroundColor:z?.customize_styles?.icon_properties?.is_transparent_background?"transparent":z?.customize_styles?.icon_properties?.background_color,borderRadius:`${z?.customize_styles?.icon_properties?.shape_radius}%`,paddingTop:`${z?.customize_styles?.icon_properties?.padding_y}px`,paddingBottom:`${z?.customize_styles?.icon_properties?.padding_y}px`,paddingLeft:`${z?.customize_styles?.icon_properties?.padding_x}px`,paddingRight:`${z?.customize_styles?.icon_properties?.padding_x}px`,display:"flex",justifyContent:"center",alignItems:"center"}},(0,r.createElement)(s,{size:z?.customize_styles?.icon_properties?.size,color:0===t?z?.customize_styles?.icon_properties?.selected_color:z?.customize_styles?.icon_properties?.unselected_color,stroke:z?.customize_styles?.icon_properties?.weight}))}))),v&&(0,r.createElement)(n.h,{color:"#FFE8CC",backgroundOpacity:.35,blur:0,onClick:()=>{t(null),t(z)},style:{cursor:"pointer"}},(0,r.createElement)(a.M,{variant:"filled",pos:"absolute",top:0,right:0,onClick:()=>{t(null),t(z)}},(0,r.createElement)(d.default,{color:"var(--mantine-color-white)",cursor:"pointer"})))))}}}]);
     1"use strict";(globalThis.webpackChunkfrontend=globalThis.webpackChunkfrontend||[]).push([[357],{150417:(e,t,s)=>{s.d(t,{M:()=>o});var r=s(951609);function o(){const[e,t]=(0,r.useState)(!1),s=(0,r.useRef)(null),o=(0,r.useCallback)((()=>t(!0)),[]),i=(0,r.useCallback)((()=>t(!1)),[]);return(0,r.useEffect)((()=>{const e=s.current;if(e)return e.addEventListener("mouseenter",o),e.addEventListener("mouseleave",i),()=>{e?.removeEventListener("mouseenter",o),e?.removeEventListener("mouseleave",i)}}),[s.current]),{ref:s,hovered:e}}},989357:(e,t,s)=>{s.r(t),s.d(t,{default:()=>g});var r=s(951609),o=s(311507),i=s(495362),l=s(40054),n=s(322662),a=s(148324),p=s(101578),c=s(143325),u=s(771083),_=s(986087),d=s(369637),m=s(150417);const g=({recallNavbar:e,setSelectedLayout:t,reloadScreen:s,isThemeChange:g,isSupportPluginChange:y})=>{const[z,b]=(0,_.useState)(null),[f,h]=(0,_.useState)(!1),{hovered:v,ref:x}=(0,m.M)();return(0,_.useEffect)((()=>{h(!0),(0,u.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},params:{mode:"navbar"}}).then((e=>{b(e.data),h(!1)})).catch((function(e){console.log(e)}))}),[e,s,g,y]),(0,r.createElement)(o.a,{pos:"relative",mih:25},(0,r.createElement)(i.p,{visible:f,zIndex:10,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"xs"}}),(0,r.createElement)(o.a,{ref:x,bg:z?.customize_styles?.general_properties?.background_color,px:z?.customize_styles?.general_properties?.padding_x,py:z?.customize_styles?.general_properties?.padding_y,style:{boxShadow:`#83aad11f 0px -${z?.customize_styles?.general_properties?.shadow}px ${z?.customize_styles?.general_properties?.shadow}px`,borderRadius:`${z?.customize_styles?.general_properties?.shape_radius}px`,border:`${z?.customize_styles?.general_properties?.border_width}px solid ${z?.customize_styles?.general_properties?.border_color}`,zIndex:2,overflow:"visible"},pos:z?.customize_styles?.general_properties?.float?"absolute":"",bottom:z?.customize_styles?.general_properties?.float?`${z?.customize_styles?.general_properties?.margin_y}px`:0,w:z?.customize_styles?.general_properties?.float?100-z?.customize_styles?.general_properties?.margin_x+"%":"100%",left:z?.customize_styles?.general_properties?.float?z?.customize_styles?.general_properties?.margin_x/2+"%":0},(0,r.createElement)(l.s,{gap:"md",justify:"space-evenly",align:"center"},z?.components?.map(((e,t)=>{const s=void 0===p[e.customize_properties?.icon_code]?c.default:p[e.customize_properties?.icon_code];return(0,r.createElement)(o.a,{style:{backgroundColor:z?.customize_styles?.icon_properties?.is_transparent_background?"transparent":z?.customize_styles?.icon_properties?.background_color,borderRadius:`${z?.customize_styles?.icon_properties?.shape_radius}%`,paddingTop:`${z?.customize_styles?.icon_properties?.padding_y}px`,paddingBottom:`${z?.customize_styles?.icon_properties?.padding_y}px`,paddingLeft:`${z?.customize_styles?.icon_properties?.padding_x}px`,paddingRight:`${z?.customize_styles?.icon_properties?.padding_x}px`,display:"flex",justifyContent:"center",alignItems:"center"}},(0,r.createElement)(s,{size:z?.customize_styles?.icon_properties?.size,color:0===t?z?.customize_styles?.icon_properties?.selected_color:z?.customize_styles?.icon_properties?.unselected_color,stroke:z?.customize_styles?.icon_properties?.weight}))}))),v&&(0,r.createElement)(n.h,{color:"#FFE8CC",backgroundOpacity:.35,blur:0,onClick:()=>{t(null),t(z)},style:{cursor:"pointer"}},(0,r.createElement)(a.M,{variant:"filled",pos:"absolute",top:0,right:0,onClick:()=>{t(null),t(z)}},(0,r.createElement)(d.default,{color:"var(--mantine-color-white)",cursor:"pointer"})))))}}}]);

  • appza-builder/trunk/admin/frontend/build/633.js

    r3296359 r3298544  
    1 "use strict";(globalThis.webpackChunkfrontend=globalThis.webpackChunkfrontend||[]).push([[633],{350720:(e,t,a)=>{a.d(t,{A:()=>l});const l={item:"fE_7Vs3gIiV6Pzh6YvAQ",propertiesShadowItem:"fP5OwKpNHrgoufVxc5W9"}},480633:(e,t,a)=>{a.r(t),a.d(t,{default:()=>$});var l=a(951609),o=a(801101),n=a(69019),r=a(495362),c=a(311507),i=a(917826),s=a(141670),p=a(531074),m=a(312335),d=a(40054),u=a(148324),g=a(805055),h=a(794483),E=a(986087),f=a(350720),w=a(65381),y=a(982898),C=a(771083),b=a(288149),S=a(322662),v=a(150417),z=a(909543),A=a(20899),k=a(101573);function x({layout:e,setRecallDrawer:t,setSelectedLayout:a,setShowRightSidebar:o}){const{hovered:n,ref:r}=(0,v.M)(),[c,s]=(0,E.useState)(!1);return(0,l.createElement)(h.F.Slide,{mx:5,key:e.id,ref:r,pos:"relative"},n&&(0,l.createElement)(S.h,null,(0,l.createElement)(d.s,{align:"center",justify:"center",gap:"md",mih:"100%"},e?.is_upcoming&&(0,l.createElement)(i.E,{c:"orange.1",fs:"italic",fw:500},"Coming soon..."),!e?.is_upcoming&&(c?(0,l.createElement)(i.E,{fz:"xs",c:"orange.1",fw:100,fs:"italic"},"Processing..."):(0,l.createElement)(g.$,{size:"xs",onClick:()=>{s((e=>!e));const n=z.$e.show({color:"var(--mantine-color-orange-2)",loading:!0,title:"Processing...",autoClose:!1,withCloseButton:!1});(0,C.A)({method:"post",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:e}).then((e=>{z.$e.update({id:n,color:"var(--mantine-color-orange-7)",title:"Added!",icon:(0,l.createElement)(A.default,{style:{width:(0,b.D)(18),height:(0,b.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),s((e=>!e)),t((e=>!e)),a(e.data),o(!0)})).catch((function(e){console.log(e),z.$e.update({id:n,color:"var(--mantine-color-red-9)",title:e.response.data.message,icon:(0,l.createElement)(k.default,{style:{width:(0,b.D)(18),height:(0,b.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),s((e=>!e))}))},disabled:c,variant:"filled"},"Select")))),(0,l.createElement)(p._,{fit:"contain",src:e?.image_url}))}const $=({isSupportPluginChange:e,isThemeChange:t,recallDrawer:a,setRecallDrawer:b,setShowRightSidebar:S,setSelectedLayout:v})=>{const[z,A]=(0,E.useState)(null),[k,$]=(0,E.useState)([]),[j,D]=(0,E.useState)(!1),[L,P]=(0,E.useState)(!1),[R,_]=(0,E.useState)(null),T=(0,o.xd)();return(0,E.useEffect)((()=>{D(!0),(0,C.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},params:{mode:"drawer"}}).then((e=>{_(e.data),D(!1)})).catch((function(e){console.log(e)}))}),[a,t,e]),(0,E.useEffect)((()=>{D(!0),(0,C.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layouts-repository`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},params:{mode:"drawer"}}).then((e=>{$(e.data),D(!1)})).catch((function(e){console.log(e)}))}),[L,t,e]),(0,l.createElement)(l.Fragment,null,(0,l.createElement)(n.B,{pos:"relative"},(0,l.createElement)(r.p,{visible:j,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}}),(0,l.createElement)(c.a,{bg:T.primaryColor+".0",p:5,my:"var(--mantine-spacing-xs)"}," ",(0,l.createElement)(i.E,{fz:12,fw:700},"Selected")," "),(0,l.createElement)(s.o,null,R&&(0,l.createElement)(c.a,{onClick:()=>{v(R),A(R.id)},"data-active":z===R.id||void 0,className:f.A.item,w:"30%"},(0,l.createElement)(p._,{fit:"contain",src:R.image_url}),(0,l.createElement)(s.o,null,(0,l.createElement)(m.m,{label:"Active"},(0,l.createElement)(w.default,{color:T.primaryColor}))))),(0,l.createElement)(c.a,{bg:T.primaryColor+".0",p:5,my:"var(--mantine-spacing-xs)"},(0,l.createElement)(d.s,{align:"center",justify:"space-between"},(0,l.createElement)(i.E,{fz:12,fw:700},"Library"),(0,l.createElement)(m.m,{color:T.primaryColor+".1",label:(0,l.createElement)(i.E,{c:T.colors.dark[7],fw:500,size:"sm"},"Reload")},(0,l.createElement)(u.M,{variant:"light",size:"xs",onClick:()=>P((e=>!e))},(0,l.createElement)(y.default,null))))),k?.length>0&&(0,l.createElement)(h.F,{slideSize:"30%",controlsOffset:"lg",controlSize:40,loop:!0,dragFree:!0,draggable:!1,styles:{control:{backgroundColor:T.primaryColor,color:"var(--mantine-color-black)"}}},k?.map((e=>(0,l.createElement)(x,{key:e.slug,layout:e,setRecallDrawer:b,setSelectedLayout:v,setShowRightSidebar:S})))),0===k?.length&&(0,l.createElement)(s.o,null,(0,l.createElement)(g.$,{size:"xs",onClick:()=>P((e=>!e)),leftSection:(0,l.createElement)(y.default,null)},"Reload"))))}}}]);
     1"use strict";(globalThis.webpackChunkfrontend=globalThis.webpackChunkfrontend||[]).push([[633],{350720:(e,t,a)=>{a.d(t,{A:()=>l});const l={item:"fE_7Vs3gIiV6Pzh6YvAQ",propertiesShadowItem:"fP5OwKpNHrgoufVxc5W9"}},480633:(e,t,a)=>{a.r(t),a.d(t,{default:()=>$});var l=a(951609),o=a(801101),r=a(69019),n=a(311507),c=a(917826),i=a(141670),s=a(531074),p=a(312335),m=a(40054),d=a(148324),u=a(495362),g=a(805055),h=a(794483),E=a(986087),f=a(350720),w=a(65381),y=a(982898),C=a(771083),b=a(288149),S=a(322662),v=a(150417),z=a(909543),A=a(20899),k=a(101573);function x({layout:e,setRecallDrawer:t,setSelectedLayout:a,setShowRightSidebar:o}){const{hovered:r,ref:n}=(0,v.M)(),[i,p]=(0,E.useState)(!1);return(0,l.createElement)(h.F.Slide,{mx:5,key:e.id,ref:n,pos:"relative"},r&&(0,l.createElement)(S.h,null,(0,l.createElement)(m.s,{align:"center",justify:"center",gap:"md",mih:"100%"},e?.is_upcoming&&(0,l.createElement)(c.E,{c:"orange.1",fs:"italic",fw:500},"Coming soon..."),!e?.is_upcoming&&(i?(0,l.createElement)(c.E,{fz:"xs",c:"orange.1",fw:100,fs:"italic"},"Processing..."):(0,l.createElement)(g.$,{size:"xs",onClick:()=>{p((e=>!e));const r=z.$e.show({color:"var(--mantine-color-orange-2)",loading:!0,title:"Processing...",autoClose:!1,withCloseButton:!1});(0,C.A)({method:"post",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:e}).then((e=>{z.$e.update({id:r,color:"var(--mantine-color-orange-7)",title:"Added!",icon:(0,l.createElement)(A.default,{style:{width:(0,b.D)(18),height:(0,b.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),p((e=>!e)),t((e=>!e)),a(e.data),o(!0)})).catch((function(e){console.log(e),z.$e.update({id:r,color:"var(--mantine-color-red-9)",title:e.response.data.message,icon:(0,l.createElement)(k.default,{style:{width:(0,b.D)(18),height:(0,b.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),p((e=>!e))}))},disabled:i,variant:"filled"},"Select")))),(0,l.createElement)(s._,{fit:"contain",src:e?.image_url}))}const $=({isSupportPluginChange:e,isThemeChange:t,recallDrawer:a,setRecallDrawer:b,setShowRightSidebar:S,setSelectedLayout:v})=>{const[z,A]=(0,E.useState)(null),[k,$]=(0,E.useState)([]),[j,D]=(0,E.useState)(!1),[L,P]=(0,E.useState)(!1),[R,_]=(0,E.useState)(null),T=(0,o.xd)();return(0,E.useEffect)((()=>{D(!0),(0,C.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},params:{mode:"drawer"}}).then((e=>{_(e.data),D(!1)})).catch((function(e){console.log(e)}))}),[a,t,e]),(0,E.useEffect)((()=>{D(!0),(0,C.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layouts-repository`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},params:{mode:"drawer"}}).then((e=>{$(e.data),D(!1)})).catch((function(e){console.log(e)}))}),[L,t,e]),(0,l.createElement)(l.Fragment,null,(0,l.createElement)(r.B,{pos:"relative"},(0,l.createElement)(n.a,{bg:T.primaryColor+".0",p:5,my:"var(--mantine-spacing-xs)"}," ",(0,l.createElement)(c.E,{fz:12,fw:700},"Selected")," "),(0,l.createElement)(i.o,null,R&&(0,l.createElement)(n.a,{onClick:()=>{v(R),A(R.id)},"data-active":z===R.id||void 0,className:f.A.item,w:"30%"},(0,l.createElement)(s._,{fit:"contain",src:R.image_url}),(0,l.createElement)(i.o,null,(0,l.createElement)(p.m,{label:"Active"},(0,l.createElement)(w.default,{color:T.primaryColor}))))),(0,l.createElement)(n.a,{bg:T.primaryColor+".0",p:5,my:"var(--mantine-spacing-xs)"},(0,l.createElement)(m.s,{align:"center",justify:"space-between"},(0,l.createElement)(c.E,{fz:12,fw:700},"Library"),(0,l.createElement)(p.m,{color:T.primaryColor+".1",label:(0,l.createElement)(c.E,{c:T.colors.dark[7],fw:500,size:"sm"},"Reload")},(0,l.createElement)(d.M,{variant:"light",size:"xs",onClick:()=>P((e=>!e))},(0,l.createElement)(y.default,null))))),k?.length>0&&(0,l.createElement)(h.F,{pos:"relative",slideSize:"30%",controlsOffset:"lg",controlSize:40,loop:!0,dragFree:!0,draggable:!1,styles:{control:{backgroundColor:T.primaryColor,color:"var(--mantine-color-black)"}}},(0,l.createElement)(u.p,{visible:j,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"sm"}}),k?.map((e=>(0,l.createElement)(x,{key:e.slug,layout:e,setRecallDrawer:b,setSelectedLayout:v,setShowRightSidebar:S})))),0===k?.length&&(0,l.createElement)(i.o,null,(0,l.createElement)(g.$,{size:"xs",onClick:()=>P((e=>!e)),leftSection:(0,l.createElement)(y.default,null)},"Reload"))))}}}]);

  • appza-builder/trunk/admin/frontend/build/691.js

    r3296359 r3298544  
    1 "use strict";(globalThis.webpackChunkfrontend=globalThis.webpackChunkfrontend||[]).push([[691],{150417:(e,t,a)=>{a.d(t,{M:()=>n});var l=a(951609);function n(){const[e,t]=(0,l.useState)(!1),a=(0,l.useRef)(null),n=(0,l.useCallback)((()=>t(!0)),[]),o=(0,l.useCallback)((()=>t(!1)),[]);return(0,l.useEffect)((()=>{const e=a.current;if(e)return e.addEventListener("mouseenter",n),e.addEventListener("mouseleave",o),()=>{e?.removeEventListener("mouseenter",n),e?.removeEventListener("mouseleave",o)}}),[a.current]),{ref:a,hovered:e}}},350720:(e,t,a)=>{a.d(t,{A:()=>l});const l={item:"fE_7Vs3gIiV6Pzh6YvAQ",propertiesShadowItem:"fP5OwKpNHrgoufVxc5W9"}},428691:(e,t,a)=>{a.r(t),a.d(t,{default:()=>L});var l=a(951609),n=a(350720),o=a(801101),r=a(69019),c=a(495362),i=a(311507),s=a(917826),m=a(531074),u=a(141670),p=a(312335),d=a(40054),g=a(148324),E=a(805055),h=a(65381),f=a(982898),v=a(771083),b=a(986087),y=a(288149),w=a(322662),C=a(150417),S=a(909543),z=a(20899),A=a(101573);function k({layout:e,setRecallNavbar:t,setSelectedLayout:a,setShowRightSidebar:n}){const{hovered:o,ref:r}=(0,C.M)(),[c,p]=(0,b.useState)(!1);return(0,l.createElement)(i.a,{p:15,style:{borderBottom:"1px solid var(--mantine-color-gray-2)"},ref:r,pos:"relative"},o&&(0,l.createElement)(w.h,null,(0,l.createElement)(d.s,{align:"center",justify:"center",gap:"md",mih:"100%"},e?.is_upcoming&&(0,l.createElement)(s.E,{c:"orange.1",fs:"italic",fw:500},"Coming soon..."),!e?.is_upcoming&&(c?(0,l.createElement)(s.E,{fz:"xs",c:"orange.1",fw:100,fs:"italic"},"Processing..."):(0,l.createElement)(E.$,{size:"xs",onClick:()=>{p((e=>!e));const o=S.$e.show({color:"var(--mantine-color-orange-2)",loading:!0,title:"Processing...",autoClose:!1,withCloseButton:!1});(0,v.A)({method:"post",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:e}).then((e=>{S.$e.update({id:o,color:"var(--mantine-color-orange-7)",title:"Added!",icon:(0,l.createElement)(z.default,{style:{width:(0,y.D)(18),height:(0,y.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),p((e=>!e)),t((e=>!e)),a(e.data),n(!0)})).catch((function(e){console.log(e),S.$e.update({id:o,color:"var(--mantine-color-red-9)",title:e.response.data.message,icon:(0,l.createElement)(A.default,{style:{width:(0,y.D)(18),height:(0,y.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),p((e=>!e))}))},disabled:c,variant:"filled"},"Select")))),(0,l.createElement)(m._,{mb:10,h:56,w:"100%",src:e?.image_url,fit:"contain"}),(0,l.createElement)(u.o,null,(0,l.createElement)(s.E,null,e.name)))}const L=({isSupportPluginChange:e,isThemeChange:t,recallNavbar:a,setRecallNavbar:y,setShowRightSidebar:w,setSelectedLayout:C})=>{const[S,z]=(0,b.useState)(null),[A,L]=(0,b.useState)([]),[x,R]=(0,b.useState)(!1),[$,j]=(0,b.useState)(null),[P,N]=(0,b.useState)(!1),_=(0,o.xd)();return(0,b.useEffect)((()=>{(0,v.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},params:{mode:"navbar"}}).then((e=>{j(e.data)})).catch((function(e){console.log(e)}))}),[a,t,e]),(0,b.useEffect)((()=>{R(!0),(0,v.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layouts-repository`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},params:{mode:"navbar"}}).then((e=>{L(e.data),R(!1)})).catch((function(e){console.log(e)}))}),[P,t,e]),(0,l.createElement)(l.Fragment,null,(0,l.createElement)(r.B,{pos:"relative"},(0,l.createElement)(c.p,{visible:x,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}}),(0,l.createElement)(i.a,{bg:_.primaryColor+".0",p:5,mt:"xs"}," ",(0,l.createElement)(s.E,{fz:12,fw:700},"Selected")," "),$&&(0,l.createElement)(l.Fragment,null,(0,l.createElement)(i.a,{className:n.A.item,p:15,key:$.slug,onClick:()=>{z($.id),C(null),C($)},"data-active":S===$.id||void 0,style:{borderBottom:"1px solid var(--mantine-color-gray-2)"}},(0,l.createElement)(m._,{mb:10,h:56,w:"100%",src:$.image_url,fit:"contain"}),(0,l.createElement)(u.o,null,(0,l.createElement)(s.E,null,$.name),(0,l.createElement)(p.m,{label:"Active"},(0,l.createElement)(h.default,{color:_.primaryColor}))))),(0,l.createElement)(i.a,{bg:_.primaryColor+".0",p:5,mt:"xs"},(0,l.createElement)(d.s,{align:"center",justify:"space-between"},(0,l.createElement)(s.E,{fz:12,fw:700},"Library"),(0,l.createElement)(p.m,{color:_.primaryColor+".1",label:(0,l.createElement)(s.E,{c:_.colors.dark[7],fw:500,size:"sm"},"Reload")},(0,l.createElement)(g.M,{variant:"light",size:"xs",onClick:()=>N((e=>!e))},(0,l.createElement)(f.default,null))))),A?.length>0&&A?.map((e=>(0,l.createElement)(k,{key:e.slug,layout:e,setRecallNavbar:y,setSelectedLayout:C,setShowRightSidebar:w}))),0===A?.length&&(0,l.createElement)(u.o,null,(0,l.createElement)(E.$,{size:"xs",onClick:()=>N((e=>!e)),leftSection:(0,l.createElement)(f.default,null)},"Reload"))))}}}]);
     1"use strict";(globalThis.webpackChunkfrontend=globalThis.webpackChunkfrontend||[]).push([[691],{150417:(e,t,a)=>{a.d(t,{M:()=>n});var l=a(951609);function n(){const[e,t]=(0,l.useState)(!1),a=(0,l.useRef)(null),n=(0,l.useCallback)((()=>t(!0)),[]),o=(0,l.useCallback)((()=>t(!1)),[]);return(0,l.useEffect)((()=>{const e=a.current;if(e)return e.addEventListener("mouseenter",n),e.addEventListener("mouseleave",o),()=>{e?.removeEventListener("mouseenter",n),e?.removeEventListener("mouseleave",o)}}),[a.current]),{ref:a,hovered:e}}},350720:(e,t,a)=>{a.d(t,{A:()=>l});const l={item:"fE_7Vs3gIiV6Pzh6YvAQ",propertiesShadowItem:"fP5OwKpNHrgoufVxc5W9"}},428691:(e,t,a)=>{a.r(t),a.d(t,{default:()=>L});var l=a(951609),n=a(350720),o=a(801101),r=a(69019),c=a(311507),i=a(917826),s=a(531074),m=a(141670),u=a(312335),p=a(40054),d=a(148324),g=a(495362),E=a(805055),h=a(65381),f=a(982898),v=a(771083),b=a(986087),y=a(288149),w=a(322662),C=a(150417),S=a(909543),z=a(20899),A=a(101573);function k({layout:e,setRecallNavbar:t,setSelectedLayout:a,setShowRightSidebar:n}){const{hovered:o,ref:r}=(0,C.M)(),[u,d]=(0,b.useState)(!1);return(0,l.createElement)(c.a,{p:15,style:{borderBottom:"1px solid var(--mantine-color-gray-2)"},ref:r,pos:"relative"},o&&(0,l.createElement)(w.h,null,(0,l.createElement)(p.s,{align:"center",justify:"center",gap:"md",mih:"100%"},e?.is_upcoming&&(0,l.createElement)(i.E,{c:"orange.1",fs:"italic",fw:500},"Coming soon..."),!e?.is_upcoming&&(u?(0,l.createElement)(i.E,{fz:"xs",c:"orange.1",fw:100,fs:"italic"},"Processing..."):(0,l.createElement)(E.$,{size:"xs",onClick:()=>{d((e=>!e));const o=S.$e.show({color:"var(--mantine-color-orange-2)",loading:!0,title:"Processing...",autoClose:!1,withCloseButton:!1});(0,v.A)({method:"post",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:e}).then((e=>{S.$e.update({id:o,color:"var(--mantine-color-orange-7)",title:"Added!",icon:(0,l.createElement)(z.default,{style:{width:(0,y.D)(18),height:(0,y.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),d((e=>!e)),t((e=>!e)),a(e.data),n(!0)})).catch((function(e){console.log(e),S.$e.update({id:o,color:"var(--mantine-color-red-9)",title:e.response.data.message,icon:(0,l.createElement)(A.default,{style:{width:(0,y.D)(18),height:(0,y.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),d((e=>!e))}))},disabled:u,variant:"filled"},"Select")))),(0,l.createElement)(s._,{mb:10,h:56,w:"100%",src:e?.image_url,fit:"contain"}),(0,l.createElement)(m.o,null,(0,l.createElement)(i.E,null,e.name)))}const L=({isSupportPluginChange:e,isThemeChange:t,recallNavbar:a,setRecallNavbar:y,setShowRightSidebar:w,setSelectedLayout:C})=>{const[S,z]=(0,b.useState)(null),[A,L]=(0,b.useState)([]),[x,R]=(0,b.useState)(!1),[$,j]=(0,b.useState)(null),[P,N]=(0,b.useState)(!1),_=(0,o.xd)();return(0,b.useEffect)((()=>{(0,v.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},params:{mode:"navbar"}}).then((e=>{j(e.data)})).catch((function(e){console.log(e)}))}),[a,t,e]),(0,b.useEffect)((()=>{R(!0),(0,v.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layouts-repository`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},params:{mode:"navbar"}}).then((e=>{L(e.data),R(!1)})).catch((function(e){console.log(e)}))}),[P,t,e]),(0,l.createElement)(l.Fragment,null,(0,l.createElement)(r.B,{pos:"relative"},(0,l.createElement)(c.a,{bg:_.primaryColor+".0",p:5,mt:"xs"}," ",(0,l.createElement)(i.E,{fz:12,fw:700},"Selected")," "),$&&(0,l.createElement)(l.Fragment,null,(0,l.createElement)(c.a,{className:n.A.item,p:15,key:$.slug,onClick:()=>{z($.id),C(null),C($)},"data-active":S===$.id||void 0,style:{borderBottom:"1px solid var(--mantine-color-gray-2)"}},(0,l.createElement)(s._,{mb:10,h:56,w:"100%",src:$.image_url,fit:"contain"}),(0,l.createElement)(m.o,null,(0,l.createElement)(i.E,null,$.name),(0,l.createElement)(u.m,{label:"Active"},(0,l.createElement)(h.default,{color:_.primaryColor}))))),(0,l.createElement)(c.a,{bg:_.primaryColor+".0",p:5,mt:"xs"},(0,l.createElement)(p.s,{align:"center",justify:"space-between"},(0,l.createElement)(i.E,{fz:12,fw:700},"Library"),(0,l.createElement)(u.m,{color:_.primaryColor+".1",label:(0,l.createElement)(i.E,{c:_.colors.dark[7],fw:500,size:"sm"},"Reload")},(0,l.createElement)(d.M,{variant:"light",size:"xs",onClick:()=>N((e=>!e))},(0,l.createElement)(f.default,null))))),(0,l.createElement)(c.a,{pos:"relative"},(0,l.createElement)(g.p,{visible:x,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"sm"}}),A?.length>0&&A?.map((e=>(0,l.createElement)(k,{key:e.slug,layout:e,setRecallNavbar:y,setSelectedLayout:C,setShowRightSidebar:w})))),0===A?.length&&(0,l.createElement)(m.o,null,(0,l.createElement)(E.$,{size:"xs",onClick:()=>N((e=>!e)),leftSection:(0,l.createElement)(f.default,null)},"Reload"))))}}}]);

  • appza-builder/trunk/admin/frontend/build/714.js

    r3296359 r3298544  
    1 "use strict";(globalThis.webpackChunkfrontend=globalThis.webpackChunkfrontend||[]).push([[714],{229660:(e,t,a)=>{a.r(t),a.d(t,{default:()=>ne});var l=a(951609),n=a(986087),o=a(801101),r=a(288149),i=a(40054),s=a(864999),c=a(917826),p=a(363403),d=a(556338),m=a(495362),u=a(745155),g=a(257193),f=a(655813),E=a(921152),h=a(141670),_=a(311507),b=a(531074),y=a(805055),z=a(312335),v=a(716267),w=a(612968),C=a(790648),P=a(589652),x=a(69019),S=a(157904),D=a(20899),k=a(101573),A=a(336118),j=a(891344),I=a(313338),T=a(928099),$=a(292448),R=a(463458),O=a(42715),B=a(392454),L=a(881554),V=a(811922),Y=a(763200),F=a(982898),W=a(721136),N=a(140274),U=a(523744),K=a(501730),M=a(244067),X=a(117399),H=a(151376),G=a(564625),Q=a(458249),q=a(909543),J=a(771083),Z=a(913489),ee=a(169329);const te=a.p+"images/global_media_upload_area_placeholder.6fd41408.png";var ae=a(658335),le=a(635816);const ne=({setIsSupportPluginChange:e,handlesSettingsModal:t,handlesThemesModal:a})=>{const ne=(0,o.xd)(),[oe,re]=(0,n.useState)(null),[ie,se]=(0,n.useState)([]),[ce,pe]=(0,Z.j)(!0),[de,me]=(0,Z.j)(!1),[ue,ge]=(0,Z.j)(!1),[fe,Ee]=(0,Z.j)(!1),he=(0,ee.m)({initialValues:{appza_ios_issuer_id:"",appza_ios_key_id:"",appza_ios_team_id:"",appza_ios_p8_file:""},validate:{}});(0,n.useEffect)((()=>{(0,J.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-settings`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`}}).then((e=>{re(e.data),he.setInitialValues({appza_ios_issuer_id:e.data.appza_ios_issuer_id,appza_ios_key_id:e.data.appza_ios_key_id,appza_ios_team_id:e.data.appza_ios_team_id,appza_ios_app_store_name:e.data.appza_ios_app_store_name}),he.setValues({appza_ios_issuer_id:e.data.appza_ios_issuer_id,appza_ios_key_id:e.data.appza_ios_key_id,appza_ios_team_id:e.data.appza_ios_team_id,appza_ios_app_store_name:e.data.appza_ios_app_store_name})})).catch((function(e){console.log(e)})),setTimeout((()=>{pe.close()}),1e3)}),[]),(0,n.useEffect)((()=>{me.open(),(0,J.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/support-plugins`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`}}).then((e=>{se(e.data),me.close()})).catch((function(e){console.log(e),me.close()}))}),[ue]);const[_e,be]=(0,n.useState)({});return(0,n.useEffect)((()=>{window.appzaPremium&&(window.appzaPremium.licenseArea(ne),window.appzaPremium.globalFileUpload(ne),window.appzaPremium.buildHistory(ne))}),[]),(0,l.createElement)(l.Fragment,null,(0,l.createElement)(d.t,{defaultValue:"general",h:"92%",pos:"relative"},(0,l.createElement)(m.p,{visible:ce,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}}),(0,l.createElement)(d.t.List,null,(0,l.createElement)(d.t.Tab,{leftSection:(0,l.createElement)(A.default,{size:14}),value:"general"},"General"),(0,l.createElement)(d.t.Tab,{disabled:!window.appzaPremium,leftSection:(0,l.createElement)(j.default,{size:14}),value:"license"},"License"),(0,l.createElement)(d.t.Tab,{leftSection:(0,l.createElement)(I.default,{size:14}),value:"integration"},"Integration"),(0,l.createElement)(d.t.Tab,{leftSection:(0,l.createElement)(T.default,{size:14}),value:"app-store-config"},"App store config"),(0,l.createElement)(d.t.Tab,{disabled:!0,leftSection:(0,l.createElement)($.default,{size:14}),value:"firebase-integration"},"Firebase Integration"),(0,l.createElement)(d.t.Tab,{disabled:!0,leftSection:(0,l.createElement)(R.default,{size:14}),value:"branding"},"Branding"),(0,l.createElement)(d.t.Tab,{disabled:!window.appzaPremium,leftSection:(0,l.createElement)(O.default,{size:14}),value:"build-history"},"Build History"),(0,l.createElement)(d.t.Tab,{disabled:!0,leftSection:(0,l.createElement)(B.default,{size:14}),value:"others"},"Others")),(0,l.createElement)(d.t.Panel,{value:"general",h:"94%"},(0,l.createElement)(u.x,{gutter:0,mt:"xs",h:"95%"},(0,l.createElement)(u.x.Col,{span:6},(0,l.createElement)(g.k,{"data-autofocus":!0,label:"",placeholder:"App Name",rightSection:(0,l.createElement)(L.default,{style:{width:(0,r.D)(16),height:(0,r.D)(16)}}),defaultValue:oe?.app_name,rightSectionPointerEvents:"none",onChange:e=>re({...oe,app_name:e.currentTarget.value}),mb:"xs"}),(0,l.createElement)(f.l,{label:"",searchable:!0,placeholder:"Primary Font",data:[{value:"Open Sans",label:"Open Sans"},{value:"Roboto",label:"Roboto"},{value:"Poppins",label:"Poppins"}],rightSection:(0,l.createElement)(V.default,{style:{width:(0,r.D)(16),height:(0,r.D)(16)}}),rightSectionPointerEvents:"none",value:oe?.primary_font,onChange:e=>re({...oe,primary_font:e}),allowDeselect:!1,nothingFoundMessage:"Nothing found...",maxDropdownHeight:200,mb:"xs"}),(0,l.createElement)(f.l,{label:"",searchable:!0,placeholder:"Secondary Font",data:[{value:"Open Sans",label:"Open Sans"},{value:"Roboto",label:"Roboto"},{value:"Poppins",label:"Poppins"}],rightSection:(0,l.createElement)(V.default,{style:{width:(0,r.D)(16),height:(0,r.D)(16)}}),value:oe?.secondary_font,onChange:e=>re({...oe,secondary_font:e}),allowDeselect:!1,nothingFoundMessage:"Nothing found...",maxDropdownHeight:200,mb:"xs"}),(0,l.createElement)(i.s,{align:"center",justify:"space-between",mb:"xs"},(0,l.createElement)(c.E,{fz:14},"Primary Font Color"),(0,l.createElement)(E.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:oe?.primary_font_color,height:36,width:36,color:"transparent"}},defaultValue:"",value:"",variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,onChangeEnd:e=>re({...oe,primary_font_color:e}),swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]})),(0,l.createElement)(i.s,{align:"center",justify:"space-between",mb:"xs"},(0,l.createElement)(c.E,{fz:14},"Secondary Font Color"),(0,l.createElement)(E.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:oe?.secondary_font_color,height:36,width:36,color:"transparent"}},defaultValue:"",value:"",variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,onChangeEnd:e=>re({...oe,secondary_font_color:e}),swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,l.createElement)(u.x.Col,{span:"auto"},(0,l.createElement)(h.o,null,(0,l.createElement)(_.a,{id:"appza-global-file-upload",w:380},(0,l.createElement)(b._,{w:400,h:680,fit:"contain",src:te}))))),(0,l.createElement)(s.Y,{justify:"flex-end"},(0,l.createElement)(y.$,{onClick:()=>{const e=q.$e.show({color:"var(--mantine-color-orange-2)",loading:!0,title:"Processing...",autoClose:!1,withCloseButton:!1});(0,J.A)({method:"post",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-settings`,headers:{Accept:"application/json","Content-Type":"multipart/form-data","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:oe}).then((t=>{q.$e.update({id:e,color:"var(--mantine-color-orange-7)",title:t.data.message,icon:(0,l.createElement)(D.default,{style:{width:(0,r.D)(18),height:(0,r.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0})})).catch((function(t){console.log(t),q.$e.update({id:e,color:"var(--mantine-color-red-9)",title:t.response.data.message,icon:(0,l.createElement)(k.default,{style:{width:(0,r.D)(18),height:(0,r.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0})}))},leftSection:(0,l.createElement)(Y.default,null)},"Save"))),(0,l.createElement)(d.t.Panel,{value:"license"},(0,l.createElement)(_.a,{id:"appza-license-area"})),(0,l.createElement)(d.t.Panel,{value:"integration",pos:"relative"},(0,l.createElement)(m.p,{visible:de,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}}),0===ie.length&&(0,l.createElement)(h.o,{py:10},(0,l.createElement)(y.$,{variant:"outline",size:"xs",onClick:()=>ge.toggle(),leftSection:(0,l.createElement)(F.default,null)},"Reload")),0!==ie.length&&(0,l.createElement)(i.s,{justify:"space-between",align:"center",py:10},ie?.map(((t,a)=>(0,l.createElement)(z.m,{disabled:!le.K.includes(t.slug),position:"bottom",color:"white",label:(0,l.createElement)(v.t,{withBorder:!0,p:"xs",radius:"md"},(0,l.createElement)(i.s,{align:"center",gap:"xs"},(0,l.createElement)(w.L,{radius:"xl",variant:"gradient",gradient:{from:"indigo",to:"violet",deg:173},p:4},(0,l.createElement)(W.default,{style:{transform:"rotate(-25deg)"}})),(0,l.createElement)(_.a,null,(0,l.createElement)(c.E,{c:ne.colors.dark[9],fw:500},"Upcoming"),(0,l.createElement)(c.E,{c:"dimmed"},"This feature is coming soon!")))),styles:{tooltip:{padding:0}}},(0,l.createElement)(_.a,{pos:"relative"},(0,l.createElement)(m.p,{visible:_e[t.slug]||!1,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}}),(0,l.createElement)(C.d,{key:t.slug,checked:oe?.extensions?.includes(t.slug)||"wordpress"===t.slug,onChange:a=>{return"wordpress"!==t.slug&&(n=a.target.checked,o=t.slug,void ae.jQ.openConfirmModal({title:"",centered:!0,children:(0,l.createElement)(i.s,{justify:"center",align:"center",gap:"sm",w:"100%",direction:"column"},(0,l.createElement)(s.Y,{gap:"xs"},(0,l.createElement)(k.default,{color:ne.primaryColor}),(0,l.createElement)(c.E,{size:"sm",fw:600},"Confirmation!")),(0,l.createElement)(p.c,{size:"xs",w:"100%"}),(0,l.createElement)(c.E,{size:"sm",c:"#4D4D4D",ta:"center",my:30},"Are You Sure! After changing theme will be removed.")),labels:{cancel:"No, Keep It.",confirm:"Yes, Proceed!"},confirmProps:{bg:ne.primaryColor,c:"#ffffff",style:{borderColor:ne.primaryColor}},cancelProps:{bg:"var(--mantine-color-gray-2)",c:"#202020"},withCloseButton:!1,groupProps:{justify:"center"},overlayProps:{blur:1},closeOnClickOutside:!1,modalProps:{body:{padding:0}},onCancel:()=>console.log("Cancel"),onConfirm:()=>{be({..._e,[o]:!0}),(0,J.A)({method:"put",url:`${appLocalizer.apiUrl}/appza/web/api/v1/config/extensions`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:{[o]:n}}).then((t=>{re(t.data.data),be({..._e,[o]:!1}),e((e=>!e)),Ee.open()})).catch((function(e){console.log(e),be({..._e,[o]:!1}),q.$e.show({color:"var(--mantine-color-red-9)",title:e.response.data.message,icon:(0,l.createElement)(k.default,{style:{width:(0,r.D)(18),height:(0,r.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0})}))}}));var n,o},size:"xs",label:(0,l.createElement)(i.s,{justify:"flex-start",align:"center",gap:6},(0,l.createElement)(h.o,{bg:"gray.2",h:36,w:36,p:5,style:{borderRadius:"var(--mantine-radius-sm)"}},(0,l.createElement)(b._,{fit:"contain",src:t.image})),(0,l.createElement)(c.E,{size:"sm",fw:600},t.name)),radius:"sm",styles:{body:{alignItems:"center",padding:5,boxShadow:"var(--mantine-shadow-md)",borderRadius:"var(--mantine-radius-sm)",border:"var(--mantine-color-gray-2) 1px solid"}},disabled:le.K.includes(t.slug)})))))),(0,l.createElement)(_.a,null,(0,l.createElement)(s.Y,{gap:2},(0,l.createElement)(W.default,{color:ne.primaryColor}),(0,l.createElement)(c.E,{c:ne.primaryColor,fs:"italic"},"Currently, Only one extension can be activated with Wordpress Core!"))),fe&&(0,l.createElement)(v.t,{bg:ne.colors.gray[0],p:"xs",withBorder:!0},(0,l.createElement)(i.s,{justify:"space-between",align:"center"},(0,l.createElement)(c.E,null,"Please Go through the themes of your selected addons, Active a theme to customize your app."),(0,l.createElement)(y.$,{onClick:()=>{a.open(),t.close()},rightSection:(0,l.createElement)(N.default,null)},(0,l.createElement)(c.E,{fw:600},"Explore Themes"))))),(0,l.createElement)(d.t.Panel,{value:"app-store-config"},(0,l.createElement)(s.Y,{gap:2,p:2,mb:"xs",bg:ne.primaryColor+".0",style:{borderRadius:"var(--mantine-radius-sm)"}},(0,l.createElement)(U.default,{color:ne.primaryColor}),(0,l.createElement)(P.h,{c:ne.primaryColor,order:5},"iOS")),(0,l.createElement)(_.a,{component:"form",onSubmit:he.onSubmit((()=>{const e=q.$e.show({color:"var(--mantine-color-orange-2)",loading:!0,title:"Processing...",autoClose:!1,withCloseButton:!1});(0,J.A)({method:"post",url:`${appLocalizer.apiUrl}/appza/web/api/v1/key-integration`,headers:{Accept:"application/json","Content-Type":"multipart/form-data","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:he.values}).then((t=>{q.$e.update({id:e,color:"var(--mantine-color-orange-7)",title:t.data.message,icon:(0,l.createElement)(D.default,{style:{width:(0,r.D)(18),height:(0,r.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0})})).catch((function(t){console.log(t),q.$e.update({id:e,color:"var(--mantine-color-red-9)",title:t.response.data.message,icon:(0,l.createElement)(k.default,{style:{width:(0,r.D)(18),height:(0,r.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0})}))}))},(0,l.createElement)(u.x,null,(0,l.createElement)(u.x.Col,{span:6},(0,l.createElement)(g.k,{label:"Issuer ID",placeholder:"Enter Issuer ID",defaultValue:oe?.appza_ios_issuer_id,...he.getInputProps("appza_ios_issuer_id")}),(0,l.createElement)(g.k,{label:"Key ID",placeholder:"Enter Key ID",defaultValue:oe?.appza_ios_key_id,...he.getInputProps("appza_ios_key_id")}),(0,l.createElement)(g.k,{label:"Team ID",placeholder:"Enter Team ID",defaultValue:oe?.appza_ios_team_id,...he.getInputProps("appza_ios_team_id")})),(0,l.createElement)(u.x.Col,{span:"auto"},(0,l.createElement)(S.mR,{onDrop:e=>{he.setValues({...he.values,appza_ios_p8_file:e[0]})},onReject:e=>{q.$e.show({title:"Only .p8 file!",color:"var(--mantine-color-red-9)",autoClose:5e3,icon:(0,l.createElement)(k.default,{style:{width:(0,r.D)(18),height:(0,r.D)(18)}})})},maxSize:1048576,accept:{"application/pkcs8":[".p8"]},style:{border:"2px dashed var(--mantine-color-orange-4)"},mb:"xs"},(0,l.createElement)(x.B,{gap:"sm",align:"center",justify:"center",mih:200,style:{pointerEvents:"none"}},(0,l.createElement)(S.mR.Accept,null,(0,l.createElement)(K.default,{size:50,color:"var(--mantine-color-blue-6)",stroke:1.5})),(0,l.createElement)(S.mR.Reject,null,(0,l.createElement)(M.default,{size:50,color:"var(--mantine-color-red-6)",stroke:1.5})),(0,l.createElement)(S.mR.Idle,null,!he.values.appza_ios_p8_file&&0===oe?.appza_ios_p8_file_content?.length&&(0,l.createElement)(X.default,{size:50,color:"var(--mantine-color-dimmed)",stroke:1.5}),he.values.appza_ios_p8_file&&(0,l.createElement)(s.Y,{justify:"center",gap:2},(0,l.createElement)(H.default,{color:ne.primaryColor,size:57}),(0,l.createElement)(c.E,{size:"md",fw:700,inline:!0},he.values.appza_ios_p8_file.name)),!he.values.appza_ios_p8_file&&oe?.appza_ios_p8_file_content?.length>0&&(0,l.createElement)(s.Y,{justify:"center",gap:2},(0,l.createElement)(H.default,{color:ne.primaryColor,size:57}),(0,l.createElement)(c.E,{size:"md",fw:700,inline:!0},oe?.appza_ios_p8_file_name))),(0,l.createElement)(c.E,{size:"xl",inline:!0},"Drag File or ",(0,l.createElement)("span",{style:{color:"var(--mantine-color-orange-4)"}},"Upload")),(0,l.createElement)(c.E,{size:"md",fw:700,inline:!0},"(only .p8 file)"))))),(0,l.createElement)(s.Y,{justify:"flex-end"},(0,l.createElement)(y.$,{type:"submit",leftSection:(0,l.createElement)(Y.default,null)},"Save"))),(0,l.createElement)(s.Y,{gap:2,p:2,mb:"xs",mt:"xs",bg:ne.primaryColor+".0",style:{borderRadius:"var(--mantine-radius-sm)"}},(0,l.createElement)(G.default,{color:ne.primaryColor}),(0,l.createElement)(P.h,{c:ne.primaryColor,order:5},"Android")),(0,l.createElement)(_.a,null,(0,l.createElement)(s.Y,{gap:2},(0,l.createElement)(W.default,{color:ne.primaryColor}),(0,l.createElement)(c.E,{c:ne.primaryColor,fs:"italic"},"Do not need any configuration for android!"),(0,l.createElement)(Q.default,{color:ne.primaryColor})))),(0,l.createElement)(d.t.Panel,{value:"branding"},"Branding"),(0,l.createElement)(d.t.Panel,{value:"build-history"},(0,l.createElement)(_.a,{id:"appza-app-build-history"})),(0,l.createElement)(d.t.Panel,{value:"others"},"Others")))}}}]);
     1"use strict";(globalThis.webpackChunkfrontend=globalThis.webpackChunkfrontend||[]).push([[714],{229660:(e,t,a)=>{a.r(t),a.d(t,{default:()=>ne});var l=a(951609),n=a(986087),o=a(801101),r=a(288149),i=a(40054),s=a(864999),c=a(917826),p=a(363403),d=a(556338),m=a(495362),u=a(745155),g=a(257193),f=a(655813),E=a(921152),h=a(141670),_=a(311507),b=a(531074),y=a(805055),z=a(312335),v=a(716267),w=a(612968),C=a(790648),P=a(589652),x=a(69019),S=a(157904),D=a(20899),k=a(101573),A=a(336118),j=a(891344),I=a(313338),T=a(928099),$=a(292448),R=a(463458),O=a(42715),B=a(392454),L=a(881554),V=a(811922),Y=a(763200),F=a(982898),W=a(721136),N=a(140274),U=a(523744),K=a(501730),M=a(244067),X=a(117399),H=a(151376),G=a(564625),Q=a(458249),q=a(909543),J=a(771083),Z=a(913489),ee=a(169329);const te=a.p+"images/global_media_upload_area_placeholder.6fd41408.png";var ae=a(658335),le=a(635816);const ne=({setIsSupportPluginChange:e,handlesSettingsModal:t,handlesThemesModal:a})=>{const ne=(0,o.xd)(),[oe,re]=(0,n.useState)(null),[ie,se]=(0,n.useState)([]),[ce,pe]=(0,Z.j)(!0),[de,me]=(0,Z.j)(!1),[ue,ge]=(0,Z.j)(!1),[fe,Ee]=(0,Z.j)(!1),he=(0,ee.m)({initialValues:{appza_ios_issuer_id:"",appza_ios_key_id:"",appza_ios_team_id:"",appza_ios_p8_file:""},validate:{}});(0,n.useEffect)((()=>{(0,J.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-settings`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`}}).then((e=>{re(e.data),he.setInitialValues({appza_ios_issuer_id:e.data.appza_ios_issuer_id,appza_ios_key_id:e.data.appza_ios_key_id,appza_ios_team_id:e.data.appza_ios_team_id,appza_ios_app_store_name:e.data.appza_ios_app_store_name}),he.setValues({appza_ios_issuer_id:e.data.appza_ios_issuer_id,appza_ios_key_id:e.data.appza_ios_key_id,appza_ios_team_id:e.data.appza_ios_team_id,appza_ios_app_store_name:e.data.appza_ios_app_store_name})})).catch((function(e){console.log(e)})),setTimeout((()=>{pe.close()}),1e3)}),[]),(0,n.useEffect)((()=>{me.open(),(0,J.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/support-plugins`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`}}).then((e=>{se(e.data),me.close()})).catch((function(e){console.log(e),me.close()}))}),[ue]);const[_e,be]=(0,n.useState)({});return(0,n.useEffect)((()=>{window.appzaPremium&&(window.appzaPremium.licenseArea(ne),window.appzaPremium.globalFileUpload(ne),window.appzaPremium.buildHistory(ne))}),[]),(0,l.createElement)(l.Fragment,null,(0,l.createElement)(d.t,{defaultValue:"general",h:"92%",pos:"relative"},(0,l.createElement)(m.p,{visible:ce,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"sm"}}),(0,l.createElement)(d.t.List,null,(0,l.createElement)(d.t.Tab,{leftSection:(0,l.createElement)(A.default,{size:14}),value:"general"},"General"),(0,l.createElement)(d.t.Tab,{disabled:!window.appzaPremium,leftSection:(0,l.createElement)(j.default,{size:14}),value:"license"},"License"),(0,l.createElement)(d.t.Tab,{leftSection:(0,l.createElement)(I.default,{size:14}),value:"integration"},"Integration"),(0,l.createElement)(d.t.Tab,{leftSection:(0,l.createElement)(T.default,{size:14}),value:"app-store-config"},"App store config"),(0,l.createElement)(d.t.Tab,{disabled:!0,leftSection:(0,l.createElement)($.default,{size:14}),value:"firebase-integration"},"Firebase Integration"),(0,l.createElement)(d.t.Tab,{disabled:!0,leftSection:(0,l.createElement)(R.default,{size:14}),value:"branding"},"Branding"),(0,l.createElement)(d.t.Tab,{disabled:!window.appzaPremium,leftSection:(0,l.createElement)(O.default,{size:14}),value:"build-history"},"Build History"),(0,l.createElement)(d.t.Tab,{disabled:!0,leftSection:(0,l.createElement)(B.default,{size:14}),value:"others"},"Others")),(0,l.createElement)(d.t.Panel,{value:"general",h:"94%"},(0,l.createElement)(u.x,{gutter:0,mt:"xs",h:"95%"},(0,l.createElement)(u.x.Col,{span:6},(0,l.createElement)(g.k,{"data-autofocus":!0,label:"",placeholder:"App Name",rightSection:(0,l.createElement)(L.default,{style:{width:(0,r.D)(16),height:(0,r.D)(16)}}),defaultValue:oe?.app_name,rightSectionPointerEvents:"none",onChange:e=>re({...oe,app_name:e.currentTarget.value}),mb:"xs"}),(0,l.createElement)(f.l,{label:"",searchable:!0,placeholder:"Primary Font",data:[{value:"Open Sans",label:"Open Sans"},{value:"Roboto",label:"Roboto"},{value:"Poppins",label:"Poppins"}],rightSection:(0,l.createElement)(V.default,{style:{width:(0,r.D)(16),height:(0,r.D)(16)}}),rightSectionPointerEvents:"none",value:oe?.primary_font,onChange:e=>re({...oe,primary_font:e}),allowDeselect:!1,nothingFoundMessage:"Nothing found...",maxDropdownHeight:200,mb:"xs"}),(0,l.createElement)(f.l,{label:"",searchable:!0,placeholder:"Secondary Font",data:[{value:"Open Sans",label:"Open Sans"},{value:"Roboto",label:"Roboto"},{value:"Poppins",label:"Poppins"}],rightSection:(0,l.createElement)(V.default,{style:{width:(0,r.D)(16),height:(0,r.D)(16)}}),value:oe?.secondary_font,onChange:e=>re({...oe,secondary_font:e}),allowDeselect:!1,nothingFoundMessage:"Nothing found...",maxDropdownHeight:200,mb:"xs"}),(0,l.createElement)(i.s,{align:"center",justify:"space-between",mb:"xs"},(0,l.createElement)(c.E,{fz:14},"Primary Font Color"),(0,l.createElement)(E.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:oe?.primary_font_color,height:36,width:36,color:"transparent"}},defaultValue:"",value:"",variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,onChangeEnd:e=>re({...oe,primary_font_color:e}),swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]})),(0,l.createElement)(i.s,{align:"center",justify:"space-between",mb:"xs"},(0,l.createElement)(c.E,{fz:14},"Secondary Font Color"),(0,l.createElement)(E.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:oe?.secondary_font_color,height:36,width:36,color:"transparent"}},defaultValue:"",value:"",variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,onChangeEnd:e=>re({...oe,secondary_font_color:e}),swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,l.createElement)(u.x.Col,{span:"auto"},(0,l.createElement)(h.o,null,(0,l.createElement)(_.a,{id:"appza-global-file-upload",w:380},(0,l.createElement)(b._,{w:400,h:680,fit:"contain",src:te}))))),(0,l.createElement)(s.Y,{justify:"flex-end"},(0,l.createElement)(y.$,{onClick:()=>{const e=q.$e.show({color:"var(--mantine-color-orange-2)",loading:!0,title:"Processing...",autoClose:!1,withCloseButton:!1});(0,J.A)({method:"post",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-settings`,headers:{Accept:"application/json","Content-Type":"multipart/form-data","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:oe}).then((t=>{q.$e.update({id:e,color:"var(--mantine-color-orange-7)",title:t.data.message,icon:(0,l.createElement)(D.default,{style:{width:(0,r.D)(18),height:(0,r.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0})})).catch((function(t){console.log(t),q.$e.update({id:e,color:"var(--mantine-color-red-9)",title:t.response.data.message,icon:(0,l.createElement)(k.default,{style:{width:(0,r.D)(18),height:(0,r.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0})}))},leftSection:(0,l.createElement)(Y.default,null)},"Save"))),(0,l.createElement)(d.t.Panel,{value:"license"},(0,l.createElement)(_.a,{id:"appza-license-area"})),(0,l.createElement)(d.t.Panel,{value:"integration",pos:"relative"},(0,l.createElement)(m.p,{visible:de,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}}),0===ie.length&&(0,l.createElement)(h.o,{py:10},(0,l.createElement)(y.$,{variant:"outline",size:"xs",onClick:()=>ge.toggle(),leftSection:(0,l.createElement)(F.default,null)},"Reload")),0!==ie.length&&(0,l.createElement)(i.s,{justify:"space-between",align:"center",py:10},ie?.map(((t,a)=>(0,l.createElement)(z.m,{disabled:!le.K.includes(t.slug),position:"bottom",color:"white",label:(0,l.createElement)(v.t,{withBorder:!0,p:"xs",radius:"md"},(0,l.createElement)(i.s,{align:"center",gap:"xs"},(0,l.createElement)(w.L,{radius:"xl",variant:"gradient",gradient:{from:"indigo",to:"violet",deg:173},p:4},(0,l.createElement)(W.default,{style:{transform:"rotate(-25deg)"}})),(0,l.createElement)(_.a,null,(0,l.createElement)(c.E,{c:ne.colors.dark[9],fw:500},"Upcoming"),(0,l.createElement)(c.E,{c:"dimmed"},"This feature is coming soon!")))),styles:{tooltip:{padding:0}}},(0,l.createElement)(_.a,{pos:"relative"},(0,l.createElement)(m.p,{visible:_e[t.slug]||!1,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}}),(0,l.createElement)(C.d,{key:t.slug,checked:oe?.extensions?.includes(t.slug)||"wordpress"===t.slug,onChange:a=>{return"wordpress"!==t.slug&&(n=a.target.checked,o=t.slug,void ae.jQ.openConfirmModal({title:"",centered:!0,children:(0,l.createElement)(i.s,{justify:"center",align:"center",gap:"sm",w:"100%",direction:"column"},(0,l.createElement)(s.Y,{gap:"xs"},(0,l.createElement)(k.default,{color:ne.primaryColor}),(0,l.createElement)(c.E,{size:"sm",fw:600},"Confirmation!")),(0,l.createElement)(p.c,{size:"xs",w:"100%"}),(0,l.createElement)(c.E,{size:"sm",c:"#4D4D4D",ta:"center",my:30},"Are You Sure! After changing theme will be removed.")),labels:{cancel:"No, Keep It.",confirm:"Yes, Proceed!"},confirmProps:{bg:ne.primaryColor,c:"#ffffff",style:{borderColor:ne.primaryColor}},cancelProps:{bg:"var(--mantine-color-gray-2)",c:"#202020"},withCloseButton:!1,groupProps:{justify:"center"},overlayProps:{blur:1},closeOnClickOutside:!1,modalProps:{body:{padding:0}},onCancel:()=>console.log("Cancel"),onConfirm:()=>{be({..._e,[o]:!0}),(0,J.A)({method:"put",url:`${appLocalizer.apiUrl}/appza/web/api/v1/config/extensions`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:{[o]:n}}).then((t=>{re(t.data.data),be({..._e,[o]:!1}),e((e=>!e)),Ee.open()})).catch((function(e){console.log(e),be({..._e,[o]:!1}),q.$e.show({color:"var(--mantine-color-red-9)",title:e.response.data.message,icon:(0,l.createElement)(k.default,{style:{width:(0,r.D)(18),height:(0,r.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0})}))}}));var n,o},size:"xs",label:(0,l.createElement)(i.s,{justify:"flex-start",align:"center",gap:6},(0,l.createElement)(h.o,{bg:"gray.2",h:36,w:36,p:5,style:{borderRadius:"var(--mantine-radius-sm)"}},(0,l.createElement)(b._,{fit:"contain",src:t.image})),(0,l.createElement)(c.E,{size:"sm",fw:600},t.name)),radius:"sm",styles:{body:{alignItems:"center",padding:5,boxShadow:"var(--mantine-shadow-md)",borderRadius:"var(--mantine-radius-sm)",border:"var(--mantine-color-gray-2) 1px solid"}},disabled:le.K.includes(t.slug)})))))),(0,l.createElement)(_.a,null,(0,l.createElement)(s.Y,{gap:2},(0,l.createElement)(W.default,{color:ne.primaryColor}),(0,l.createElement)(c.E,{c:ne.primaryColor,fs:"italic"},"Currently, Only one extension can be activated with Wordpress Core!"))),fe&&(0,l.createElement)(v.t,{bg:ne.colors.gray[0],p:"xs",withBorder:!0},(0,l.createElement)(i.s,{justify:"space-between",align:"center"},(0,l.createElement)(c.E,null,"Please Go through the themes of your selected addons, Active a theme to customize your app."),(0,l.createElement)(y.$,{onClick:()=>{a.open(),t.close()},rightSection:(0,l.createElement)(N.default,null)},(0,l.createElement)(c.E,{fw:600},"Explore Themes"))))),(0,l.createElement)(d.t.Panel,{value:"app-store-config"},(0,l.createElement)(s.Y,{gap:2,p:2,mb:"xs",bg:ne.primaryColor+".0",style:{borderRadius:"var(--mantine-radius-sm)"}},(0,l.createElement)(U.default,{color:ne.primaryColor}),(0,l.createElement)(P.h,{c:ne.primaryColor,order:5},"iOS")),(0,l.createElement)(_.a,{component:"form",onSubmit:he.onSubmit((()=>{const e=q.$e.show({color:"var(--mantine-color-orange-2)",loading:!0,title:"Processing...",autoClose:!1,withCloseButton:!1});(0,J.A)({method:"post",url:`${appLocalizer.apiUrl}/appza/web/api/v1/key-integration`,headers:{Accept:"application/json","Content-Type":"multipart/form-data","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:he.values}).then((t=>{q.$e.update({id:e,color:"var(--mantine-color-orange-7)",title:t.data.message,icon:(0,l.createElement)(D.default,{style:{width:(0,r.D)(18),height:(0,r.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0})})).catch((function(t){console.log(t),q.$e.update({id:e,color:"var(--mantine-color-red-9)",title:t.response.data.message,icon:(0,l.createElement)(k.default,{style:{width:(0,r.D)(18),height:(0,r.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0})}))}))},(0,l.createElement)(u.x,null,(0,l.createElement)(u.x.Col,{span:6},(0,l.createElement)(g.k,{label:"Issuer ID",placeholder:"Enter Issuer ID",defaultValue:oe?.appza_ios_issuer_id,...he.getInputProps("appza_ios_issuer_id")}),(0,l.createElement)(g.k,{label:"Key ID",placeholder:"Enter Key ID",defaultValue:oe?.appza_ios_key_id,...he.getInputProps("appza_ios_key_id")}),(0,l.createElement)(g.k,{label:"Team ID",placeholder:"Enter Team ID",defaultValue:oe?.appza_ios_team_id,...he.getInputProps("appza_ios_team_id")})),(0,l.createElement)(u.x.Col,{span:"auto"},(0,l.createElement)(S.mR,{onDrop:e=>{he.setValues({...he.values,appza_ios_p8_file:e[0]})},onReject:e=>{q.$e.show({title:"Only .p8 file!",color:"var(--mantine-color-red-9)",autoClose:5e3,icon:(0,l.createElement)(k.default,{style:{width:(0,r.D)(18),height:(0,r.D)(18)}})})},maxSize:1048576,accept:{"application/pkcs8":[".p8"]},style:{border:"2px dashed var(--mantine-color-orange-4)"},mb:"xs"},(0,l.createElement)(x.B,{gap:"sm",align:"center",justify:"center",mih:200,style:{pointerEvents:"none"}},(0,l.createElement)(S.mR.Accept,null,(0,l.createElement)(K.default,{size:50,color:"var(--mantine-color-blue-6)",stroke:1.5})),(0,l.createElement)(S.mR.Reject,null,(0,l.createElement)(M.default,{size:50,color:"var(--mantine-color-red-6)",stroke:1.5})),(0,l.createElement)(S.mR.Idle,null,!he.values.appza_ios_p8_file&&0===oe?.appza_ios_p8_file_content?.length&&(0,l.createElement)(X.default,{size:50,color:"var(--mantine-color-dimmed)",stroke:1.5}),he.values.appza_ios_p8_file&&(0,l.createElement)(s.Y,{justify:"center",gap:2},(0,l.createElement)(H.default,{color:ne.primaryColor,size:57}),(0,l.createElement)(c.E,{size:"md",fw:700,inline:!0},he.values.appza_ios_p8_file.name)),!he.values.appza_ios_p8_file&&oe?.appza_ios_p8_file_content?.length>0&&(0,l.createElement)(s.Y,{justify:"center",gap:2},(0,l.createElement)(H.default,{color:ne.primaryColor,size:57}),(0,l.createElement)(c.E,{size:"md",fw:700,inline:!0},oe?.appza_ios_p8_file_name))),(0,l.createElement)(c.E,{size:"xl",inline:!0},"Drag File or ",(0,l.createElement)("span",{style:{color:"var(--mantine-color-orange-4)"}},"Upload")),(0,l.createElement)(c.E,{size:"md",fw:700,inline:!0},"(only .p8 file)"))))),(0,l.createElement)(s.Y,{justify:"flex-end"},(0,l.createElement)(y.$,{type:"submit",leftSection:(0,l.createElement)(Y.default,null)},"Save"))),(0,l.createElement)(s.Y,{gap:2,p:2,mb:"xs",mt:"xs",bg:ne.primaryColor+".0",style:{borderRadius:"var(--mantine-radius-sm)"}},(0,l.createElement)(G.default,{color:ne.primaryColor}),(0,l.createElement)(P.h,{c:ne.primaryColor,order:5},"Android")),(0,l.createElement)(_.a,null,(0,l.createElement)(s.Y,{gap:2},(0,l.createElement)(W.default,{color:ne.primaryColor}),(0,l.createElement)(c.E,{c:ne.primaryColor,fs:"italic"},"Do not need any configuration for android!"),(0,l.createElement)(Q.default,{color:ne.primaryColor})))),(0,l.createElement)(d.t.Panel,{value:"branding"},"Branding"),(0,l.createElement)(d.t.Panel,{value:"build-history"},(0,l.createElement)(_.a,{id:"appza-app-build-history"})),(0,l.createElement)(d.t.Panel,{value:"others"},"Others")))}}}]);

  • appza-builder/trunk/admin/frontend/build/722.js

    r3296359 r3298544  
    1 "use strict";(globalThis.webpackChunkfrontend=globalThis.webpackChunkfrontend||[]).push([[722],{567722:(e,t,r)=>{r.r(t),r.d(t,{default:()=>le});var o=r(951609),a=r(801101),l=r(288149),s=r(311507),i=r(495362),n=r(556338),c=r(641709),m=r(767155),d=r(864999),p=r(917826),u=r(69019),y=r(40054),_=r(921152),g=r(790648),E=r(805055),z=r(148324),b=r(481004),f=r(894759),h=r(909543),x=r(986087),w=r(20899),v=r(101573),C=r(476528),k=r(665825),$=r(263722),S=r(499232),j=r(653479),I=r(763200),B=r(771083),R=r(745155),P=r(365311),D=r(257193),A=r(101578),W=r(143325);const T=({activeLayout:e,setActiveLayout:t,component:r,index:l})=>{const[s,i]=(0,x.useState)(!1),n=void 0===A[r.customize_properties?.icon_code]?W.default:A[r.customize_properties?.icon_code],c=(0,a.xd)();return(0,o.createElement)(R.x,{align:"center",justify:"space-between",gutter:0},(0,o.createElement)(R.x.Col,{span:2,p:5},(0,o.createElement)(P.e,{variant:"filled",color:r?.customize_properties?.is_active?"dark.9":""},(0,o.createElement)(n,null)),s&&(0,o.createElement)(p.E,null,r?.customize_properties?.label)),(0,o.createElement)(R.x.Col,{span:"auto",p:5},r?.customize_properties?.is_active&&s&&(0,o.createElement)(D.k,{defaultValue:r?.customize_properties.label,onChange:r=>{let o=[...e.components];o[l].customize_properties.label=r.target.value,t({...e,components:o})}})),(0,o.createElement)(R.x.Col,{span:4,p:5},(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"sm"},(0,o.createElement)(E.$,{disabled:!r?.customize_properties?.is_active,size:"compact-xs",radius:"xs",color:c.primaryColor+".1",fw:500,onClick:()=>i(!s)},(0,o.createElement)(p.E,{c:"dark.7",fz:12},"Edit")),(0,o.createElement)(g.d,{defaultChecked:r?.customize_properties?.is_active,size:"xs",label:"",radius:"sm",onChange:r=>{let o=[...e.components];o[l].customize_properties.is_active=r.target.checked,t({...e,components:o})}}))))};var M=r(518649);const F=({layout:e,setRecallAppbar:t})=>{const{height:r,width:R}=(0,M.l)(),[P,D]=(0,x.useState)(null),[A,W]=(0,x.useState)(!1),F=(0,a.xd)();return(0,x.useEffect)((()=>{D(e)}),[e]),(0,o.createElement)(s.a,{pt:"sm",pos:"relative"},(0,o.createElement)(i.p,{visible:!P,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}}),(0,o.createElement)(n.t,{variant:"pills",defaultValue:"properties",px:"sm",pb:"sm"},(0,o.createElement)(n.t.List,{grow:!0,bg:"gray.1"},(0,o.createElement)(n.t.Tab,{value:"properties"},"Properties"),(0,o.createElement)(n.t.Tab,{value:"options"},"Options"),(0,o.createElement)(n.t.Tab,{value:"action"},"Action")),(0,o.createElement)(c.F,{h:r-215,scrollbarSize:3},(0,o.createElement)(n.t.Panel,{value:"properties"},(0,o.createElement)(m.n,{mt:25,chevronPosition:"right",variant:"contained",mb:"sm",defaultValue:"General Properties"},(0,o.createElement)(m.n.Item,{mb:10,style:{borderTopLeftRadius:0,borderTopRightRadius:0},value:"General Properties"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"General Properties"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Background Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:P?.customize_styles?.general_properties?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Float"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(g.d,{checked:P?.customize_styles?.general_properties?.float,size:"xs",label:"",radius:"sm",onChange:e=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,float:e.currentTarget.checked}}})}}))),(0,o.createElement)(s.a,{display:P?.customize_styles?.general_properties?.float?"block":"none"},(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Margin Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_x:"0"}}})},style:0==P?.customize_styles?.general_properties?.margin_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:35,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_x:"4"}}})},style:4==P?.customize_styles?.general_properties?.margin_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_x:"8"}}})},style:8==P?.customize_styles?.general_properties?.margin_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_x:"16"}}})},style:16==P?.customize_styles?.general_properties?.margin_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_x:"24"}}})},style:24==P?.customize_styles?.general_properties?.margin_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12}))))),(0,o.createElement)(s.a,{display:P?.customize_styles?.general_properties?.float?"block":"none"},(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Margin Top"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_y:"0"}}})},style:0==P?.customize_styles?.general_properties?.margin_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:40,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_y:"4"}}})},style:4==P?.customize_styles?.general_properties?.margin_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_y:"8"}}})},style:8==P?.customize_styles?.general_properties?.margin_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_y:"16"}}})},style:16==P?.customize_styles?.general_properties?.margin_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_y:"24"}}})},style:24==P?.customize_styles?.general_properties?.margin_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12})))))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Shadow"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${0==P?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shadow:"0"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 4px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${1==P?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shadow:"1"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 8px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${2==P?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shadow:"2"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 16px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${3==P?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shadow:"3"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 24px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Shape Type"),(0,o.createElement)(y.s,{align:"center",justify:"center",color:"gray.4",gap:10,wrap:"wrap"},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shape_radius:"0"}}})},style:0==P?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:0},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shape_radius:"10"}}})},style:10==P?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:4},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shape_radius:"20"}}})},style:20==P?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:8},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shape_radius:"30"}}})},style:30==P?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:12},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shape_radius:"40"}}})},style:40==P?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:4,py:10,radius:16},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1})))))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Icon Properties"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Icon Properties"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Shape Radius"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${0==P?.customize_styles?.icon_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,shape_radius:"0"}}})},variant:"filled",radius:"xs","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},stroke:1.5}))),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${50==P?.customize_styles?.icon_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,shape_radius:"50"}}})},variant:"filled",radius:"xl","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},stroke:1.5}))),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${10==P?.customize_styles?.icon_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,shape_radius:"10"}}})},variant:"filled",radius:"sm","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},stroke:1.5}))))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Background Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:P?.customize_styles?.icon_properties?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Transparent Background"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(g.d,{checked:P?.customize_styles?.icon_properties?.is_transparent_background,size:"xs",label:"",radius:"sm",onChange:e=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,is_transparent_background:e.currentTarget.checked}}})}}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:P?.customize_styles?.icon_properties?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Size"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,size:"32.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"32.0"==P?.customize_styles?.icon_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"32")),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,size:"24.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"24.0"==P?.customize_styles?.icon_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"24")),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,size:"16.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"16.0"==P?.customize_styles?.icon_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"16")))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Weight"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,weight:"4.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"4.0"==P?.customize_styles?.icon_properties?.weight?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},color:"#475177",stroke:3.5})),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,weight:"1.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"1.0"==P?.customize_styles?.icon_properties?.weight?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},color:"#475177",stroke:1.5})),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,weight:"2.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"2.0"==P?.customize_styles?.icon_properties?.weight?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},color:"#475177",stroke:2.5})))),(0,o.createElement)(s.a,null,(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:12},"Padding Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_x:"0"}}})},style:0==P?.customize_styles?.icon_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_x:"8"}}})},style:8==P?.customize_styles?.icon_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_x:"16"}}})},style:16==P?.customize_styles?.icon_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_x:"20"}}})},style:20==P?.customize_styles?.icon_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:64,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:5},"20")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_x:"24"}}})},style:24==P?.customize_styles?.icon_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12}))))),(0,o.createElement)(s.a,null,(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:12},"Padding Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_y:"0"}}})},style:0==P?.customize_styles?.icon_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_y:"8"}}})},style:8==P?.customize_styles?.icon_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_y:"16"}}})},style:16==P?.customize_styles?.icon_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_y:"20"}}})},style:20==P?.customize_styles?.icon_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:66,w:31},(0,o.createElement)(y.s,{direction:"column",gap:10},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"20")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_y:"24"}}})},style:24==P?.customize_styles?.icon_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))))))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Image Properties"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Image Properties"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Image Size"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,width:"32.0",height:"32.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"32.0"==P?.customize_styles?.image_properties?.width?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"32")),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,width:"24.0",height:"24.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"24.0"==P?.customize_styles?.image_properties?.width?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"24")),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,width:"16.0",height:"16.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"16.0"==P?.customize_styles?.image_properties?.width?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"16")))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Image Shape Radius"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${"0.0"==P?.customize_styles?.image_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,shape_radius:"0.0"}}})},variant:"filled",radius:"xs","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(j.default,{style:{width:"70%",height:"70%"},stroke:1.5}))),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${"50.0"==P?.customize_styles?.image_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,shape_radius:"50.0"}}})},variant:"filled",radius:"xl","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(j.default,{style:{width:"70%",height:"70%"},stroke:1.5}))),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${"10.0"==P?.customize_styles?.image_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,shape_radius:"10.0"}}})},variant:"filled",radius:"sm","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(j.default,{style:{width:"70%",height:"70%"},stroke:1.5})))))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Border"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Border"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Width"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:10},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_width:"0"}}})},style:0==P?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:67,h:27},(0,o.createElement)(p.E,{c:"dark.9",fz:12},"No Border")),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_width:"1"}}})},style:1==P?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:P?.customize_styles?.general_properties?.border_color,h:1,w:48})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_width:"2"}}})},style:2==P?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:P?.customize_styles?.general_properties?.border_color,h:2,w:48})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_width:"3"}}})},style:3==P?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:P?.customize_styles?.general_properties?.border_color,h:3,w:48})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_width:"4"}}})},style:4==P?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:P?.customize_styles?.general_properties?.border_color,h:4,w:48})))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Color Opacity"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:P?.customize_styles?.general_properties?.border_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]})))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderBottomLeftRadius:0,borderBottomRightRadius:0,borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Padding"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Padding"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:12},"Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_x:"8"}}})},style:8==P?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_x:"16"}}})},style:16==P?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_x:"20"}}})},style:20==P?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:64,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:5},"20")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_x:"24"}}})},style:24==P?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12}))))),(0,o.createElement)(s.a,{h:1,w:"100%",bg:"gray.2"}),(0,o.createElement)(s.a,null,(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:12},"Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_y:"8"}}})},style:8==P?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_y:"16"}}})},style:16==P?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_y:"20"}}})},style:20==P?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:66,w:31},(0,o.createElement)(y.s,{direction:"column",gap:10},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"20")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_y:"24"}}})},style:24==P?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))))))))))),(0,o.createElement)(n.t.Panel,{value:"options"},(0,o.createElement)(u.B,{gap:"xs",mt:10},P?.components?.map(((e,t)=>(0,o.createElement)(T,{key:e.id,index:t,component:e,activeLayout:P,setActiveLayout:D}))))))),(0,o.createElement)(y.s,{justify:"flex-end",align:"center",pr:"sm"},(0,o.createElement)(E.$,{leftSection:(0,o.createElement)(I.default,null),onClick:()=>(()=>{W(!0);const e=h.$e.show({color:F.primaryColor+".2",loading:!0,title:"Saving...",autoClose:!1,withCloseButton:!1});(0,B.A)({method:"put",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:P}).then((r=>{h.$e.update({id:e,color:F.primaryColor,title:"Data saved!",icon:(0,o.createElement)(w.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),W(!1),t((e=>!e)),D(r.data)})).catch((function(t){console.log(t),h.$e.update({id:e,color:"var(--mantine-color-red-9)",title:t.response.data.message,icon:(0,o.createElement)(v.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),W(!1)}))})(),disabled:A},"Update & Save")))};var V=r(764238);const L=({setRecallNavbar:e,layout:t})=>{const{height:r,width:R}=(0,M.l)(),[P,D]=(0,x.useState)(null),[A,W]=(0,x.useState)(!1),F=(0,a.xd)();return(0,x.useEffect)((()=>{D(t)}),[t]),(0,o.createElement)(s.a,{pt:"sm",pos:"relative"},(0,o.createElement)(i.p,{visible:!P,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}}),(0,o.createElement)(n.t,{variant:"pills",defaultValue:"properties",px:"sm",pb:"sm"},(0,o.createElement)(n.t.List,{grow:!0,bg:"gray.1"},(0,o.createElement)(n.t.Tab,{value:"properties"},"Properties"),(0,o.createElement)(n.t.Tab,{value:"options"},"Options"),(0,o.createElement)(n.t.Tab,{value:"action"},"Action")),(0,o.createElement)(c.F,{h:r-215,scrollbarSize:3},(0,o.createElement)(n.t.Panel,{value:"properties"},(0,o.createElement)(m.n,{mt:25,chevronPosition:"right",variant:"contained",mb:"sm",defaultValue:"General Properties"},(0,o.createElement)(m.n.Item,{mb:10,style:{borderTopLeftRadius:0,borderTopRightRadius:0},value:"General Properties"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"General Properties"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Background Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:P?.customize_styles?.general_properties?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Float"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(g.d,{checked:P?.customize_styles?.general_properties?.float,size:"xs",label:"",radius:"sm",onChange:e=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,float:e.currentTarget.checked}}})}}))),(0,o.createElement)(s.a,{display:P?.customize_styles?.general_properties?.float?"block":"none"},(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Margin Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_x:"0"}}})},style:0==P?.customize_styles?.general_properties?.margin_x?{border:"var(--mantine-color-orange-6) 1px solid"}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:35,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_x:"4"}}})},style:4==P?.customize_styles?.general_properties?.margin_x?{border:"var(--mantine-color-orange-6) 1px solid"}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_x:"8"}}})},style:8==P?.customize_styles?.general_properties?.margin_x?{border:"var(--mantine-color-orange-6) 1px solid"}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_x:"16"}}})},style:16==P?.customize_styles?.general_properties?.margin_x?{border:"var(--mantine-color-orange-6) 1px solid"}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_x:"24"}}})},style:24==P?.customize_styles?.general_properties?.margin_x?{border:"var(--mantine-color-orange-6) 1px solid"}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12}))))),(0,o.createElement)(s.a,{display:P?.customize_styles?.general_properties?.float?"block":"none"},(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Margin Bottom"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_y:"0"}}})},style:0==P?.customize_styles?.general_properties?.margin_y?{border:"var(--mantine-color-orange-6) 1px solid"}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:40,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_y:"4"}}})},style:4==P?.customize_styles?.general_properties?.margin_y?{border:"var(--mantine-color-orange-6) 1px solid"}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_y:"8"}}})},style:8==P?.customize_styles?.general_properties?.margin_y?{border:"var(--mantine-color-orange-6) 1px solid"}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_y:"16"}}})},style:16==P?.customize_styles?.general_properties?.margin_y?{border:"var(--mantine-color-orange-6) 1px solid"}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_y:"24"}}})},style:24==P?.customize_styles?.general_properties?.margin_y?{border:"var(--mantine-color-orange-6) 1px solid"}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12})))))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Shadow"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${0==P?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shadow:"0"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 4px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${1==P?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shadow:"1"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 8px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${2==P?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shadow:"2"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 16px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${3==P?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shadow:"3"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 24px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Shape Type"),(0,o.createElement)(y.s,{align:"center",justify:"center",color:"gray.4",gap:10,wrap:"wrap"},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shape_radius:"0"}}})},style:0==P?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:0},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shape_radius:"10"}}})},style:10==P?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:4},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shape_radius:"20"}}})},style:20==P?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:8},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shape_radius:"30"}}})},style:30==P?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:12},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shape_radius:"40"}}})},style:40==P?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:4,py:10,radius:16},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1})))))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Icon Properties"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Icon Properties"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Shape Radius"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${0==P?.customize_styles?.icon_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,shape_radius:"0"}}})},variant:"filled",radius:"xs","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},stroke:1.5}))),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${50==P?.customize_styles?.icon_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,shape_radius:"50"}}})},variant:"filled",radius:"xl","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},stroke:1.5}))),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${10==P?.customize_styles?.icon_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,shape_radius:"10"}}})},variant:"filled",radius:"sm","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},stroke:1.5}))))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Background Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:P?.customize_styles?.icon_properties?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Transparent Background"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(g.d,{checked:P?.customize_styles?.icon_properties?.is_transparent_background,size:"xs",label:"",radius:"sm",onChange:e=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,is_transparent_background:e.currentTarget.checked}}})}}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Size"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,size:"32.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"32.0"==P?.customize_styles?.icon_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"32")),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,size:"24.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"24.0"==P?.customize_styles?.icon_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"24")),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,size:"16.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"16.0"==P?.customize_styles?.icon_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"16")))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Weight"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,weight:"4.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"4.0"==P?.customize_styles?.icon_properties?.weight?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},color:"#475177",stroke:3.5})),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,weight:"1.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"1.0"==P?.customize_styles?.icon_properties?.weight?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},color:"#475177",stroke:1.5})),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,weight:"2.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"2.0"==P?.customize_styles?.icon_properties?.weight?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},color:"#475177",stroke:2.5})))),(0,o.createElement)(s.a,null,(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:12},"Padding Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_x:"0"}}})},style:0==P?.customize_styles?.icon_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_x:"8"}}})},style:8==P?.customize_styles?.icon_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_x:"16"}}})},style:16==P?.customize_styles?.icon_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_x:"20"}}})},style:20==P?.customize_styles?.icon_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:64,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:5},"20")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_x:"24"}}})},style:24==P?.customize_styles?.icon_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12}))))),(0,o.createElement)(s.a,null,(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:12},"Padding Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_y:"0"}}})},style:0==P?.customize_styles?.icon_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_y:"8"}}})},style:8==P?.customize_styles?.icon_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_y:"16"}}})},style:16==P?.customize_styles?.icon_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_y:"20"}}})},style:20==P?.customize_styles?.icon_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:66,w:31},(0,o.createElement)(y.s,{direction:"column",gap:10},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"20")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_y:"24"}}})},style:24==P?.customize_styles?.icon_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12})))))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Selected Icon Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:P?.customize_styles?.icon_properties?.selected_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,selected_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Unselected Icon Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:P?.customize_styles?.icon_properties?.unselected_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,unselected_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]})))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Image Properties"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Image Properties"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Image Size"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,size:"32.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"32.0"==P?.customize_styles?.image_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"32")),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,size:"24.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"24.0"==P?.customize_styles?.image_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"24")),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,size:"16.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"16.0"==P?.customize_styles?.image_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"16")))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Image Shape Radius"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${0==P?.customize_styles?.image_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,shape_radius:"0"}}})},variant:"filled",radius:"xs","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(j.default,{style:{width:"70%",height:"70%"},stroke:1.5}))),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${50==P?.customize_styles?.image_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,shape_radius:"50"}}})},variant:"filled",radius:"xl","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(j.default,{style:{width:"70%",height:"70%"},stroke:1.5}))),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${10==P?.customize_styles?.image_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,shape_radius:"10"}}})},variant:"filled",radius:"sm","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(j.default,{style:{width:"70%",height:"70%"},stroke:1.5})))))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Border"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Border"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Width"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:10},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_width:"0"}}})},style:0==P?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:67,h:27},(0,o.createElement)(p.E,{c:"dark.9",fz:12},"No Border")),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_width:"1"}}})},style:1==P?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:P?.customize_styles?.general_properties?.border_color,h:1,w:48})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_width:"2"}}})},style:2==P?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:P?.customize_styles?.general_properties?.border_color,h:2,w:48})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_width:"3"}}})},style:3==P?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:P?.customize_styles?.general_properties?.border_color,h:3,w:48})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_width:"4"}}})},style:4==P?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:P?.customize_styles?.general_properties?.border_color,h:4,w:48})))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Color Opacity"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:P?.customize_styles?.general_properties?.border_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]})))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderBottomLeftRadius:0,borderBottomRightRadius:0,borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Padding"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Padding"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:12},"Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_x:"8"}}})},style:8==P?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_x:"16"}}})},style:16==P?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_x:"20"}}})},style:20==P?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:64,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:5},"20")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_x:"24"}}})},style:24==P?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12}))))),(0,o.createElement)(s.a,{h:1,w:"100%",bg:"gray.2"}),(0,o.createElement)(s.a,null,(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:12},"Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_y:"8"}}})},style:8==P?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_y:"16"}}})},style:16==P?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_y:"20"}}})},style:20==P?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:66,w:31},(0,o.createElement)(y.s,{direction:"column",gap:10},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"20")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_y:"24"}}})},style:24==P?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))))))))))),(0,o.createElement)(n.t.Panel,{value:"options"},(0,o.createElement)(u.B,{gap:"xs",mt:10},P?.components?.map(((e,t)=>(0,o.createElement)(T,{key:e.id,index:t,component:e,activeLayout:P,setActiveLayout:D}))))))),(0,o.createElement)(y.s,{justify:"flex-end",align:"center",pr:"sm"},(0,o.createElement)(E.$,{leftSection:(0,o.createElement)(I.default,null),onClick:()=>(()=>{W(!0);const t=h.$e.show({color:F.primaryColor+".2",loading:!0,title:"Saving...",autoClose:!1,withCloseButton:!1});(0,B.A)({method:"put",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:P}).then((r=>{h.$e.update({id:t,color:F.primaryColor,title:"Data saved!",icon:(0,o.createElement)(w.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),W(!1),e((e=>!e)),D(r.data)})).catch((function(e){console.log(e),h.$e.update({id:t,color:"var(--mantine-color-red-9)",title:e.response.data.message,icon:(0,o.createElement)(v.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),W(!1)}))})(),disabled:A},"Update & Save")))},Y=({setRecallDrawer:e,layout:t})=>{const{height:r,width:j}=(0,M.l)(),[R,P]=(0,x.useState)(null),[A,W]=(0,x.useState)(!1),F=(0,a.xd)();return(0,x.useEffect)((()=>{P(t)}),[t]),(0,o.createElement)(s.a,{pt:"sm",pos:"relative"},(0,o.createElement)(i.p,{visible:!R,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}}),(0,o.createElement)(n.t,{variant:"pills",defaultValue:"properties",px:"sm",pb:"sm"},(0,o.createElement)(n.t.List,{grow:!0,bg:"gray.1"},(0,o.createElement)(n.t.Tab,{value:"properties"},"Properties"),(0,o.createElement)(n.t.Tab,{value:"options"},"Options"),(0,o.createElement)(n.t.Tab,{value:"action"},"Action")),(0,o.createElement)(c.F,{h:r-215,scrollbarSize:3},(0,o.createElement)(n.t.Panel,{value:"properties"},(0,o.createElement)(m.n,{mt:25,chevronPosition:"right",variant:"contained",mb:"sm",defaultValue:"General Properties"},(0,o.createElement)(m.n.Item,{mb:10,style:{borderTopLeftRadius:0,borderTopRightRadius:0},value:"General Properties"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"General Properties"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Background Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:R?.customize_styles?.general_properties?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Shadow"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${0==R?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,shadow:"0"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 4px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${1==R?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,shadow:"1"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 8px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${2==R?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,shadow:"2"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 16px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${3==R?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,shadow:"3"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 24px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Shape Type"),(0,o.createElement)(y.s,{align:"center",justify:"center",color:"gray.4",gap:10,wrap:"wrap"},(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,shape_radius:"0"}}})},style:0==R?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:0},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,shape_radius:"10"}}})},style:10==R?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:4},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,shape_radius:"20"}}})},style:20==R?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:8},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,shape_radius:"30"}}})},style:30==R?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:12},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,shape_radius:"40"}}})},style:40==R?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:4,py:10,radius:16},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1})))))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Icon Properties"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Icon Properties"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Shape Radius"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${0==R?.customize_styles?.icon_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,shape_radius:"0"}}})},variant:"filled",radius:"xs","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},stroke:1.5}))),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${50==R?.customize_styles?.icon_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,shape_radius:"50"}}})},variant:"filled",radius:"xl","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},stroke:1.5}))),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${10==R?.customize_styles?.icon_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,shape_radius:"10"}}})},variant:"filled",radius:"sm","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},stroke:1.5}))))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Background Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:R?.customize_styles?.icon_properties?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Transparent Background"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(g.d,{checked:R?.customize_styles?.icon_properties?.is_transparent_background,size:"xs",label:"",radius:"sm",onChange:e=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,is_transparent_background:e.currentTarget.checked}}})}}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:R?.customize_styles?.icon_properties?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Size"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,size:"32.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"32.0"==R?.customize_styles?.icon_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"32")),(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,size:"24.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"24.0"==R?.customize_styles?.icon_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"24")),(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,size:"16.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"16.0"==R?.customize_styles?.icon_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"16")))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Weight"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,weight:"4.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"4.0"==R?.customize_styles?.icon_properties?.weight?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},color:"#475177",stroke:3.5})),(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,weight:"1.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"1.0"==R?.customize_styles?.icon_properties?.weight?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},color:"#475177",stroke:1.5})),(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,weight:"2.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"2.0"==R?.customize_styles?.icon_properties?.weight?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},color:"#475177",stroke:2.5}))))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Text Properties"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Text Properties"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Title Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:R?.customize_styles?.text_properties?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{P({...R,customize_styles:{...R.customize_styles,text_properties:{...R.customize_styles.text_properties,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Title Text (Example)"),(0,o.createElement)(D.k,{defaultValue:R?.customize_styles?.text_properties?.text,fw:R?.customize_styles?.text_properties?.font_weight,td:R?.customize_styles?.text_properties?.text_decoration,fs:R?.customize_styles?.text_properties?.font_style,size:"xs",onChange:e=>{P({...R,customize_styles:{...R.customize_styles,text_properties:{...R.customize_styles.text_properties,text:e.currentTarget.value}}})}})),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Title Style"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,text_properties:{...R.customize_styles.text_properties,font_weight:700==R.customize_styles.text_properties.font_weight?500:700}}})},style:700==R?.customize_styles?.text_properties?.font_weight?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",h:46,w:60,p:0},(0,o.createElement)(p.E,{c:"#475177",fw:700,fz:14},"Bold")),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,text_properties:{...R.customize_styles.text_properties,font_style:"italic"===R.customize_styles.text_properties.font_style?"normal":"italic"}}})},style:"italic"===R?.customize_styles?.text_properties?.font_style?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",h:46,w:58,p:0},(0,o.createElement)(p.E,{c:"#475177",fs:"italic"},"Italic")),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,text_properties:{...R.customize_styles.text_properties,text_decoration:"underline"===R.customize_styles.text_properties.text_decoration?"none":"underline"}}})},style:"underline"===R?.customize_styles?.text_properties?.text_decoration?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",h:46,w:93,p:0},(0,o.createElement)(p.E,{c:"#475177",td:"underline"},"Underline"))))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Border"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Border"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Width"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:10},(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,border_width:"0"}}})},style:0==R?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:67,h:27},(0,o.createElement)(p.E,{c:"dark.9",fz:12},"No Border")),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,border_width:"1"}}})},style:1==R?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:R?.customize_styles?.general_properties?.border_color,h:1,w:48})),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,border_width:"2"}}})},style:2==R?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:R?.customize_styles?.general_properties?.border_color,h:2,w:48})),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,border_width:"3"}}})},style:3==R?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:R?.customize_styles?.general_properties?.border_color,h:3,w:48})),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,border_width:"4"}}})},style:4==R?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:R?.customize_styles?.general_properties?.border_color,h:4,w:48})))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Color Opacity"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:R?.customize_styles?.general_properties?.border_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,border_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]})))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderBottomLeftRadius:0,borderBottomRightRadius:0,borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Padding"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Padding"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:12},"Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,padding_x:"8"}}})},style:8==R?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,padding_x:"16"}}})},style:16==R?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,padding_x:"20"}}})},style:20==R?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:64,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:5},"20")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,padding_x:"24"}}})},style:24==R?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12}))))),(0,o.createElement)(s.a,{h:1,w:"100%",bg:"gray.2"}),(0,o.createElement)(s.a,null,(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:12},"Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,padding_y:"8"}}})},style:8==R?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,padding_y:"16"}}})},style:16==R?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,padding_y:"20"}}})},style:20==R?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:66,w:31},(0,o.createElement)(y.s,{direction:"column",gap:10},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"20")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,padding_y:"24"}}})},style:24==R?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))))))))))),(0,o.createElement)(n.t.Panel,{value:"options"},(0,o.createElement)(u.B,{gap:"xs",mt:10},R?.components?.map(((e,t)=>(0,o.createElement)(T,{key:e.id,index:t,component:e,activeLayout:R,setActiveLayout:P}))))))),(0,o.createElement)(y.s,{justify:"flex-end",align:"center",pr:"sm"},(0,o.createElement)(E.$,{leftSection:(0,o.createElement)(I.default,null),onClick:()=>(()=>{W(!0);const t=h.$e.show({color:F.primaryColor+".2",loading:!0,title:"Saving...",autoClose:!1,withCloseButton:!1});(0,B.A)({method:"put",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:R}).then((r=>{h.$e.update({id:t,color:F.primaryColor,title:"Data saved!",icon:(0,o.createElement)(w.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),W(!1),e((e=>!e)),P(r.data)})).catch((function(e){console.log(e),h.$e.update({id:t,color:"var(--mantine-color-red-9)",title:e.response.data.message,icon:(0,o.createElement)(v.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),W(!1)}))})(),disabled:A},"Update & Save")))};var N=r(501730),O=r(244067),U=r(117399),H=r(811922),G=r(904225),X=r(531074),q=r(655813),Q=r(363403),Z=r(429277),J=r(325987),K=r(157904),ee=r(174673),te=r(658335),re=r(169329),oe=r(806407);const ae=({layout:e,setReloadPageList:t})=>{const{height:r,width:b}=(0,M.l)(),[S,j]=(0,x.useState)(e),[P,A]=(0,x.useState)(!1),[W,T]=(0,x.useState)([]),[F,V]=(0,x.useState)([]),[L,Y]=(0,x.useState)([]),[ae,le]=(0,x.useState)(S.customize_properties.hasOwnProperty("categories")?"Categories":S.customize_properties.hasOwnProperty("tags")?"Tags":"Categories"),se=(0,a.xd)();(0,x.useEffect)((()=>{j(e)}),[e]),(0,x.useEffect)((()=>{"Woo_BannerCategory"!==e.properties.class_type&&"Woo_Category"!==e.properties.class_type&&"Woo_CategoryProduct"!==e.properties.class_type||((0,B.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/categories`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`}}).then((e=>{T(e.data)})).catch((function(e){console.log(e)})),(0,B.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/tags`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`}}).then((e=>{V(e.data)})).catch((function(e){console.log(e)})))}),[]);const ie=(0,re.m)({initialValues:{component_id:"",name:"",category:"",image:"",button_text:"",button_color:""},validate:{name:(0,oe.h)("Required!"),category:(0,oe.h)("Required!"),image:(0,oe.h)("Required!")}}),ne=L?.map(((e,t)=>{const r=URL.createObjectURL(e);return(0,o.createElement)(X._,{fit:"cover",w:"90%",h:"100%",key:t,src:r,onLoad:()=>URL.revokeObjectURL(r)})}));return(0,o.createElement)(s.a,{pt:"sm",pos:"relative"},(0,o.createElement)(i.p,{visible:!S,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}}),(0,o.createElement)(n.t,{variant:"pills",defaultValue:"properties",px:"sm",pb:"sm"},(0,o.createElement)(n.t.List,{grow:!0,bg:"gray.1",mb:"xs"},(0,o.createElement)(n.t.Tab,{value:"properties"},"Properties"),(0,o.createElement)(n.t.Tab,{value:"options"},"Options"),(0,o.createElement)(n.t.Tab,{value:"action"},"Action")),(0,o.createElement)(c.F,{h:r-215,scrollbarSize:3},(0,o.createElement)(n.t.Panel,{value:"properties"},(0,o.createElement)(m.n,{mt:"sm",chevronPosition:"right",variant:"contained",mb:"sm",defaultValue:"General",styles:{content:{paddingLeft:0,paddingRight:0,paddingBottom:0}}},(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)",borderRadius:"var(--mantine-radius-sm)"},value:"General"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"General"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(c.F,{h:r-380,scrollbarSize:3,type:"auto"},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Margin"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md",mb:5,p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,margin_x:"0"}}})},style:0==S?.customize_styles?.general_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:35,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,margin_x:"4"}}})},style:4==S?.customize_styles?.general_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,margin_x:"8"}}})},style:8==S?.customize_styles?.general_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,margin_x:"16"}}})},style:16==S?.customize_styles?.general_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,margin_x:"24"}}})},style:24==S?.customize_styles?.general_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md",p:5,mb:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,margin_y:"0"}}})},style:0==S?.customize_styles?.general_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:40,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,margin_y:"4"}}})},style:4==S?.customize_styles?.general_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,margin_y:"8"}}})},style:8==S?.customize_styles?.general_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,margin_y:"16"}}})},style:16==S?.customize_styles?.general_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,margin_y:"24"}}})},style:24==S?.customize_styles?.general_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12})))))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Padding"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md",p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,padding_x:"0"}}})},style:0==S?.customize_styles?.general_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:35,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,padding_x:"4"}}})},style:4==S?.customize_styles?.general_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,padding_x:"8"}}})},style:8==S?.customize_styles?.general_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,padding_x:"16"}}})},style:16==S?.customize_styles?.general_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,padding_x:"24"}}})},style:24==S?.customize_styles?.general_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md",p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,padding_y:"0"}}})},style:0==S?.customize_styles?.general_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:40,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,padding_y:"4"}}})},style:4==S?.customize_styles?.general_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,padding_y:"8"}}})},style:8==S?.customize_styles?.general_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,padding_y:"16"}}})},style:16==S?.customize_styles?.general_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,padding_y:"24"}}})},style:24==S?.customize_styles?.general_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12})))))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Border"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:5,p:5},(0,o.createElement)(p.E,{fz:14},"Width"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_width:"0"}}})},style:0==S?.customize_styles?.general_decoration?.border_width?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:67,h:27},(0,o.createElement)(p.E,{c:"dark.9",fz:12},"No Border")),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_width:"1"}}})},style:1==S?.customize_styles?.general_decoration?.border_width?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:S?.customize_styles?.general_decoration?.border_color,h:1,w:48})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_width:"2"}}})},style:2==S?.customize_styles?.general_decoration?.border_width?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:S?.customize_styles?.general_decoration?.border_color,h:2,w:48})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_width:"3"}}})},style:3==S?.customize_styles?.general_decoration?.border_width?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:S?.customize_styles?.general_decoration?.border_color,h:3,w:48})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_width:"4"}}})},style:4==S?.customize_styles?.general_decoration?.border_width?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:S?.customize_styles?.general_decoration?.border_color,h:4,w:48})))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:"md",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.general_decoration?.border_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]})),(0,o.createElement)(y.s,{p:5,align:"center",justify:"space-between"},(0,o.createElement)(p.E,{fz:14},"Radius"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_radius:"0"}}})},style:0==S?.customize_styles?.general_decoration?.border_radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:0},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_radius:"10"}}})},style:10==S?.customize_styles?.general_decoration?.border_radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:4},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_radius:"20"}}})},style:20==S?.customize_styles?.general_decoration?.border_radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:8},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_radius:"30"}}})},style:30==S?.customize_styles?.general_decoration?.border_radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:12},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_radius:"40"}}})},style:40==S?.customize_styles?.general_decoration?.border_radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:16},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1}))))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Shadow"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Shadow"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${0==S?.customize_styles?.general_decoration?.shadow_blur_radius?se.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,shadow_offset_x:"0",shadow_offset_y:"0",shadow_blur_radius:"0"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 4px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${5==S?.customize_styles?.general_decoration?.shadow_blur_radius?se.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,shadow_offset_x:"0",shadow_offset_y:"0",shadow_blur_radius:"5"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 8px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${10==S?.customize_styles?.general_decoration?.shadow_blur_radius?se.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,shadow_offset_x:"0",shadow_offset_y:"0",shadow_blur_radius:"10"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 16px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${15==S?.customize_styles?.general_decoration?.shadow_blur_radius?se.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,shadow_offset_x:"0",shadow_offset_y:"0",shadow_blur_radius:"15"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 24px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"}))))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Background"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.general_decoration?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]})))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)",borderRadius:"var(--mantine-radius-sm)"},value:"Items"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Items"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(m.n,{chevronPosition:"right",variant:"contained",styles:{content:{paddingLeft:0,paddingRight:0},label:{paddingTop:5,paddingBottom:5},item:{border:"none"}}},S?.customize_styles?.box_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Box"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Box")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Margin"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,margin_x:"0"}}})},style:0==S?.customize_styles?.box_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:35,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,margin_x:"4"}}})},style:4==S?.customize_styles?.box_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,margin_x:"8"}}})},style:8==S?.customize_styles?.box_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,margin_x:"16"}}})},style:16==S?.customize_styles?.box_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,margin_x:"24"}}})},style:24==S?.customize_styles?.box_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,margin_y:"0"}}})},style:0==S?.customize_styles?.box_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:40,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,margin_y:"4"}}})},style:4==S?.customize_styles?.box_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,margin_y:"8"}}})},style:8==S?.customize_styles?.box_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,margin_y:"16"}}})},style:16==S?.customize_styles?.box_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,margin_y:"24"}}})},style:24==S?.customize_styles?.box_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12})))))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Padding"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,padding_x:"0"}}})},style:0==S?.customize_styles?.box_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:35,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,padding_x:"4"}}})},style:4==S?.customize_styles?.box_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,padding_x:"8"}}})},style:8==S?.customize_styles?.box_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,padding_x:"16"}}})},style:16==S?.customize_styles?.box_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,padding_x:"24"}}})},style:24==S?.customize_styles?.box_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,padding_y:"0"}}})},style:0==S?.customize_styles?.box_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:40,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,padding_y:"4"}}})},style:4==S?.customize_styles?.box_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,padding_y:"8"}}})},style:8==S?.customize_styles?.box_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,padding_y:"16"}}})},style:16==S?.customize_styles?.box_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,padding_y:"24"}}})},style:24==S?.customize_styles?.box_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12})))))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Border"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Width"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_width:"0"}}})},style:0==S?.customize_styles?.box_decoration?.border_width?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:67,h:27},(0,o.createElement)(p.E,{c:"dark.9",fz:12},"No Border")),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_width:"1"}}})},style:1==S?.customize_styles?.box_decoration?.border_width?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:S?.customize_styles?.box_decoration?.border_color,h:1,w:48})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_width:"2"}}})},style:2==S?.customize_styles?.box_decoration?.border_width?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:S?.customize_styles?.box_decoration?.border_color,h:2,w:48})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_width:"3"}}})},style:3==S?.customize_styles?.box_decoration?.border_width?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:S?.customize_styles?.box_decoration?.border_color,h:3,w:48})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_width:"4"}}})},style:4==S?.customize_styles?.box_decoration?.border_width?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:S?.customize_styles?.box_decoration?.border_color,h:4,w:48})))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.box_decoration?.border_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]})),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Radius"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray.4",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_radius:"0"}}})},style:0==S?.customize_styles?.box_decoration?.border_radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:0},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_radius:"10"}}})},style:10==S?.customize_styles?.box_decoration?.border_radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:4},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_radius:"20"}}})},style:20==S?.customize_styles?.box_decoration?.border_radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:8},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_radius:"30"}}})},style:30==S?.customize_styles?.box_decoration?.border_radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:12},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_radius:"40"}}})},style:40==S?.customize_styles?.box_decoration?.border_radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:16},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1}))))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Shadow"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Shadow"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:5},(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:"1px solid "+(0==S?.customize_styles?.box_decoration?.shadow_blur_radius?"var(--mantine-color-orange-6)":"var(--mantine-color-gray-2)"),borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,shadow_offset_x:"0",shadow_offset_y:"0",shadow_blur_radius:"0"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 4px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:"1px solid "+(5==S?.customize_styles?.box_decoration?.shadow_blur_radius?"var(--mantine-color-orange-6)":"var(--mantine-color-gray-2)"),borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,shadow_offset_x:"0",shadow_offset_y:"0",shadow_blur_radius:"5"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 8px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:"1px solid "+(10==S?.customize_styles?.box_decoration?.shadow_blur_radius?"var(--mantine-color-orange-6)":"var(--mantine-color-gray-2)"),borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,shadow_offset_x:"0",shadow_offset_y:"0",shadow_blur_radius:"10"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 16px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:"1px solid "+(15==S?.customize_styles?.box_decoration?.shadow_blur_radius?"var(--mantine-color-orange-6)":"var(--mantine-color-gray-2)"),borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,shadow_offset_x:"0",shadow_offset_y:"0",shadow_blur_radius:"15"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 24px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"}))))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Background"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.box_decoration?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))))),S?.customize_styles?.image_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Image"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Image")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Radius"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Radius"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray.4",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,image_decoration:{...S.customize_styles.image_decoration,radius:"0"}}})},style:0==S?.customize_styles?.image_decoration?.radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:0},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,image_decoration:{...S.customize_styles.image_decoration,radius:"10"}}})},style:10==S?.customize_styles?.image_decoration?.radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:4},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,image_decoration:{...S.customize_styles.image_decoration,radius:"20"}}})},style:20==S?.customize_styles?.image_decoration?.radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:8},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,image_decoration:{...S.customize_styles.image_decoration,radius:"30"}}})},style:30==S?.customize_styles?.image_decoration?.radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:12},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,image_decoration:{...S.customize_styles.image_decoration,radius:"40"}}})},style:40==S?.customize_styles?.image_decoration?.radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:16},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1}))))))),S?.customize_styles?.text_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Text"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Text")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Margin"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,margin_x:"0"}}})},style:0==S?.customize_styles?.text_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:35,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,margin_x:"4"}}})},style:4==S?.customize_styles?.text_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,margin_x:"8"}}})},style:8==S?.customize_styles?.text_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,margin_x:"16"}}})},style:16==S?.customize_styles?.text_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,margin_x:"24"}}})},style:24==S?.customize_styles?.text_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,margin_y:"0"}}})},style:0==S?.customize_styles?.text_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:40,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,margin_y:"4"}}})},style:4==S?.customize_styles?.text_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,margin_y:"8"}}})},style:8==S?.customize_styles?.text_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,margin_y:"16"}}})},style:16==S?.customize_styles?.text_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,margin_y:"24"}}})},style:24==S?.customize_styles?.text_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12})))))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Padding"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,padding_x:"0"}}})},style:0==S?.customize_styles?.text_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:35,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,padding_x:"4"}}})},style:4==S?.customize_styles?.text_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,padding_x:"8"}}})},style:8==S?.customize_styles?.text_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,padding_x:"16"}}})},style:16==S?.customize_styles?.text_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,padding_x:"24"}}})},style:24==S?.customize_styles?.text_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,padding_y:"0"}}})},style:0==S?.customize_styles?.text_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:40,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,padding_y:"4"}}})},style:4==S?.customize_styles?.text_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,padding_y:"8"}}})},style:8==S?.customize_styles?.text_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,padding_y:"16"}}})},style:16==S?.customize_styles?.text_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,padding_y:"24"}}})},style:24==S?.customize_styles?.text_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12})))))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Color"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.text_decoration?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))))),S?.customize_styles?.product_brand_text_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Brand"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Brand")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Color"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.product_brand_text_decoration?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,product_brand_text_decoration:{...S.customize_styles.product_brand_text_decoration,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Background"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.product_brand_text_decoration?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,product_brand_text_decoration:{...S.customize_styles.product_brand_text_decoration,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))))),S?.customize_styles?.product_label_text_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Label"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Label")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Color"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.product_label_text_decoration?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,product_label_text_decoration:{...S.customize_styles.product_label_text_decoration,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Background"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.product_label_text_decoration?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,product_label_text_decoration:{...S.customize_styles.product_label_text_decoration,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))))),S?.customize_styles?.product_price_text_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Price"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Price")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Color"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.product_price_text_decoration?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,product_price_text_decoration:{...S.customize_styles.product_price_text_decoration,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))))),S?.customize_styles?.product_rating_text_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Rating"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Rating")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Color"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.product_rating_text_decoration?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,product_rating_text_decoration:{...S.customize_styles.product_rating_text_decoration,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Background"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.product_rating_text_decoration?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,product_rating_text_decoration:{...S.customize_styles.product_rating_text_decoration,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))))),S?.customize_styles?.product_category_text_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Category"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Category")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Color"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.product_category_text_decoration?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,product_category_text_decoration:{...S.customize_styles.product_category_text_decoration,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))))),S?.customize_styles?.product_discount_text_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Discount"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Discount")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Color"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.product_discount_text_decoration?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,product_discount_text_decoration:{...S.customize_styles.product_discount_text_decoration,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Background"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.product_discount_text_decoration?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,product_discount_text_decoration:{...S.customize_styles.product_discount_text_decoration,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))))),S?.customize_styles?.name_text_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Name"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Name")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Color"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.name_text_decoration?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,name_text_decoration:{...S.customize_styles.name_text_decoration,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))))),S?.customize_styles?.icon_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Icon"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Icon")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Color"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.icon_decoration?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,icon_decoration:{...S.customize_styles.icon_decoration,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))))))))))),(0,o.createElement)(n.t.Panel,{value:"options"},(0,o.createElement)(u.B,{gap:"xs",mt:10},(0,o.createElement)(D.k,{label:"Label",placeholder:"",w:"99%",value:S.customize_properties.label||"",onChange:e=>j({...S,customize_properties:{...S.customize_properties,label:e.currentTarget.value}})}),"Woo_BannerCategory"===e?.properties?.class_type&&(0,o.createElement)(u.B,{gap:"xs",mt:10},(0,o.createElement)(s.a,{component:"form",onSubmit:ie.onSubmit((()=>{ie.values.component_id=S.id;const e=h.$e.show({color:se.primaryColor+".2",loading:!0,title:"Processing...",autoClose:!1,withCloseButton:!1});(0,B.A)({method:"post",url:`${appLocalizer.apiUrl}/appza/web/api/v1/page/update-component/banner-slider`,headers:{Accept:"application/json","Content-Type":"multipart/form-data","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:ie.values}).then((r=>{h.$e.update({id:e,color:se.primaryColor,title:"Saved!",icon:(0,o.createElement)(w.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),j({...S,customize_properties:{...S.customize_properties,items:[...S.customize_properties.items,r.data.data]}}),ie.reset(),Y([]),t((e=>!e))})).catch((function(t){console.log(t),h.$e.update({id:e,color:"var(--mantine-color-red-9)",title:t.response.data.message,icon:(0,o.createElement)(v.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0})}))}))},(0,o.createElement)(D.k,{label:"Add Banner Name",placeholder:"Add Banner Name",w:"99%",...ie.getInputProps("name")}),(0,o.createElement)(y.s,{gap:0,direction:"column",wrap:"nowrap"},(0,o.createElement)(p.E,null,"Upload Image"),(0,o.createElement)(K.mR,{onDrop:e=>{Y(e),ie.setValues({image:e[0]})},onReject:e=>{h.$e.show({title:"Invalid file",color:"var(--mantine-color-red-9)",autoClose:5e3,icon:(0,o.createElement)(v.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}})})},maxSize:5242880,accept:[ee.Z$.png],style:{border:"2px dashed var(--mantine-color-orange-4)"}},(0,o.createElement)(u.B,{gap:"sm",align:"center",mih:80,style:{pointerEvents:"none"}},(0,o.createElement)(K.mR.Accept,null,(0,o.createElement)(N.default,{style:{width:(0,l.D)(52),height:(0,l.D)(52),color:"var(--mantine-color-blue-6)"},stroke:1.5})),(0,o.createElement)(K.mR.Reject,null,(0,o.createElement)(O.default,{style:{width:(0,l.D)(52),height:(0,l.D)(52),color:"var(--mantine-color-red-6)"},stroke:1.5})),(0,o.createElement)(K.mR.Idle,null,ne.length>0&&ne,0===ne.length&&(0,o.createElement)(U.default,{style:{width:(0,l.D)(52),height:(0,l.D)(52),color:"var(--mantine-color-dimmed)"},stroke:1.5})),(0,o.createElement)(p.E,{size:"xl",inline:!0},"Drag Image or ",(0,o.createElement)("span",{style:{color:"var(--mantine-color-orange-4)"}},"Upload"))))),(0,o.createElement)(q.l,{label:"Dropdown (Category or Tag)",placeholder:"Category",data:W?.map((e=>({value:e.slug,label:e.name}))),rightSection:(0,o.createElement)(H.default,{style:{width:(0,l.D)(16),height:(0,l.D)(16)}}),rightSectionPointerEvents:"none",onChange:e=>ie.setValues({category:e}),nothingFoundMessage:"Nothing found...",maxDropdownHeight:200,w:"99%",styles:{input:{backgroundColor:"transparent"}}}),(0,o.createElement)(y.s,{justify:"space-between",align:"center",gap:"md"},(0,o.createElement)(D.k,{label:"Button Text",placeholder:"Button text",w:"100%",...ie.getInputProps("button_text")}),(0,o.createElement)(d.Y,{gap:0},(0,o.createElement)(p.E,{fz:"var(--mantine-font-size-sm)"},"Button Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:ie.values.button_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>ie.setValues({button_color:e}),...ie.getInputProps("button_color"),swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(d.Y,{justify:"flex-end",gap:"xs",mt:"xs"},(0,o.createElement)(E.$,{type:"submit",w:"25%"},"Add"))),(0,o.createElement)(Q.c,{size:"sm"}),S?.customize_properties?.items?.map(((e,r)=>(0,o.createElement)(s.a,{key:r,p:5,mt:5,style:{border:"1px solid var(--mantine-color-gray-4)"}},(0,o.createElement)(u.B,null,(0,o.createElement)(D.k,{label:"Add Banner Name",placeholder:"Add Banner Name",w:"99%",defaultValue:e.name,onChange:e=>{S.customize_properties.items[r].name=e.currentTarget.value,j({...S,customize_properties:{...S.customize_properties,items:S.customize_properties.items}})}}),(0,o.createElement)(X._,{src:e?.image,fit:"contain"}),(0,o.createElement)(q.l,{label:"Dropdown (Category or Tag)",placeholder:"Category",data:W?.map((e=>({value:e.slug,label:e.name}))),value:e.category,onChange:e=>{S.customize_properties.items[r].category=e,j({...S,customize_properties:{...S.customize_properties,items:S.customize_properties.items}})},rightSection:(0,o.createElement)(H.default,{style:{width:(0,l.D)(16),height:(0,l.D)(16)}}),allowDeselect:!1,nothingFoundMessage:"Nothing found...",maxDropdownHeight:200,w:"99%",styles:{input:{backgroundColor:"transparent"}}}),(0,o.createElement)(y.s,{justify:"space-between",align:"center",gap:"md"},(0,o.createElement)(z.M,{variant:"subtle",onClick:()=>{return e={component_id:S.id,slide_position:r},void te.jQ.openConfirmModal({title:"Are you sure?",centered:!0,children:"",labels:{confirm:"Yes",cancel:"No"},confirmProps:{color:se.primaryColor},withCloseButton:!1,overlayProps:{blur:1},closeOnClickOutside:!1,onCancel:()=>console.log("Cancel"),onConfirm:()=>{(0,B.A)({method:"delete",url:`${appLocalizer.apiUrl}/appza/web/api/v1/page/update-component/banner-slider`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:e}).then((r=>{h.$e.show({color:se.primaryColor,title:r.data.message,icon:(0,o.createElement)(w.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),S.customize_properties.items.splice(e.slide_position,1),j({...S,customize_properties:{...S.customize_properties,items:S.customize_properties.items}}),t((e=>!e))})).catch((function(e){console.log(e),h.$e.show({color:"var(--mantine-color-red-9)",title:e.response.data.message,icon:(0,o.createElement)(v.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0})}))}});var e}},(0,o.createElement)(G.default,null)),(0,o.createElement)(E.$,{onClick:()=>{return a={component_id:S.id,slide_position:r,data:e},void(0,B.A)({method:"put",url:`${appLocalizer.apiUrl}/appza/web/api/v1/page/update-component/banner-slider`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:a}).then((e=>{h.$e.show({color:se.primaryColor,title:e.data.message,icon:(0,o.createElement)(w.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),S.customize_properties.items[a.slide_position]=a.data,j({...S,customize_properties:{...S.customize_properties,items:S.customize_properties.items}}),t((e=>!e))})).catch((function(e){console.log(e),h.$e.show({color:"var(--mantine-color-red-9)",title:e.response.data.message,icon:(0,o.createElement)(v.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0})}));var a}},"Update"))))))),"Woo_Category"===e?.properties?.class_type&&(0,o.createElement)(u.B,{mt:"xs",gap:0},(0,o.createElement)(y.s,{justify:"space-between",align:"center"},(0,o.createElement)(p.E,{fz:"sm",fw:500},"Categories"),(0,o.createElement)(g.d,{onChange:e=>{e.currentTarget.checked?j({...S,customize_properties:{...S.customize_properties,category_slugs:W?.map((e=>e.slug)),all_category:!0}}):j({...S,customize_properties:{...S.customize_properties,category_slugs:[],all_category:!1}})},checked:S.customize_properties?.all_category,size:"xs",label:(0,o.createElement)(p.E,{lineClamp:1},"All"),radius:"sm",styles:{track:{marginTop:"4px"}}})),(0,o.createElement)(Z.r,{cols:2,spacing:"xs",verticalSpacing:"xs"},W?.map(((e,t)=>(0,o.createElement)(g.d,{onChange:t=>{if(t.currentTarget.checked)j({...S,customize_properties:{...S.customize_properties,category_slugs:[...S.customize_properties.category_slugs,e.slug]}}),W?.length>0&&W.length===S?.customize_properties?.category_slugs?.length&&j({...S,customize_properties:{...S.customize_properties,all_category:!0}});else{let t=S.customize_properties.category_slugs,r=t?.indexOf(e.slug);r>-1&&t.splice(r,1),j({...S,customize_properties:{...S.customize_properties,category_slugs:t,all_category:!1}})}},checked:S.customize_properties?.category_slugs?.indexOf(e.slug)>-1,size:"xs",label:(0,o.createElement)(p.E,{lineClamp:1},e?.name),radius:"sm",styles:{track:{marginTop:"4px"}}}))))),"Woo_CategoryProduct"===e?.properties?.class_type&&(0,o.createElement)(u.B,{mt:"xs",gap:"xs"},(0,o.createElement)(q.l,{label:"Categories or Tags",placeholder:"Select",data:["Categories","Tags"],defaultValue:ae,onChange:e=>le(e),rightSection:(0,o.createElement)(H.default,{style:{width:(0,l.D)(16),height:(0,l.D)(16)}}),nothingFoundMessage:"Nothing found...",maxDropdownHeight:200,w:"99%",styles:{input:{backgroundColor:"transparent"}}}),"Categories"===ae&&(0,o.createElement)(m.n,{chevronPosition:"right",variant:"contained"},W?.map(((e,t)=>(0,o.createElement)(m.n.Item,{key:t,mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)",borderRadius:"var(--mantine-radius-sm)"},value:e?.name},(0,o.createElement)(y.s,{align:"center",justify:"space-between",ml:"xs"},(0,o.createElement)(g.d,{onChange:t=>{if(t.currentTarget.checked)S.customize_properties.tags?(delete S.customize_properties.tags,j({...S,customize_properties:{...S.customize_properties,categories:[{label:e.name,slug:e.slug,limit:1,order:"ASC"}]}})):j({...S,customize_properties:{...S.customize_properties,categories:[...S.customize_properties.categories,{label:e.name,slug:e.slug,limit:1,order:"ASC"}]}});else{let t=S.customize_properties.categories,r=t?.findIndex((t=>t.slug===e.slug));r>-1&&t.splice(r,1),j({...S,customize_properties:{...S.customize_properties,categories:t}})}},checked:S.customize_properties?.categories?.some((t=>t.slug===e.slug)),size:"xs",radius:"sm"}),(0,o.createElement)(m.n.Control,null,(0,o.createElement)(p.E,{lineClamp:1},e?.name))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(R.x,{gutter:"xs"},(0,o.createElement)(R.x.Col,{span:6},(0,o.createElement)(u.B,null,(0,o.createElement)(J.Q,{disabled:!S.customize_properties?.categories?.some((t=>t.slug===e.slug)),label:"Limit",onChange:t=>j({...S,customize_properties:{...S.customize_properties,categories:S.customize_properties.categories?.map((r=>(r.slug===e.slug&&(r.limit=t),r)))}}),min:1,max:e?.item_count,value:S?.customize_properties?.categories?.find((t=>t.slug===e.slug))?.limit}))),(0,o.createElement)(R.x.Col,{span:6},(0,o.createElement)(u.B,null,(0,o.createElement)(q.l,{disabled:!S.customize_properties?.categories?.some((t=>t.slug===e.slug)),label:"Sort",data:[{label:"Latest",value:"DESC"},{label:"Oldest",value:"ASC"}],onChange:t=>j({...S,customize_properties:{...S.customize_properties,categories:S.customize_properties.categories?.map((r=>(r.slug===e.slug&&(r.order=t),r)))}}),value:S?.customize_properties?.categories?.find((t=>t.slug===e.slug))?.order,rightSection:(0,o.createElement)(H.default,{style:{width:(0,l.D)(16),height:(0,l.D)(16)}}),nothingFoundMessage:"Nothing found...",maxDropdownHeight:200,styles:{input:{backgroundColor:"transparent"}}}))))))))),"Tags"===ae&&(0,o.createElement)(m.n,{chevronPosition:"right",variant:"contained"},F?.map(((e,t)=>(0,o.createElement)(m.n.Item,{key:t,mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)",borderRadius:"var(--mantine-radius-sm)"},value:e?.name},(0,o.createElement)(y.s,{align:"center",justify:"space-between",ml:"xs"},(0,o.createElement)(g.d,{onChange:t=>{if(t.currentTarget.checked)S.customize_properties.categories?(delete S.customize_properties.categories,j({...S,customize_properties:{...S.customize_properties,tags:[{label:e.name,slug:e.slug,limit:1,order:"ASC"}]}})):j({...S,customize_properties:{...S.customize_properties,tags:[...S.customize_properties.tags,{label:e.name,slug:e.slug,limit:1,order:"ASC"}]}});else{let t=S.customize_properties.tags,r=t?.findIndex((t=>t.slug===e.slug));r>-1&&t.splice(r,1),j({...S,customize_properties:{...S.customize_properties,tags:t}})}},checked:S.customize_properties?.tags?.some((t=>t.slug===e.slug)),size:"xs",radius:"sm"}),(0,o.createElement)(m.n.Control,null,(0,o.createElement)(p.E,{lineClamp:1},e?.name))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(R.x,{gutter:"xs"},(0,o.createElement)(R.x.Col,{span:6},(0,o.createElement)(u.B,null,(0,o.createElement)(J.Q,{disabled:!S.customize_properties?.tags?.some((t=>t.slug===e.slug)),label:"Limit",onChange:t=>j({...S,customize_properties:{...S.customize_properties,tags:S.customize_properties.tags?.map((r=>(r.slug===e.slug&&(r.limit=t),r)))}}),min:1,max:e?.item_count,value:S?.customize_properties?.tags?.find((t=>t.slug===e.slug))?.limit}))),(0,o.createElement)(R.x.Col,{span:6},(0,o.createElement)(u.B,null,(0,o.createElement)(q.l,{disabled:!S.customize_properties?.tags?.some((t=>t.slug===e.slug)),label:"Sort",data:[{label:"Latest",value:"DESC"},{label:"Oldest",value:"ASC"}],onChange:t=>j({...S,customize_properties:{...S.customize_properties,tags:S.customize_properties.tags?.map((r=>(r.slug===e.slug&&(r.order=t),r)))}}),value:S?.customize_properties?.tags?.find((t=>t.slug===e.slug))?.order,rightSection:(0,o.createElement)(H.default,{style:{width:(0,l.D)(16),height:(0,l.D)(16)}}),nothingFoundMessage:"Nothing found...",maxDropdownHeight:200,styles:{input:{backgroundColor:"transparent"}}})))))))))))))),(0,o.createElement)(y.s,{justify:"flex-end",align:"center",pr:"sm"},(0,o.createElement)(E.$,{leftSection:(0,o.createElement)(I.default,null),onClick:()=>(()=>{A(!0);const e=h.$e.show({color:se.primaryColor+".2",loading:!0,title:"Processing...",autoClose:!1,withCloseButton:!1});(0,B.A)({method:"put",url:`${appLocalizer.apiUrl}/appza/web/api/v1/page/component`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:S}).then((r=>{h.$e.update({id:e,color:se.primaryColor,title:"Saved!",icon:(0,o.createElement)(w.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),t((e=>!e)),A(!1)})).catch((function(t){console.log(t),h.$e.update({id:e,color:"var(--mantine-color-red-9)",title:t.response.data.message,icon:(0,o.createElement)(v.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),A(!1)}))})(),disabled:P},"Update & Save")))},le=({setRecallAppbar:e,setRecallNavbar:t,setRecallDrawer:r,setReloadPageList:l,layout:n,setShowRightSidebar:c})=>{const[m,d]=(0,x.useState)(!1),{height:u,width:_}=(0,M.l)(),g=(0,a.xd)();return(0,x.useEffect)((()=>{d(!0),setTimeout((()=>{d(!1)}),1e3)}),[n]),(0,o.createElement)(s.a,{pt:"sm",bg:"white",mr:-1,pos:"relative",h:"100vh"},(0,o.createElement)(i.p,{visible:m,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}}),(0,o.createElement)(y.s,{bg:`${g.primaryColor}.0`,align:"center",justify:"space-between",p:"xs"},(0,o.createElement)(p.E,null,n?.name[0].toUpperCase()+n?.name.slice(1).toLowerCase()),(0,o.createElement)(z.M,{variant:"light",color:g.colors.gray[5],onClick:()=>c(!1)},(0,o.createElement)(V.default,{stroke:1.5}))),(0,o.createElement)(s.a,null,"appbar"===n?.mode&&(0,o.createElement)(F,{setRecallAppbar:e,layout:n}),"navbar"===n?.mode&&(0,o.createElement)(L,{setRecallNavbar:t,layout:n}),"drawer"===n?.mode&&(0,o.createElement)(Y,{setRecallDrawer:r,layout:n}),"component"===n?.mode&&(0,o.createElement)(ae,{setReloadPageList:l,layout:n})))}}}]);
     1"use strict";(globalThis.webpackChunkfrontend=globalThis.webpackChunkfrontend||[]).push([[722],{567722:(e,t,r)=>{r.r(t),r.d(t,{default:()=>le});var o=r(951609),a=r(801101),l=r(288149),s=r(311507),i=r(495362),n=r(556338),c=r(641709),m=r(767155),d=r(864999),p=r(917826),u=r(69019),y=r(40054),_=r(921152),g=r(790648),E=r(805055),z=r(148324),b=r(481004),f=r(894759),h=r(909543),x=r(986087),w=r(20899),v=r(101573),C=r(476528),k=r(665825),$=r(263722),S=r(499232),j=r(653479),I=r(763200),B=r(771083),R=r(745155),P=r(365311),D=r(257193),A=r(101578),W=r(143325);const T=({activeLayout:e,setActiveLayout:t,component:r,index:l})=>{const[s,i]=(0,x.useState)(!1),n=void 0===A[r.customize_properties?.icon_code]?W.default:A[r.customize_properties?.icon_code],c=(0,a.xd)();return(0,o.createElement)(R.x,{align:"center",justify:"space-between",gutter:0},(0,o.createElement)(R.x.Col,{span:2,p:5},(0,o.createElement)(P.e,{variant:"filled",color:r?.customize_properties?.is_active?"dark.9":""},(0,o.createElement)(n,null)),s&&(0,o.createElement)(p.E,null,r?.customize_properties?.label)),(0,o.createElement)(R.x.Col,{span:"auto",p:5},r?.customize_properties?.is_active&&s&&(0,o.createElement)(D.k,{defaultValue:r?.customize_properties.label,onChange:r=>{let o=[...e.components];o[l].customize_properties.label=r.target.value,t({...e,components:o})}})),(0,o.createElement)(R.x.Col,{span:4,p:5},(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"sm"},(0,o.createElement)(E.$,{disabled:!r?.customize_properties?.is_active,size:"compact-xs",radius:"xs",color:c.primaryColor+".1",fw:500,onClick:()=>i(!s)},(0,o.createElement)(p.E,{c:"dark.7",fz:12},"Edit")),(0,o.createElement)(g.d,{defaultChecked:r?.customize_properties?.is_active,size:"xs",label:"",radius:"sm",onChange:r=>{let o=[...e.components];o[l].customize_properties.is_active=r.target.checked,t({...e,components:o})}}))))};var M=r(518649);const F=({layout:e,setRecallAppbar:t})=>{const{height:r,width:R}=(0,M.l)(),[P,D]=(0,x.useState)(null),[A,W]=(0,x.useState)(!1),F=(0,a.xd)();return(0,x.useEffect)((()=>{D(e)}),[e]),(0,o.createElement)(s.a,{pt:"sm",pos:"relative"},(0,o.createElement)(i.p,{visible:!P,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"sm"}}),(0,o.createElement)(n.t,{variant:"pills",defaultValue:"properties",px:"sm",pb:"sm"},(0,o.createElement)(n.t.List,{grow:!0,bg:"gray.1"},(0,o.createElement)(n.t.Tab,{value:"properties"},"Properties"),(0,o.createElement)(n.t.Tab,{value:"options"},"Options"),(0,o.createElement)(n.t.Tab,{value:"action"},"Action")),(0,o.createElement)(c.F,{h:r-215,scrollbarSize:3},(0,o.createElement)(n.t.Panel,{value:"properties"},(0,o.createElement)(m.n,{mt:25,chevronPosition:"right",variant:"contained",mb:"sm",defaultValue:"General Properties"},(0,o.createElement)(m.n.Item,{mb:10,style:{borderTopLeftRadius:0,borderTopRightRadius:0},value:"General Properties"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"General Properties"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Background Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:P?.customize_styles?.general_properties?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Float"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(g.d,{checked:P?.customize_styles?.general_properties?.float,size:"xs",label:"",radius:"sm",onChange:e=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,float:e.currentTarget.checked}}})}}))),(0,o.createElement)(s.a,{display:P?.customize_styles?.general_properties?.float?"block":"none"},(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Margin Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_x:"0"}}})},style:0==P?.customize_styles?.general_properties?.margin_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:35,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_x:"4"}}})},style:4==P?.customize_styles?.general_properties?.margin_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_x:"8"}}})},style:8==P?.customize_styles?.general_properties?.margin_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_x:"16"}}})},style:16==P?.customize_styles?.general_properties?.margin_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_x:"24"}}})},style:24==P?.customize_styles?.general_properties?.margin_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12}))))),(0,o.createElement)(s.a,{display:P?.customize_styles?.general_properties?.float?"block":"none"},(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Margin Top"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_y:"0"}}})},style:0==P?.customize_styles?.general_properties?.margin_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:40,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_y:"4"}}})},style:4==P?.customize_styles?.general_properties?.margin_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_y:"8"}}})},style:8==P?.customize_styles?.general_properties?.margin_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_y:"16"}}})},style:16==P?.customize_styles?.general_properties?.margin_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_y:"24"}}})},style:24==P?.customize_styles?.general_properties?.margin_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12})))))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Shadow"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${0==P?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shadow:"0"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 4px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${1==P?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shadow:"1"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 8px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${2==P?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shadow:"2"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 16px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${3==P?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shadow:"3"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 24px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Shape Type"),(0,o.createElement)(y.s,{align:"center",justify:"center",color:"gray.4",gap:10,wrap:"wrap"},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shape_radius:"0"}}})},style:0==P?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:0},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shape_radius:"10"}}})},style:10==P?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:4},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shape_radius:"20"}}})},style:20==P?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:8},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shape_radius:"30"}}})},style:30==P?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:12},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shape_radius:"40"}}})},style:40==P?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:4,py:10,radius:16},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1})))))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Icon Properties"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Icon Properties"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Shape Radius"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${0==P?.customize_styles?.icon_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,shape_radius:"0"}}})},variant:"filled",radius:"xs","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},stroke:1.5}))),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${50==P?.customize_styles?.icon_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,shape_radius:"50"}}})},variant:"filled",radius:"xl","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},stroke:1.5}))),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${10==P?.customize_styles?.icon_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,shape_radius:"10"}}})},variant:"filled",radius:"sm","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},stroke:1.5}))))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Background Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:P?.customize_styles?.icon_properties?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Transparent Background"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(g.d,{checked:P?.customize_styles?.icon_properties?.is_transparent_background,size:"xs",label:"",radius:"sm",onChange:e=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,is_transparent_background:e.currentTarget.checked}}})}}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:P?.customize_styles?.icon_properties?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Size"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,size:"32.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"32.0"==P?.customize_styles?.icon_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"32")),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,size:"24.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"24.0"==P?.customize_styles?.icon_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"24")),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,size:"16.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"16.0"==P?.customize_styles?.icon_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"16")))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Weight"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,weight:"4.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"4.0"==P?.customize_styles?.icon_properties?.weight?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},color:"#475177",stroke:3.5})),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,weight:"1.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"1.0"==P?.customize_styles?.icon_properties?.weight?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},color:"#475177",stroke:1.5})),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,weight:"2.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"2.0"==P?.customize_styles?.icon_properties?.weight?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},color:"#475177",stroke:2.5})))),(0,o.createElement)(s.a,null,(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:12},"Padding Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_x:"0"}}})},style:0==P?.customize_styles?.icon_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_x:"8"}}})},style:8==P?.customize_styles?.icon_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_x:"16"}}})},style:16==P?.customize_styles?.icon_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_x:"20"}}})},style:20==P?.customize_styles?.icon_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:64,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:5},"20")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_x:"24"}}})},style:24==P?.customize_styles?.icon_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12}))))),(0,o.createElement)(s.a,null,(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:12},"Padding Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_y:"0"}}})},style:0==P?.customize_styles?.icon_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_y:"8"}}})},style:8==P?.customize_styles?.icon_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_y:"16"}}})},style:16==P?.customize_styles?.icon_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_y:"20"}}})},style:20==P?.customize_styles?.icon_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:66,w:31},(0,o.createElement)(y.s,{direction:"column",gap:10},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"20")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_y:"24"}}})},style:24==P?.customize_styles?.icon_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))))))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Image Properties"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Image Properties"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Image Size"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,width:"32.0",height:"32.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"32.0"==P?.customize_styles?.image_properties?.width?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"32")),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,width:"24.0",height:"24.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"24.0"==P?.customize_styles?.image_properties?.width?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"24")),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,width:"16.0",height:"16.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"16.0"==P?.customize_styles?.image_properties?.width?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"16")))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Image Shape Radius"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${"0.0"==P?.customize_styles?.image_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,shape_radius:"0.0"}}})},variant:"filled",radius:"xs","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(j.default,{style:{width:"70%",height:"70%"},stroke:1.5}))),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${"50.0"==P?.customize_styles?.image_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,shape_radius:"50.0"}}})},variant:"filled",radius:"xl","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(j.default,{style:{width:"70%",height:"70%"},stroke:1.5}))),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${"10.0"==P?.customize_styles?.image_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,shape_radius:"10.0"}}})},variant:"filled",radius:"sm","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(j.default,{style:{width:"70%",height:"70%"},stroke:1.5})))))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Border"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Border"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Width"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:10},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_width:"0"}}})},style:0==P?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:67,h:27},(0,o.createElement)(p.E,{c:"dark.9",fz:12},"No Border")),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_width:"1"}}})},style:1==P?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:P?.customize_styles?.general_properties?.border_color,h:1,w:48})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_width:"2"}}})},style:2==P?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:P?.customize_styles?.general_properties?.border_color,h:2,w:48})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_width:"3"}}})},style:3==P?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:P?.customize_styles?.general_properties?.border_color,h:3,w:48})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_width:"4"}}})},style:4==P?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:P?.customize_styles?.general_properties?.border_color,h:4,w:48})))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Color Opacity"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:P?.customize_styles?.general_properties?.border_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]})))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderBottomLeftRadius:0,borderBottomRightRadius:0,borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Padding"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Padding"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:12},"Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_x:"8"}}})},style:8==P?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_x:"16"}}})},style:16==P?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_x:"20"}}})},style:20==P?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:64,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:5},"20")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_x:"24"}}})},style:24==P?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12}))))),(0,o.createElement)(s.a,{h:1,w:"100%",bg:"gray.2"}),(0,o.createElement)(s.a,null,(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:12},"Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_y:"8"}}})},style:8==P?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_y:"16"}}})},style:16==P?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_y:"20"}}})},style:20==P?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:66,w:31},(0,o.createElement)(y.s,{direction:"column",gap:10},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"20")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_y:"24"}}})},style:24==P?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))))))))))),(0,o.createElement)(n.t.Panel,{value:"options"},(0,o.createElement)(u.B,{gap:"xs",mt:10},P?.components?.map(((e,t)=>(0,o.createElement)(T,{key:e.id,index:t,component:e,activeLayout:P,setActiveLayout:D}))))))),(0,o.createElement)(y.s,{justify:"flex-end",align:"center",pr:"sm"},(0,o.createElement)(E.$,{leftSection:(0,o.createElement)(I.default,null),onClick:()=>(()=>{W(!0);const e=h.$e.show({color:F.primaryColor+".2",loading:!0,title:"Saving...",autoClose:!1,withCloseButton:!1});(0,B.A)({method:"put",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:P}).then((r=>{h.$e.update({id:e,color:F.primaryColor,title:"Data saved!",icon:(0,o.createElement)(w.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),W(!1),t((e=>!e)),D(r.data)})).catch((function(t){console.log(t),h.$e.update({id:e,color:"var(--mantine-color-red-9)",title:t.response.data.message,icon:(0,o.createElement)(v.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),W(!1)}))})(),disabled:A},"Update & Save")))};var V=r(764238);const L=({setRecallNavbar:e,layout:t})=>{const{height:r,width:R}=(0,M.l)(),[P,D]=(0,x.useState)(null),[A,W]=(0,x.useState)(!1),F=(0,a.xd)();return(0,x.useEffect)((()=>{D(t)}),[t]),(0,o.createElement)(s.a,{pt:"sm",pos:"relative"},(0,o.createElement)(i.p,{visible:!P,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"sm"}}),(0,o.createElement)(n.t,{variant:"pills",defaultValue:"properties",px:"sm",pb:"sm"},(0,o.createElement)(n.t.List,{grow:!0,bg:"gray.1"},(0,o.createElement)(n.t.Tab,{value:"properties"},"Properties"),(0,o.createElement)(n.t.Tab,{value:"options"},"Options"),(0,o.createElement)(n.t.Tab,{value:"action"},"Action")),(0,o.createElement)(c.F,{h:r-215,scrollbarSize:3},(0,o.createElement)(n.t.Panel,{value:"properties"},(0,o.createElement)(m.n,{mt:25,chevronPosition:"right",variant:"contained",mb:"sm",defaultValue:"General Properties"},(0,o.createElement)(m.n.Item,{mb:10,style:{borderTopLeftRadius:0,borderTopRightRadius:0},value:"General Properties"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"General Properties"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Background Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:P?.customize_styles?.general_properties?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Float"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(g.d,{checked:P?.customize_styles?.general_properties?.float,size:"xs",label:"",radius:"sm",onChange:e=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,float:e.currentTarget.checked}}})}}))),(0,o.createElement)(s.a,{display:P?.customize_styles?.general_properties?.float?"block":"none"},(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Margin Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_x:"0"}}})},style:0==P?.customize_styles?.general_properties?.margin_x?{border:"var(--mantine-color-orange-6) 1px solid"}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:35,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_x:"4"}}})},style:4==P?.customize_styles?.general_properties?.margin_x?{border:"var(--mantine-color-orange-6) 1px solid"}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_x:"8"}}})},style:8==P?.customize_styles?.general_properties?.margin_x?{border:"var(--mantine-color-orange-6) 1px solid"}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_x:"16"}}})},style:16==P?.customize_styles?.general_properties?.margin_x?{border:"var(--mantine-color-orange-6) 1px solid"}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_x:"24"}}})},style:24==P?.customize_styles?.general_properties?.margin_x?{border:"var(--mantine-color-orange-6) 1px solid"}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12}))))),(0,o.createElement)(s.a,{display:P?.customize_styles?.general_properties?.float?"block":"none"},(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Margin Bottom"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_y:"0"}}})},style:0==P?.customize_styles?.general_properties?.margin_y?{border:"var(--mantine-color-orange-6) 1px solid"}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:40,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_y:"4"}}})},style:4==P?.customize_styles?.general_properties?.margin_y?{border:"var(--mantine-color-orange-6) 1px solid"}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_y:"8"}}})},style:8==P?.customize_styles?.general_properties?.margin_y?{border:"var(--mantine-color-orange-6) 1px solid"}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_y:"16"}}})},style:16==P?.customize_styles?.general_properties?.margin_y?{border:"var(--mantine-color-orange-6) 1px solid"}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,margin_y:"24"}}})},style:24==P?.customize_styles?.general_properties?.margin_y?{border:"var(--mantine-color-orange-6) 1px solid"}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12})))))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Shadow"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${0==P?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shadow:"0"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 4px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${1==P?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shadow:"1"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 8px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${2==P?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shadow:"2"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 16px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${3==P?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shadow:"3"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 24px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Shape Type"),(0,o.createElement)(y.s,{align:"center",justify:"center",color:"gray.4",gap:10,wrap:"wrap"},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shape_radius:"0"}}})},style:0==P?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:0},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shape_radius:"10"}}})},style:10==P?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:4},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shape_radius:"20"}}})},style:20==P?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:8},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shape_radius:"30"}}})},style:30==P?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:12},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,shape_radius:"40"}}})},style:40==P?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:4,py:10,radius:16},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1})))))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Icon Properties"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Icon Properties"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Shape Radius"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${0==P?.customize_styles?.icon_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,shape_radius:"0"}}})},variant:"filled",radius:"xs","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},stroke:1.5}))),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${50==P?.customize_styles?.icon_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,shape_radius:"50"}}})},variant:"filled",radius:"xl","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},stroke:1.5}))),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${10==P?.customize_styles?.icon_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,shape_radius:"10"}}})},variant:"filled",radius:"sm","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},stroke:1.5}))))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Background Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:P?.customize_styles?.icon_properties?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Transparent Background"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(g.d,{checked:P?.customize_styles?.icon_properties?.is_transparent_background,size:"xs",label:"",radius:"sm",onChange:e=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,is_transparent_background:e.currentTarget.checked}}})}}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Size"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,size:"32.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"32.0"==P?.customize_styles?.icon_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"32")),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,size:"24.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"24.0"==P?.customize_styles?.icon_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"24")),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,size:"16.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"16.0"==P?.customize_styles?.icon_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"16")))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Weight"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,weight:"4.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"4.0"==P?.customize_styles?.icon_properties?.weight?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},color:"#475177",stroke:3.5})),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,weight:"1.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"1.0"==P?.customize_styles?.icon_properties?.weight?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},color:"#475177",stroke:1.5})),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,weight:"2.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"2.0"==P?.customize_styles?.icon_properties?.weight?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},color:"#475177",stroke:2.5})))),(0,o.createElement)(s.a,null,(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:12},"Padding Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_x:"0"}}})},style:0==P?.customize_styles?.icon_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_x:"8"}}})},style:8==P?.customize_styles?.icon_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_x:"16"}}})},style:16==P?.customize_styles?.icon_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_x:"20"}}})},style:20==P?.customize_styles?.icon_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:64,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:5},"20")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_x:"24"}}})},style:24==P?.customize_styles?.icon_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12}))))),(0,o.createElement)(s.a,null,(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:12},"Padding Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_y:"0"}}})},style:0==P?.customize_styles?.icon_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_y:"8"}}})},style:8==P?.customize_styles?.icon_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_y:"16"}}})},style:16==P?.customize_styles?.icon_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_y:"20"}}})},style:20==P?.customize_styles?.icon_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:66,w:31},(0,o.createElement)(y.s,{direction:"column",gap:10},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"20")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,padding_y:"24"}}})},style:24==P?.customize_styles?.icon_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12})))))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Selected Icon Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:P?.customize_styles?.icon_properties?.selected_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,selected_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Unselected Icon Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:P?.customize_styles?.icon_properties?.unselected_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{D({...P,customize_styles:{...P.customize_styles,icon_properties:{...P.customize_styles.icon_properties,unselected_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]})))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Image Properties"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Image Properties"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Image Size"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,size:"32.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"32.0"==P?.customize_styles?.image_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"32")),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,size:"24.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"24.0"==P?.customize_styles?.image_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"24")),(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,size:"16.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"16.0"==P?.customize_styles?.image_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"16")))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Image Shape Radius"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${0==P?.customize_styles?.image_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,shape_radius:"0"}}})},variant:"filled",radius:"xs","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(j.default,{style:{width:"70%",height:"70%"},stroke:1.5}))),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${50==P?.customize_styles?.image_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,shape_radius:"50"}}})},variant:"filled",radius:"xl","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(j.default,{style:{width:"70%",height:"70%"},stroke:1.5}))),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${10==P?.customize_styles?.image_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,image_properties:{...P.customize_styles.image_properties,shape_radius:"10"}}})},variant:"filled",radius:"sm","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(j.default,{style:{width:"70%",height:"70%"},stroke:1.5})))))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Border"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Border"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Width"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:10},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_width:"0"}}})},style:0==P?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:67,h:27},(0,o.createElement)(p.E,{c:"dark.9",fz:12},"No Border")),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_width:"1"}}})},style:1==P?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:P?.customize_styles?.general_properties?.border_color,h:1,w:48})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_width:"2"}}})},style:2==P?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:P?.customize_styles?.general_properties?.border_color,h:2,w:48})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_width:"3"}}})},style:3==P?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:P?.customize_styles?.general_properties?.border_color,h:3,w:48})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_width:"4"}}})},style:4==P?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:P?.customize_styles?.general_properties?.border_color,h:4,w:48})))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Color Opacity"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:P?.customize_styles?.general_properties?.border_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,border_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]})))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderBottomLeftRadius:0,borderBottomRightRadius:0,borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Padding"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Padding"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:12},"Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_x:"8"}}})},style:8==P?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_x:"16"}}})},style:16==P?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_x:"20"}}})},style:20==P?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:64,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:5},"20")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_x:"24"}}})},style:24==P?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12}))))),(0,o.createElement)(s.a,{h:1,w:"100%",bg:"gray.2"}),(0,o.createElement)(s.a,null,(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:12},"Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_y:"8"}}})},style:8==P?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_y:"16"}}})},style:16==P?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_y:"20"}}})},style:20==P?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:66,w:31},(0,o.createElement)(y.s,{direction:"column",gap:10},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"20")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{D({...P,customize_styles:{...P.customize_styles,general_properties:{...P.customize_styles.general_properties,padding_y:"24"}}})},style:24==P?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))))))))))),(0,o.createElement)(n.t.Panel,{value:"options"},(0,o.createElement)(u.B,{gap:"xs",mt:10},P?.components?.map(((e,t)=>(0,o.createElement)(T,{key:e.id,index:t,component:e,activeLayout:P,setActiveLayout:D}))))))),(0,o.createElement)(y.s,{justify:"flex-end",align:"center",pr:"sm"},(0,o.createElement)(E.$,{leftSection:(0,o.createElement)(I.default,null),onClick:()=>(()=>{W(!0);const t=h.$e.show({color:F.primaryColor+".2",loading:!0,title:"Saving...",autoClose:!1,withCloseButton:!1});(0,B.A)({method:"put",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:P}).then((r=>{h.$e.update({id:t,color:F.primaryColor,title:"Data saved!",icon:(0,o.createElement)(w.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),W(!1),e((e=>!e)),D(r.data)})).catch((function(e){console.log(e),h.$e.update({id:t,color:"var(--mantine-color-red-9)",title:e.response.data.message,icon:(0,o.createElement)(v.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),W(!1)}))})(),disabled:A},"Update & Save")))},Y=({setRecallDrawer:e,layout:t})=>{const{height:r,width:j}=(0,M.l)(),[R,P]=(0,x.useState)(null),[A,W]=(0,x.useState)(!1),F=(0,a.xd)();return(0,x.useEffect)((()=>{P(t)}),[t]),(0,o.createElement)(s.a,{pt:"sm",pos:"relative"},(0,o.createElement)(i.p,{visible:!R,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"sm"}}),(0,o.createElement)(n.t,{variant:"pills",defaultValue:"properties",px:"sm",pb:"sm"},(0,o.createElement)(n.t.List,{grow:!0,bg:"gray.1"},(0,o.createElement)(n.t.Tab,{value:"properties"},"Properties"),(0,o.createElement)(n.t.Tab,{value:"options"},"Options"),(0,o.createElement)(n.t.Tab,{value:"action"},"Action")),(0,o.createElement)(c.F,{h:r-215,scrollbarSize:3},(0,o.createElement)(n.t.Panel,{value:"properties"},(0,o.createElement)(m.n,{mt:25,chevronPosition:"right",variant:"contained",mb:"sm",defaultValue:"General Properties"},(0,o.createElement)(m.n.Item,{mb:10,style:{borderTopLeftRadius:0,borderTopRightRadius:0},value:"General Properties"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"General Properties"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Background Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:R?.customize_styles?.general_properties?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Shadow"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${0==R?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,shadow:"0"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 4px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${1==R?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,shadow:"1"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 8px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${2==R?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,shadow:"2"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 16px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${3==R?.customize_styles?.general_properties?.shadow?F.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,shadow:"3"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 24px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Shape Type"),(0,o.createElement)(y.s,{align:"center",justify:"center",color:"gray.4",gap:10,wrap:"wrap"},(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,shape_radius:"0"}}})},style:0==R?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:0},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,shape_radius:"10"}}})},style:10==R?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:4},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,shape_radius:"20"}}})},style:20==R?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:8},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,shape_radius:"30"}}})},style:30==R?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:5,py:10,radius:12},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1}))),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,shape_radius:"40"}}})},style:40==R?.customize_styles?.general_properties?.shape_radius?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",px:4,py:10,radius:16},(0,o.createElement)(y.s,{align:"center",justify:"center",gap:2},(0,o.createElement)(b.w,{size:14,color:"gray.4"}),(0,o.createElement)(f.E,{height:16,width:47,radius:2,animate:!1}),(0,o.createElement)(f.E,{height:14,circle:!0,animate:!1})))))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Icon Properties"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Icon Properties"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Shape Radius"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${0==R?.customize_styles?.icon_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,shape_radius:"0"}}})},variant:"filled",radius:"xs","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},stroke:1.5}))),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${50==R?.customize_styles?.icon_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,shape_radius:"50"}}})},variant:"filled",radius:"xl","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},stroke:1.5}))),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${10==R?.customize_styles?.icon_properties?.shape_radius?F.primaryColor:"var(--mantine-color-gray-4)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,shape_radius:"10"}}})},variant:"filled",radius:"sm","aria-label":"Icon",color:"#475177",w:"100%",h:"100%"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},stroke:1.5}))))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Background Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:R?.customize_styles?.icon_properties?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Transparent Background"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(g.d,{checked:R?.customize_styles?.icon_properties?.is_transparent_background,size:"xs",label:"",radius:"sm",onChange:e=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,is_transparent_background:e.currentTarget.checked}}})}}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:R?.customize_styles?.icon_properties?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Size"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,size:"32.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"32.0"==R?.customize_styles?.icon_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"32")),(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,size:"24.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"24.0"==R?.customize_styles?.icon_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"24")),(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,size:"16.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"16.0"==R?.customize_styles?.icon_properties?.size?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(p.E,{c:"#475177"},"16")))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Icon Weight"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,weight:"4.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"4.0"==R?.customize_styles?.icon_properties?.weight?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},color:"#475177",stroke:3.5})),(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,weight:"1.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"1.0"==R?.customize_styles?.icon_properties?.weight?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},color:"#475177",stroke:1.5})),(0,o.createElement)(z.M,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,icon_properties:{...R.customize_styles.icon_properties,weight:"2.0"}}})},variant:"outline",radius:4,"aria-label":"Icon",h:46,w:46,p:5,color:"2.0"==R?.customize_styles?.icon_properties?.weight?F.primaryColor:"var(--mantine-color-gray-4)"},(0,o.createElement)(S.default,{style:{width:"70%",height:"70%"},color:"#475177",stroke:2.5}))))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Text Properties"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Text Properties"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Title Color"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:R?.customize_styles?.text_properties?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{P({...R,customize_styles:{...R.customize_styles,text_properties:{...R.customize_styles.text_properties,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Title Text (Example)"),(0,o.createElement)(D.k,{defaultValue:R?.customize_styles?.text_properties?.text,fw:R?.customize_styles?.text_properties?.font_weight,td:R?.customize_styles?.text_properties?.text_decoration,fs:R?.customize_styles?.text_properties?.font_style,size:"xs",onChange:e=>{P({...R,customize_styles:{...R.customize_styles,text_properties:{...R.customize_styles.text_properties,text:e.currentTarget.value}}})}})),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Title Style"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,text_properties:{...R.customize_styles.text_properties,font_weight:700==R.customize_styles.text_properties.font_weight?500:700}}})},style:700==R?.customize_styles?.text_properties?.font_weight?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",h:46,w:60,p:0},(0,o.createElement)(p.E,{c:"#475177",fw:700,fz:14},"Bold")),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,text_properties:{...R.customize_styles.text_properties,font_style:"italic"===R.customize_styles.text_properties.font_style?"normal":"italic"}}})},style:"italic"===R?.customize_styles?.text_properties?.font_style?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",h:46,w:58,p:0},(0,o.createElement)(p.E,{c:"#475177",fs:"italic"},"Italic")),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,text_properties:{...R.customize_styles.text_properties,text_decoration:"underline"===R.customize_styles.text_properties.text_decoration?"none":"underline"}}})},style:"underline"===R?.customize_styles?.text_properties?.text_decoration?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",h:46,w:93,p:0},(0,o.createElement)(p.E,{c:"#475177",td:"underline"},"Underline"))))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Border"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Border"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Width"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:10},(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,border_width:"0"}}})},style:0==R?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:67,h:27},(0,o.createElement)(p.E,{c:"dark.9",fz:12},"No Border")),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,border_width:"1"}}})},style:1==R?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:R?.customize_styles?.general_properties?.border_color,h:1,w:48})),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,border_width:"2"}}})},style:2==R?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:R?.customize_styles?.general_properties?.border_color,h:2,w:48})),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,border_width:"3"}}})},style:3==R?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:R?.customize_styles?.general_properties?.border_color,h:3,w:48})),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,border_width:"4"}}})},style:4==R?.customize_styles?.general_properties?.border_width?{border:`${F.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:R?.customize_styles?.general_properties?.border_color,h:4,w:48})))),(0,o.createElement)(s.a,null,(0,o.createElement)(p.E,{fz:14},"Color Opacity"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:"md"},(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:R?.customize_styles?.general_properties?.border_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,border_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]})))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderBottomLeftRadius:0,borderBottomRightRadius:0,borderTop:"1px solid var(--mantine-color-gray-2)"},value:"Padding"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Padding"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(s.a,null,(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:12},"Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,padding_x:"8"}}})},style:8==R?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,padding_x:"16"}}})},style:16==R?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,padding_x:"20"}}})},style:20==R?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:64,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:5},"20")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,padding_x:"24"}}})},style:24==R?.customize_styles?.general_properties?.padding_x?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12})," ",(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12}))))),(0,o.createElement)(s.a,{h:1,w:"100%",bg:"gray.2"}),(0,o.createElement)(s.a,null,(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md"},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:12},"Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,padding_y:"8"}}})},style:8==R?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,padding_y:"16"}}})},style:16==R?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,padding_y:"20"}}})},style:20==R?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:66,w:31},(0,o.createElement)(y.s,{direction:"column",gap:10},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"20")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{P({...R,customize_styles:{...R.customize_styles,general_properties:{...R.customize_styles.general_properties,padding_y:"24"}}})},style:24==R?.customize_styles?.general_properties?.padding_y?{border:`${F.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))))))))))),(0,o.createElement)(n.t.Panel,{value:"options"},(0,o.createElement)(u.B,{gap:"xs",mt:10},R?.components?.map(((e,t)=>(0,o.createElement)(T,{key:e.id,index:t,component:e,activeLayout:R,setActiveLayout:P}))))))),(0,o.createElement)(y.s,{justify:"flex-end",align:"center",pr:"sm"},(0,o.createElement)(E.$,{leftSection:(0,o.createElement)(I.default,null),onClick:()=>(()=>{W(!0);const t=h.$e.show({color:F.primaryColor+".2",loading:!0,title:"Saving...",autoClose:!1,withCloseButton:!1});(0,B.A)({method:"put",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:R}).then((r=>{h.$e.update({id:t,color:F.primaryColor,title:"Data saved!",icon:(0,o.createElement)(w.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),W(!1),e((e=>!e)),P(r.data)})).catch((function(e){console.log(e),h.$e.update({id:t,color:"var(--mantine-color-red-9)",title:e.response.data.message,icon:(0,o.createElement)(v.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),W(!1)}))})(),disabled:A},"Update & Save")))};var N=r(501730),O=r(244067),U=r(117399),H=r(811922),G=r(904225),X=r(531074),q=r(655813),Q=r(363403),Z=r(429277),J=r(325987),K=r(157904),ee=r(174673),te=r(658335),re=r(169329),oe=r(806407);const ae=({layout:e,setReloadPageList:t})=>{const{height:r,width:b}=(0,M.l)(),[S,j]=(0,x.useState)(e),[P,A]=(0,x.useState)(!1),[W,T]=(0,x.useState)([]),[F,V]=(0,x.useState)([]),[L,Y]=(0,x.useState)([]),[ae,le]=(0,x.useState)(S.customize_properties.hasOwnProperty("categories")?"Categories":S.customize_properties.hasOwnProperty("tags")?"Tags":"Categories"),se=(0,a.xd)();(0,x.useEffect)((()=>{j(e)}),[e]),(0,x.useEffect)((()=>{"Woo_BannerCategory"!==e.properties.class_type&&"Woo_Category"!==e.properties.class_type&&"Woo_CategoryProduct"!==e.properties.class_type||((0,B.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/categories`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`}}).then((e=>{T(e.data)})).catch((function(e){console.log(e)})),(0,B.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/tags`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`}}).then((e=>{V(e.data)})).catch((function(e){console.log(e)})))}),[]);const ie=(0,re.m)({initialValues:{component_id:"",name:"",category:"",image:"",button_text:"",button_color:""},validate:{name:(0,oe.h)("Required!"),category:(0,oe.h)("Required!"),image:(0,oe.h)("Required!")}}),ne=L?.map(((e,t)=>{const r=URL.createObjectURL(e);return(0,o.createElement)(X._,{fit:"cover",w:"90%",h:"100%",key:t,src:r,onLoad:()=>URL.revokeObjectURL(r)})}));return(0,o.createElement)(s.a,{pt:"sm",pos:"relative"},(0,o.createElement)(i.p,{visible:!S,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"sm"}}),(0,o.createElement)(n.t,{variant:"pills",defaultValue:"properties",px:"sm",pb:"sm"},(0,o.createElement)(n.t.List,{grow:!0,bg:"gray.1",mb:"xs"},(0,o.createElement)(n.t.Tab,{value:"properties"},"Properties"),(0,o.createElement)(n.t.Tab,{value:"options"},"Options"),(0,o.createElement)(n.t.Tab,{value:"action"},"Action")),(0,o.createElement)(c.F,{h:r-215,scrollbarSize:3},(0,o.createElement)(n.t.Panel,{value:"properties"},(0,o.createElement)(m.n,{mt:"sm",chevronPosition:"right",variant:"contained",mb:"sm",defaultValue:"General",styles:{content:{paddingLeft:0,paddingRight:0,paddingBottom:0}}},(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)",borderRadius:"var(--mantine-radius-sm)"},value:"General"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"General"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(c.F,{h:r-380,scrollbarSize:3,type:"auto"},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Margin"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md",mb:5,p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,margin_x:"0"}}})},style:0==S?.customize_styles?.general_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:35,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,margin_x:"4"}}})},style:4==S?.customize_styles?.general_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,margin_x:"8"}}})},style:8==S?.customize_styles?.general_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,margin_x:"16"}}})},style:16==S?.customize_styles?.general_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,margin_x:"24"}}})},style:24==S?.customize_styles?.general_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md",p:5,mb:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,margin_y:"0"}}})},style:0==S?.customize_styles?.general_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:40,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,margin_y:"4"}}})},style:4==S?.customize_styles?.general_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,margin_y:"8"}}})},style:8==S?.customize_styles?.general_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,margin_y:"16"}}})},style:16==S?.customize_styles?.general_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,margin_y:"24"}}})},style:24==S?.customize_styles?.general_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12})))))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Padding"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md",p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,padding_x:"0"}}})},style:0==S?.customize_styles?.general_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:35,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,padding_x:"4"}}})},style:4==S?.customize_styles?.general_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,padding_x:"8"}}})},style:8==S?.customize_styles?.general_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,padding_x:"16"}}})},style:16==S?.customize_styles?.general_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,padding_x:"24"}}})},style:24==S?.customize_styles?.general_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:"md",p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:12},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,padding_y:"0"}}})},style:0==S?.customize_styles?.general_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:40,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,padding_y:"4"}}})},style:4==S?.customize_styles?.general_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,padding_y:"8"}}})},style:8==S?.customize_styles?.general_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,padding_y:"16"}}})},style:16==S?.customize_styles?.general_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,padding_y:"24"}}})},style:24==S?.customize_styles?.general_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12})))))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Border"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",gap:5,p:5},(0,o.createElement)(p.E,{fz:14},"Width"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_width:"0"}}})},style:0==S?.customize_styles?.general_decoration?.border_width?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:67,h:27},(0,o.createElement)(p.E,{c:"dark.9",fz:12},"No Border")),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_width:"1"}}})},style:1==S?.customize_styles?.general_decoration?.border_width?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:S?.customize_styles?.general_decoration?.border_color,h:1,w:48})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_width:"2"}}})},style:2==S?.customize_styles?.general_decoration?.border_width?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:S?.customize_styles?.general_decoration?.border_color,h:2,w:48})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_width:"3"}}})},style:3==S?.customize_styles?.general_decoration?.border_width?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:S?.customize_styles?.general_decoration?.border_color,h:3,w:48})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_width:"4"}}})},style:4==S?.customize_styles?.general_decoration?.border_width?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:S?.customize_styles?.general_decoration?.border_color,h:4,w:48})))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:"md",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.general_decoration?.border_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]})),(0,o.createElement)(y.s,{p:5,align:"center",justify:"space-between"},(0,o.createElement)(p.E,{fz:14},"Radius"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_radius:"0"}}})},style:0==S?.customize_styles?.general_decoration?.border_radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:0},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_radius:"10"}}})},style:10==S?.customize_styles?.general_decoration?.border_radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:4},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_radius:"20"}}})},style:20==S?.customize_styles?.general_decoration?.border_radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:8},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_radius:"30"}}})},style:30==S?.customize_styles?.general_decoration?.border_radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:12},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,border_radius:"40"}}})},style:40==S?.customize_styles?.general_decoration?.border_radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:16},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1}))))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Shadow"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Shadow"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:"md"},(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${0==S?.customize_styles?.general_decoration?.shadow_blur_radius?se.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,shadow_offset_x:"0",shadow_offset_y:"0",shadow_blur_radius:"0"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 4px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${5==S?.customize_styles?.general_decoration?.shadow_blur_radius?se.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,shadow_offset_x:"0",shadow_offset_y:"0",shadow_blur_radius:"5"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 8px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${10==S?.customize_styles?.general_decoration?.shadow_blur_radius?se.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,shadow_offset_x:"0",shadow_offset_y:"0",shadow_blur_radius:"10"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 16px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:`1px solid ${15==S?.customize_styles?.general_decoration?.shadow_blur_radius?se.primaryColor:"var(--mantine-color-gray-2)"}`,borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,shadow_offset_x:"0",shadow_offset_y:"0",shadow_blur_radius:"15"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 24px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"}))))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Background"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.general_decoration?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,general_decoration:{...S.customize_styles.general_decoration,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]})))))),(0,o.createElement)(m.n.Item,{mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)",borderRadius:"var(--mantine-radius-sm)"},value:"Items"},(0,o.createElement)(m.n.Control,null,(0,o.createElement)(d.Y,{wrap:"nowrap"},(0,o.createElement)(p.E,{fw:700},"Items"))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(u.B,{gap:"xs"},(0,o.createElement)(m.n,{chevronPosition:"right",variant:"contained",styles:{content:{paddingLeft:0,paddingRight:0},label:{paddingTop:5,paddingBottom:5},item:{border:"none"}}},S?.customize_styles?.box_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Box"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Box")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Margin"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,margin_x:"0"}}})},style:0==S?.customize_styles?.box_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:35,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,margin_x:"4"}}})},style:4==S?.customize_styles?.box_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,margin_x:"8"}}})},style:8==S?.customize_styles?.box_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,margin_x:"16"}}})},style:16==S?.customize_styles?.box_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,margin_x:"24"}}})},style:24==S?.customize_styles?.box_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,margin_y:"0"}}})},style:0==S?.customize_styles?.box_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:40,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,margin_y:"4"}}})},style:4==S?.customize_styles?.box_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,margin_y:"8"}}})},style:8==S?.customize_styles?.box_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,margin_y:"16"}}})},style:16==S?.customize_styles?.box_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,margin_y:"24"}}})},style:24==S?.customize_styles?.box_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12})))))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Padding"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,padding_x:"0"}}})},style:0==S?.customize_styles?.box_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:35,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,padding_x:"4"}}})},style:4==S?.customize_styles?.box_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,padding_x:"8"}}})},style:8==S?.customize_styles?.box_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,padding_x:"16"}}})},style:16==S?.customize_styles?.box_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,padding_x:"24"}}})},style:24==S?.customize_styles?.box_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,padding_y:"0"}}})},style:0==S?.customize_styles?.box_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:40,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,padding_y:"4"}}})},style:4==S?.customize_styles?.box_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,padding_y:"8"}}})},style:8==S?.customize_styles?.box_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,padding_y:"16"}}})},style:16==S?.customize_styles?.box_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,padding_y:"24"}}})},style:24==S?.customize_styles?.box_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12})))))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Border"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Width"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_width:"0"}}})},style:0==S?.customize_styles?.box_decoration?.border_width?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:67,h:27},(0,o.createElement)(p.E,{c:"dark.9",fz:12},"No Border")),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_width:"1"}}})},style:1==S?.customize_styles?.box_decoration?.border_width?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:S?.customize_styles?.box_decoration?.border_color,h:1,w:48})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_width:"2"}}})},style:2==S?.customize_styles?.box_decoration?.border_width?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:S?.customize_styles?.box_decoration?.border_color,h:2,w:48})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_width:"3"}}})},style:3==S?.customize_styles?.box_decoration?.border_width?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:S?.customize_styles?.box_decoration?.border_color,h:3,w:48})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_width:"4"}}})},style:4==S?.customize_styles?.box_decoration?.border_width?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"var(--mantine-color-gray-4)",p:4,w:56,h:27},(0,o.createElement)(s.a,{bg:S?.customize_styles?.box_decoration?.border_color,h:4,w:48})))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.box_decoration?.border_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]})),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Radius"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray.4",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_radius:"0"}}})},style:0==S?.customize_styles?.box_decoration?.border_radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:0},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_radius:"10"}}})},style:10==S?.customize_styles?.box_decoration?.border_radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:4},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_radius:"20"}}})},style:20==S?.customize_styles?.box_decoration?.border_radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:8},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_radius:"30"}}})},style:30==S?.customize_styles?.box_decoration?.border_radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:12},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,border_radius:"40"}}})},style:40==S?.customize_styles?.box_decoration?.border_radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:16},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1}))))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Shadow"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Shadow"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray",gap:5},(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:"1px solid "+(0==S?.customize_styles?.box_decoration?.shadow_blur_radius?"var(--mantine-color-orange-6)":"var(--mantine-color-gray-2)"),borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,shadow_offset_x:"0",shadow_offset_y:"0",shadow_blur_radius:"0"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 4px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:"1px solid "+(5==S?.customize_styles?.box_decoration?.shadow_blur_radius?"var(--mantine-color-orange-6)":"var(--mantine-color-gray-2)"),borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,shadow_offset_x:"0",shadow_offset_y:"0",shadow_blur_radius:"5"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 8px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:"1px solid "+(10==S?.customize_styles?.box_decoration?.shadow_blur_radius?"var(--mantine-color-orange-6)":"var(--mantine-color-gray-2)"),borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,shadow_offset_x:"0",shadow_offset_y:"0",shadow_blur_radius:"10"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 16px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"})),(0,o.createElement)(s.a,{h:46,w:46,p:5,style:{border:"1px solid "+(15==S?.customize_styles?.box_decoration?.shadow_blur_radius?"var(--mantine-color-orange-6)":"var(--mantine-color-gray-2)"),borderRadius:4}},(0,o.createElement)(z.M,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,shadow_offset_x:"0",shadow_offset_y:"0",shadow_blur_radius:"15"}}})},style:{boxShadow:"var(--mantine-color-gray-4) 0px 4px 24px 0px"},variant:"white",radius:2,"aria-label":"Icon",w:"100%",h:"100%"}))))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Background"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.box_decoration?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,box_decoration:{...S.customize_styles.box_decoration,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))))),S?.customize_styles?.image_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Image"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Image")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Radius"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Radius"),(0,o.createElement)(y.s,{align:"center",justify:"flex-end",color:"gray.4",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,image_decoration:{...S.customize_styles.image_decoration,radius:"0"}}})},style:0==S?.customize_styles?.image_decoration?.radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:0},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,image_decoration:{...S.customize_styles.image_decoration,radius:"10"}}})},style:10==S?.customize_styles?.image_decoration?.radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:4},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,image_decoration:{...S.customize_styles.image_decoration,radius:"20"}}})},style:20==S?.customize_styles?.image_decoration?.radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:8},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,image_decoration:{...S.customize_styles.image_decoration,radius:"30"}}})},style:30==S?.customize_styles?.image_decoration?.radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:12},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,image_decoration:{...S.customize_styles.image_decoration,radius:"40"}}})},style:40==S?.customize_styles?.image_decoration?.radius?{border:`${se.primaryColor} 1px solid`}:{},type:"button",variant:"outline",color:"gray.4",p:4,w:56,h:27,radius:16},(0,o.createElement)(f.E,{height:"70%",width:70,radius:2,animate:!1}))))))),S?.customize_styles?.text_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Text"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Text")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Margin"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,margin_x:"0"}}})},style:0==S?.customize_styles?.text_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:35,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,margin_x:"4"}}})},style:4==S?.customize_styles?.text_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,margin_x:"8"}}})},style:8==S?.customize_styles?.text_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,margin_x:"16"}}})},style:16==S?.customize_styles?.text_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,margin_x:"24"}}})},style:24==S?.customize_styles?.text_decoration?.margin_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,margin_y:"0"}}})},style:0==S?.customize_styles?.text_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:40,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,margin_y:"4"}}})},style:4==S?.customize_styles?.text_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,margin_y:"8"}}})},style:8==S?.customize_styles?.text_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,margin_y:"16"}}})},style:16==S?.customize_styles?.text_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,margin_y:"24"}}})},style:24==S?.customize_styles?.text_decoration?.margin_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12})))))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Padding"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)(C.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Horizontal"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,padding_x:"0"}}})},style:0==S?.customize_styles?.text_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:35,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,padding_x:"4"}}})},style:4==S?.customize_styles?.text_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,padding_x:"8"}}})},style:8==S?.customize_styles?.text_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:41,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,padding_x:"16"}}})},style:16==S?.customize_styles?.text_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:56,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:2},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,padding_x:"24"}}})},style:24==S?.customize_styles?.text_decoration?.padding_x?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",w:72,h:36,radius:4,p:0},(0,o.createElement)(k.default,{style:{transform:"rotate(270deg)"},size:12}),(0,o.createElement)(p.E,{fz:12,px:10},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(90deg)"},size:12})))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",color:"gray",p:5},(0,o.createElement)(d.Y,null,(0,o.createElement)(y.s,{align:"center",justify:"flex-start",color:"gray",gap:"xs"},(0,o.createElement)($.default,{size:24,stroke:1}),(0,o.createElement)(p.E,{fz:14},"Vertical"))),(0,o.createElement)(y.s,{align:"center",justify:"space-between",gap:5},(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,padding_y:"0"}}})},style:0==S?.customize_styles?.text_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:40,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"0")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,padding_y:"4"}}})},style:4==S?.customize_styles?.text_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"4")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,padding_y:"8"}}})},style:8==S?.customize_styles?.text_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:50,w:31},(0,o.createElement)(y.s,{direction:"column",gap:0},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"8")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,padding_y:"16"}}})},style:16==S?.customize_styles?.text_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:58,w:31},(0,o.createElement)(y.s,{direction:"column",gap:5},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"16")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12}))),(0,o.createElement)(E.$,{onClick:()=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,padding_y:"24"}}})},style:24==S?.customize_styles?.text_decoration?.padding_y?{border:`${se.primaryColor} 1px solid`}:{border:"var(--mantine-color-gray-4) 1px solid"},type:"button",variant:"outline",color:"var(--mantine-color-dark-9)",radius:4,p:0,h:74,w:31},(0,o.createElement)(y.s,{direction:"column",gap:12},(0,o.createElement)(k.default,{size:12})," ",(0,o.createElement)(p.E,{fz:12},"24")," ",(0,o.createElement)(k.default,{style:{transform:"rotate(180deg)"},size:12})))))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Color"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.text_decoration?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,text_decoration:{...S.customize_styles.text_decoration,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))))),S?.customize_styles?.product_brand_text_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Brand"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Brand")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Color"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.product_brand_text_decoration?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,product_brand_text_decoration:{...S.customize_styles.product_brand_text_decoration,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Background"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.product_brand_text_decoration?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,product_brand_text_decoration:{...S.customize_styles.product_brand_text_decoration,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))))),S?.customize_styles?.product_label_text_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Label"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Label")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Color"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.product_label_text_decoration?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,product_label_text_decoration:{...S.customize_styles.product_label_text_decoration,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Background"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.product_label_text_decoration?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,product_label_text_decoration:{...S.customize_styles.product_label_text_decoration,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))))),S?.customize_styles?.product_price_text_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Price"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Price")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Color"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.product_price_text_decoration?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,product_price_text_decoration:{...S.customize_styles.product_price_text_decoration,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))))),S?.customize_styles?.product_rating_text_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Rating"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Rating")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Color"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.product_rating_text_decoration?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,product_rating_text_decoration:{...S.customize_styles.product_rating_text_decoration,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Background"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.product_rating_text_decoration?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,product_rating_text_decoration:{...S.customize_styles.product_rating_text_decoration,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))))),S?.customize_styles?.product_category_text_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Category"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Category")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Color"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.product_category_text_decoration?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,product_category_text_decoration:{...S.customize_styles.product_category_text_decoration,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))))),S?.customize_styles?.product_discount_text_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Discount"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Discount")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Color"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.product_discount_text_decoration?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,product_discount_text_decoration:{...S.customize_styles.product_discount_text_decoration,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Background"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.product_discount_text_decoration?.background_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,product_discount_text_decoration:{...S.customize_styles.product_discount_text_decoration,background_color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))))),S?.customize_styles?.name_text_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Name"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Name")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Color"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.name_text_decoration?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,name_text_decoration:{...S.customize_styles.name_text_decoration,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))))),S?.customize_styles?.icon_decoration&&(0,o.createElement)(m.n.Item,{mb:10,style:{borderRadius:"var(--mantine-radius-sm)"},value:"Icon"},(0,o.createElement)(m.n.Control,{bg:se.primaryColor+".0"},(0,o.createElement)(p.E,{fw:700,p:0},"Icon")),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(s.a,{style:{boxShadow:"var(--mantine-shadow-md)"},mb:5},(0,o.createElement)(p.E,{bg:"gray.0",mb:5,p:5,style:{borderBottom:"1px solid #FFDDB3"}},"Color"),(0,o.createElement)(y.s,{align:"center",justify:"space-between",p:5},(0,o.createElement)(p.E,{fz:14},"Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:S?.customize_styles?.icon_decoration?.color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>{j({...S,customize_styles:{...S.customize_styles,icon_decoration:{...S.customize_styles.icon_decoration,color:e}}})},swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))))))))))),(0,o.createElement)(n.t.Panel,{value:"options"},(0,o.createElement)(u.B,{gap:"xs",mt:10},(0,o.createElement)(D.k,{label:"Label",placeholder:"",w:"99%",value:S.customize_properties.label||"",onChange:e=>j({...S,customize_properties:{...S.customize_properties,label:e.currentTarget.value}})}),"Woo_BannerCategory"===e?.properties?.class_type&&(0,o.createElement)(u.B,{gap:"xs",mt:10},(0,o.createElement)(s.a,{component:"form",onSubmit:ie.onSubmit((()=>{ie.values.component_id=S.id;const e=h.$e.show({color:se.primaryColor+".2",loading:!0,title:"Processing...",autoClose:!1,withCloseButton:!1});(0,B.A)({method:"post",url:`${appLocalizer.apiUrl}/appza/web/api/v1/page/update-component/banner-slider`,headers:{Accept:"application/json","Content-Type":"multipart/form-data","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:ie.values}).then((r=>{h.$e.update({id:e,color:se.primaryColor,title:"Saved!",icon:(0,o.createElement)(w.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),j({...S,customize_properties:{...S.customize_properties,items:[...S.customize_properties.items,r.data.data]}}),ie.reset(),Y([]),t((e=>!e))})).catch((function(t){console.log(t),h.$e.update({id:e,color:"var(--mantine-color-red-9)",title:t.response.data.message,icon:(0,o.createElement)(v.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0})}))}))},(0,o.createElement)(D.k,{label:"Add Banner Name",placeholder:"Add Banner Name",w:"99%",...ie.getInputProps("name")}),(0,o.createElement)(y.s,{gap:0,direction:"column",wrap:"nowrap"},(0,o.createElement)(p.E,null,"Upload Image"),(0,o.createElement)(K.mR,{onDrop:e=>{Y(e),ie.setValues({image:e[0]})},onReject:e=>{h.$e.show({title:"Invalid file",color:"var(--mantine-color-red-9)",autoClose:5e3,icon:(0,o.createElement)(v.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}})})},maxSize:5242880,accept:[ee.Z$.png],style:{border:"2px dashed var(--mantine-color-orange-4)"}},(0,o.createElement)(u.B,{gap:"sm",align:"center",mih:80,style:{pointerEvents:"none"}},(0,o.createElement)(K.mR.Accept,null,(0,o.createElement)(N.default,{style:{width:(0,l.D)(52),height:(0,l.D)(52),color:"var(--mantine-color-blue-6)"},stroke:1.5})),(0,o.createElement)(K.mR.Reject,null,(0,o.createElement)(O.default,{style:{width:(0,l.D)(52),height:(0,l.D)(52),color:"var(--mantine-color-red-6)"},stroke:1.5})),(0,o.createElement)(K.mR.Idle,null,ne.length>0&&ne,0===ne.length&&(0,o.createElement)(U.default,{style:{width:(0,l.D)(52),height:(0,l.D)(52),color:"var(--mantine-color-dimmed)"},stroke:1.5})),(0,o.createElement)(p.E,{size:"xl",inline:!0},"Drag Image or ",(0,o.createElement)("span",{style:{color:"var(--mantine-color-orange-4)"}},"Upload"))))),(0,o.createElement)(q.l,{label:"Dropdown (Category or Tag)",placeholder:"Category",data:W?.map((e=>({value:e.slug,label:e.name}))),rightSection:(0,o.createElement)(H.default,{style:{width:(0,l.D)(16),height:(0,l.D)(16)}}),rightSectionPointerEvents:"none",onChange:e=>ie.setValues({category:e}),nothingFoundMessage:"Nothing found...",maxDropdownHeight:200,w:"99%",styles:{input:{backgroundColor:"transparent"}}}),(0,o.createElement)(y.s,{justify:"space-between",align:"center",gap:"md"},(0,o.createElement)(D.k,{label:"Button Text",placeholder:"Button text",w:"100%",...ie.getInputProps("button_text")}),(0,o.createElement)(d.Y,{gap:0},(0,o.createElement)(p.E,{fz:"var(--mantine-font-size-sm)"},"Button Color"),(0,o.createElement)(_.A,{styles:{wrapper:{padding:5,border:"var(--mantine-color-gray-2) 1px solid",borderRadius:"var(--mantine-radius-sm)"},input:{backgroundColor:ie.values.button_color,height:36,width:36,color:"transparent"}},variant:"unstyled",disallowInput:!0,leftSection:" ",leftSectionWidth:0,rightSection:" ",rightSectionWidth:0,defaultValue:"",value:"",onChangeEnd:e=>ie.setValues({button_color:e}),...ie.getInputProps("button_color"),swatches:["#383838","#868e96","#fa5252","#e64980","#be4bdb","#7950f2","#4c6ef5","#228be6","#15aabf","#12b886","#40c057","#82c91e","#fab005","#fd7e14"]}))),(0,o.createElement)(d.Y,{justify:"flex-end",gap:"xs",mt:"xs"},(0,o.createElement)(E.$,{type:"submit",w:"25%"},"Add"))),(0,o.createElement)(Q.c,{size:"sm"}),S?.customize_properties?.items?.map(((e,r)=>(0,o.createElement)(s.a,{key:r,p:5,mt:5,style:{border:"1px solid var(--mantine-color-gray-4)"}},(0,o.createElement)(u.B,null,(0,o.createElement)(D.k,{label:"Add Banner Name",placeholder:"Add Banner Name",w:"99%",defaultValue:e.name,onChange:e=>{S.customize_properties.items[r].name=e.currentTarget.value,j({...S,customize_properties:{...S.customize_properties,items:S.customize_properties.items}})}}),(0,o.createElement)(X._,{src:e?.image,fit:"contain"}),(0,o.createElement)(q.l,{label:"Dropdown (Category or Tag)",placeholder:"Category",data:W?.map((e=>({value:e.slug,label:e.name}))),value:e.category,onChange:e=>{S.customize_properties.items[r].category=e,j({...S,customize_properties:{...S.customize_properties,items:S.customize_properties.items}})},rightSection:(0,o.createElement)(H.default,{style:{width:(0,l.D)(16),height:(0,l.D)(16)}}),allowDeselect:!1,nothingFoundMessage:"Nothing found...",maxDropdownHeight:200,w:"99%",styles:{input:{backgroundColor:"transparent"}}}),(0,o.createElement)(y.s,{justify:"space-between",align:"center",gap:"md"},(0,o.createElement)(z.M,{variant:"subtle",onClick:()=>{return e={component_id:S.id,slide_position:r},void te.jQ.openConfirmModal({title:"Are you sure?",centered:!0,children:"",labels:{confirm:"Yes",cancel:"No"},confirmProps:{color:se.primaryColor},withCloseButton:!1,overlayProps:{blur:1},closeOnClickOutside:!1,onCancel:()=>console.log("Cancel"),onConfirm:()=>{(0,B.A)({method:"delete",url:`${appLocalizer.apiUrl}/appza/web/api/v1/page/update-component/banner-slider`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:e}).then((r=>{h.$e.show({color:se.primaryColor,title:r.data.message,icon:(0,o.createElement)(w.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),S.customize_properties.items.splice(e.slide_position,1),j({...S,customize_properties:{...S.customize_properties,items:S.customize_properties.items}}),t((e=>!e))})).catch((function(e){console.log(e),h.$e.show({color:"var(--mantine-color-red-9)",title:e.response.data.message,icon:(0,o.createElement)(v.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0})}))}});var e}},(0,o.createElement)(G.default,null)),(0,o.createElement)(E.$,{onClick:()=>{return a={component_id:S.id,slide_position:r,data:e},void(0,B.A)({method:"put",url:`${appLocalizer.apiUrl}/appza/web/api/v1/page/update-component/banner-slider`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:a}).then((e=>{h.$e.show({color:se.primaryColor,title:e.data.message,icon:(0,o.createElement)(w.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),S.customize_properties.items[a.slide_position]=a.data,j({...S,customize_properties:{...S.customize_properties,items:S.customize_properties.items}}),t((e=>!e))})).catch((function(e){console.log(e),h.$e.show({color:"var(--mantine-color-red-9)",title:e.response.data.message,icon:(0,o.createElement)(v.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0})}));var a}},"Update"))))))),"Woo_Category"===e?.properties?.class_type&&(0,o.createElement)(u.B,{mt:"xs",gap:0},(0,o.createElement)(y.s,{justify:"space-between",align:"center"},(0,o.createElement)(p.E,{fz:"sm",fw:500},"Categories"),(0,o.createElement)(g.d,{onChange:e=>{e.currentTarget.checked?j({...S,customize_properties:{...S.customize_properties,category_slugs:W?.map((e=>e.slug)),all_category:!0}}):j({...S,customize_properties:{...S.customize_properties,category_slugs:[],all_category:!1}})},checked:S.customize_properties?.all_category,size:"xs",label:(0,o.createElement)(p.E,{lineClamp:1},"All"),radius:"sm",styles:{track:{marginTop:"4px"}}})),(0,o.createElement)(Z.r,{cols:2,spacing:"xs",verticalSpacing:"xs"},W?.map(((e,t)=>(0,o.createElement)(g.d,{onChange:t=>{if(t.currentTarget.checked)j({...S,customize_properties:{...S.customize_properties,category_slugs:[...S.customize_properties.category_slugs,e.slug]}}),W?.length>0&&W.length===S?.customize_properties?.category_slugs?.length&&j({...S,customize_properties:{...S.customize_properties,all_category:!0}});else{let t=S.customize_properties.category_slugs,r=t?.indexOf(e.slug);r>-1&&t.splice(r,1),j({...S,customize_properties:{...S.customize_properties,category_slugs:t,all_category:!1}})}},checked:S.customize_properties?.category_slugs?.indexOf(e.slug)>-1,size:"xs",label:(0,o.createElement)(p.E,{lineClamp:1},e?.name),radius:"sm",styles:{track:{marginTop:"4px"}}}))))),"Woo_CategoryProduct"===e?.properties?.class_type&&(0,o.createElement)(u.B,{mt:"xs",gap:"xs"},(0,o.createElement)(q.l,{label:"Categories or Tags",placeholder:"Select",data:["Categories","Tags"],defaultValue:ae,onChange:e=>le(e),rightSection:(0,o.createElement)(H.default,{style:{width:(0,l.D)(16),height:(0,l.D)(16)}}),nothingFoundMessage:"Nothing found...",maxDropdownHeight:200,w:"99%",styles:{input:{backgroundColor:"transparent"}}}),"Categories"===ae&&(0,o.createElement)(m.n,{chevronPosition:"right",variant:"contained"},W?.map(((e,t)=>(0,o.createElement)(m.n.Item,{key:t,mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)",borderRadius:"var(--mantine-radius-sm)"},value:e?.name},(0,o.createElement)(y.s,{align:"center",justify:"space-between",ml:"xs"},(0,o.createElement)(g.d,{onChange:t=>{if(t.currentTarget.checked)S.customize_properties.tags?(delete S.customize_properties.tags,j({...S,customize_properties:{...S.customize_properties,categories:[{label:e.name,slug:e.slug,limit:1,order:"ASC"}]}})):j({...S,customize_properties:{...S.customize_properties,categories:[...S.customize_properties.categories,{label:e.name,slug:e.slug,limit:1,order:"ASC"}]}});else{let t=S.customize_properties.categories,r=t?.findIndex((t=>t.slug===e.slug));r>-1&&t.splice(r,1),j({...S,customize_properties:{...S.customize_properties,categories:t}})}},checked:S.customize_properties?.categories?.some((t=>t.slug===e.slug)),size:"xs",radius:"sm"}),(0,o.createElement)(m.n.Control,null,(0,o.createElement)(p.E,{lineClamp:1},e?.name))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(R.x,{gutter:"xs"},(0,o.createElement)(R.x.Col,{span:6},(0,o.createElement)(u.B,null,(0,o.createElement)(J.Q,{disabled:!S.customize_properties?.categories?.some((t=>t.slug===e.slug)),label:"Limit",onChange:t=>j({...S,customize_properties:{...S.customize_properties,categories:S.customize_properties.categories?.map((r=>(r.slug===e.slug&&(r.limit=t),r)))}}),min:1,max:e?.item_count,value:S?.customize_properties?.categories?.find((t=>t.slug===e.slug))?.limit}))),(0,o.createElement)(R.x.Col,{span:6},(0,o.createElement)(u.B,null,(0,o.createElement)(q.l,{disabled:!S.customize_properties?.categories?.some((t=>t.slug===e.slug)),label:"Sort",data:[{label:"Latest",value:"DESC"},{label:"Oldest",value:"ASC"}],onChange:t=>j({...S,customize_properties:{...S.customize_properties,categories:S.customize_properties.categories?.map((r=>(r.slug===e.slug&&(r.order=t),r)))}}),value:S?.customize_properties?.categories?.find((t=>t.slug===e.slug))?.order,rightSection:(0,o.createElement)(H.default,{style:{width:(0,l.D)(16),height:(0,l.D)(16)}}),nothingFoundMessage:"Nothing found...",maxDropdownHeight:200,styles:{input:{backgroundColor:"transparent"}}}))))))))),"Tags"===ae&&(0,o.createElement)(m.n,{chevronPosition:"right",variant:"contained"},F?.map(((e,t)=>(0,o.createElement)(m.n.Item,{key:t,mb:10,style:{borderTop:"1px solid var(--mantine-color-gray-2)",borderRadius:"var(--mantine-radius-sm)"},value:e?.name},(0,o.createElement)(y.s,{align:"center",justify:"space-between",ml:"xs"},(0,o.createElement)(g.d,{onChange:t=>{if(t.currentTarget.checked)S.customize_properties.categories?(delete S.customize_properties.categories,j({...S,customize_properties:{...S.customize_properties,tags:[{label:e.name,slug:e.slug,limit:1,order:"ASC"}]}})):j({...S,customize_properties:{...S.customize_properties,tags:[...S.customize_properties.tags,{label:e.name,slug:e.slug,limit:1,order:"ASC"}]}});else{let t=S.customize_properties.tags,r=t?.findIndex((t=>t.slug===e.slug));r>-1&&t.splice(r,1),j({...S,customize_properties:{...S.customize_properties,tags:t}})}},checked:S.customize_properties?.tags?.some((t=>t.slug===e.slug)),size:"xs",radius:"sm"}),(0,o.createElement)(m.n.Control,null,(0,o.createElement)(p.E,{lineClamp:1},e?.name))),(0,o.createElement)(m.n.Panel,{style:{backgroundColor:"white"}},(0,o.createElement)(R.x,{gutter:"xs"},(0,o.createElement)(R.x.Col,{span:6},(0,o.createElement)(u.B,null,(0,o.createElement)(J.Q,{disabled:!S.customize_properties?.tags?.some((t=>t.slug===e.slug)),label:"Limit",onChange:t=>j({...S,customize_properties:{...S.customize_properties,tags:S.customize_properties.tags?.map((r=>(r.slug===e.slug&&(r.limit=t),r)))}}),min:1,max:e?.item_count,value:S?.customize_properties?.tags?.find((t=>t.slug===e.slug))?.limit}))),(0,o.createElement)(R.x.Col,{span:6},(0,o.createElement)(u.B,null,(0,o.createElement)(q.l,{disabled:!S.customize_properties?.tags?.some((t=>t.slug===e.slug)),label:"Sort",data:[{label:"Latest",value:"DESC"},{label:"Oldest",value:"ASC"}],onChange:t=>j({...S,customize_properties:{...S.customize_properties,tags:S.customize_properties.tags?.map((r=>(r.slug===e.slug&&(r.order=t),r)))}}),value:S?.customize_properties?.tags?.find((t=>t.slug===e.slug))?.order,rightSection:(0,o.createElement)(H.default,{style:{width:(0,l.D)(16),height:(0,l.D)(16)}}),nothingFoundMessage:"Nothing found...",maxDropdownHeight:200,styles:{input:{backgroundColor:"transparent"}}})))))))))))))),(0,o.createElement)(y.s,{justify:"flex-end",align:"center",pr:"sm"},(0,o.createElement)(E.$,{leftSection:(0,o.createElement)(I.default,null),onClick:()=>(()=>{A(!0);const e=h.$e.show({color:se.primaryColor+".2",loading:!0,title:"Processing...",autoClose:!1,withCloseButton:!1});(0,B.A)({method:"put",url:`${appLocalizer.apiUrl}/appza/web/api/v1/page/component`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:S}).then((r=>{h.$e.update({id:e,color:se.primaryColor,title:"Saved!",icon:(0,o.createElement)(w.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),t((e=>!e)),A(!1)})).catch((function(t){console.log(t),h.$e.update({id:e,color:"var(--mantine-color-red-9)",title:t.response.data.message,icon:(0,o.createElement)(v.default,{style:{width:(0,l.D)(18),height:(0,l.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),A(!1)}))})(),disabled:P},"Update & Save")))},le=({setRecallAppbar:e,setRecallNavbar:t,setRecallDrawer:r,setReloadPageList:l,layout:n,setShowRightSidebar:c})=>{const[m,d]=(0,x.useState)(!1),{height:u,width:_}=(0,M.l)(),g=(0,a.xd)();return(0,x.useEffect)((()=>{d(!0),setTimeout((()=>{d(!1)}),1e3)}),[n]),(0,o.createElement)(s.a,{pt:"sm",bg:"white",mr:-1,pos:"relative",h:"100vh"},(0,o.createElement)(i.p,{visible:m,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"sm"}}),(0,o.createElement)(y.s,{bg:`${g.primaryColor}.0`,align:"center",justify:"space-between",p:"xs"},(0,o.createElement)(p.E,null,n?.name[0].toUpperCase()+n?.name.slice(1).toLowerCase()),(0,o.createElement)(z.M,{variant:"light",color:g.colors.gray[5],onClick:()=>c(!1)},(0,o.createElement)(V.default,{stroke:1.5}))),(0,o.createElement)(s.a,null,"appbar"===n?.mode&&(0,o.createElement)(F,{setRecallAppbar:e,layout:n}),"navbar"===n?.mode&&(0,o.createElement)(L,{setRecallNavbar:t,layout:n}),"drawer"===n?.mode&&(0,o.createElement)(Y,{setRecallDrawer:r,layout:n}),"component"===n?.mode&&(0,o.createElement)(ae,{setReloadPageList:l,layout:n})))}}}]);

  • appza-builder/trunk/admin/frontend/build/746.js

    r3296359 r3298544  
    1 "use strict";(globalThis.webpackChunkfrontend=globalThis.webpackChunkfrontend||[]).push([[746],{150417:(e,t,a)=>{a.d(t,{M:()=>n});var l=a(951609);function n(){const[e,t]=(0,l.useState)(!1),a=(0,l.useRef)(null),n=(0,l.useCallback)((()=>t(!0)),[]),o=(0,l.useCallback)((()=>t(!1)),[]);return(0,l.useEffect)((()=>{const e=a.current;if(e)return e.addEventListener("mouseenter",n),e.addEventListener("mouseleave",o),()=>{e?.removeEventListener("mouseenter",n),e?.removeEventListener("mouseleave",o)}}),[a.current]),{ref:a,hovered:e}}},350720:(e,t,a)=>{a.d(t,{A:()=>l});const l={item:"fE_7Vs3gIiV6Pzh6YvAQ",propertiesShadowItem:"fP5OwKpNHrgoufVxc5W9"}},520746:(e,t,a)=>{a.r(t),a.d(t,{default:()=>L});var l=a(951609),n=a(65381),o=a(982898),r=a(350720),c=a(986087),i=a(801101),s=a(69019),m=a(495362),p=a(311507),u=a(917826),d=a(531074),g=a(141670),E=a(312335),h=a(40054),f=a(148324),b=a(805055),v=a(771083),y=a(288149),w=a(322662),C=a(150417),A=a(909543),S=a(20899),z=a(101573);function k({layout:e,setRecallAppbar:t,setShowRightSidebar:a,setSelectedLayout:n}){const{hovered:o,ref:r}=(0,C.M)(),[i,s]=(0,c.useState)(!1);return(0,l.createElement)(p.a,{p:15,style:{borderBottom:"1px solid var(--mantine-color-gray-2)"},ref:r,pos:"relative"},o&&(0,l.createElement)(w.h,null,(0,l.createElement)(h.s,{align:"center",justify:"center",gap:"md",mih:"100%"},e?.is_upcoming&&(0,l.createElement)(u.E,{c:"orange.1",fs:"italic",fw:500},"Coming soon..."),!e?.is_upcoming&&(i?(0,l.createElement)(u.E,{fz:"xs",c:"orange.1",fw:100,fs:"italic"},"Processing..."):(0,l.createElement)(b.$,{size:"xs",onClick:()=>{s((e=>!e));const o=A.$e.show({color:"var(--mantine-color-orange-2)",loading:!0,title:"Processing...",autoClose:!1,withCloseButton:!1});(0,v.A)({method:"post",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:e}).then((e=>{A.$e.update({id:o,color:"var(--mantine-color-orange-7)",title:"Added!",icon:(0,l.createElement)(S.default,{style:{width:(0,y.D)(18),height:(0,y.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),s((e=>!e)),t((e=>!e)),n(e.data),a(!0)})).catch((function(e){console.log(e),A.$e.update({id:o,color:"var(--mantine-color-red-9)",title:e.response.data.message,icon:(0,l.createElement)(z.default,{style:{width:(0,y.D)(18),height:(0,y.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),s((e=>!e))}))},disabled:i,variant:"filled"},"Select")))),(0,l.createElement)(d._,{mb:10,h:56,w:"100%",src:e?.image_url,fit:"contain"}),(0,l.createElement)(g.o,null,(0,l.createElement)(u.E,null,e.name)))}const L=({isSupportPluginChange:e,isThemeChange:t,recallAppbar:a,setRecallAppbar:y,setShowRightSidebar:w,setSelectedLayout:C})=>{const[A,S]=(0,c.useState)(null),[z,L]=(0,c.useState)([]),[x,R]=(0,c.useState)(!1),[$,j]=(0,c.useState)(null),[P,_]=(0,c.useState)(!1),B=(0,i.xd)();return(0,c.useEffect)((()=>{(0,v.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},params:{mode:"appbar"}}).then((e=>{j(e.data)})).catch((function(e){console.log(e)}))}),[a,t,e]),(0,c.useEffect)((()=>{R(!0),(0,v.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layouts-repository`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},params:{mode:"appbar"}}).then((e=>{L(e.data),R(!1)})).catch((function(e){L([]),console.log(e)}))}),[P,t,e]),(0,l.createElement)(l.Fragment,null,(0,l.createElement)(s.B,{pos:"relative"},(0,l.createElement)(m.p,{visible:x,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"sm"}}),(0,l.createElement)(p.a,{bg:B.primaryColor+".0",p:5,mt:"xs"}," ",(0,l.createElement)(u.E,{fz:12,fw:700},"Selected")," "),$&&(0,l.createElement)(l.Fragment,null,(0,l.createElement)(p.a,{className:r.A.item,p:15,onClick:()=>{S($.id),C(null),C($)},"data-active":A===$.id||void 0,style:{borderBottom:"1px solid var(--mantine-color-gray-2)"}},(0,l.createElement)(d._,{mb:10,h:56,w:"100%",src:$?.image_url,fit:"contain",alt:$.name}),(0,l.createElement)(g.o,null,(0,l.createElement)(u.E,null,$.name," "),(0,l.createElement)(E.m,{label:"Active"},(0,l.createElement)(n.default,{color:B.primaryColor}))))),(0,l.createElement)(p.a,{bg:B.primaryColor+".0",p:5,mt:"xs"},(0,l.createElement)(h.s,{align:"center",justify:"space-between"},(0,l.createElement)(u.E,{fz:12,fw:700},"Library"),(0,l.createElement)(E.m,{color:B.primaryColor+".1",label:(0,l.createElement)(u.E,{c:B.colors.dark[7],fw:500,size:"sm"},"Reload")},(0,l.createElement)(f.M,{variant:"light",size:"xs",onClick:()=>_((e=>!e))},(0,l.createElement)(o.default,null))))),z?.length>0&&z?.map((e=>(0,l.createElement)(k,{key:e.slug,layout:e,setRecallAppbar:y,setSelectedLayout:C,setShowRightSidebar:w}))),0===z?.length&&(0,l.createElement)(g.o,null,(0,l.createElement)(b.$,{size:"xs",onClick:()=>_((e=>!e)),leftSection:(0,l.createElement)(o.default,null)},"Reload"))))}}}]);
     1"use strict";(globalThis.webpackChunkfrontend=globalThis.webpackChunkfrontend||[]).push([[746],{150417:(e,t,a)=>{a.d(t,{M:()=>n});var l=a(951609);function n(){const[e,t]=(0,l.useState)(!1),a=(0,l.useRef)(null),n=(0,l.useCallback)((()=>t(!0)),[]),o=(0,l.useCallback)((()=>t(!1)),[]);return(0,l.useEffect)((()=>{const e=a.current;if(e)return e.addEventListener("mouseenter",n),e.addEventListener("mouseleave",o),()=>{e?.removeEventListener("mouseenter",n),e?.removeEventListener("mouseleave",o)}}),[a.current]),{ref:a,hovered:e}}},350720:(e,t,a)=>{a.d(t,{A:()=>l});const l={item:"fE_7Vs3gIiV6Pzh6YvAQ",propertiesShadowItem:"fP5OwKpNHrgoufVxc5W9"}},520746:(e,t,a)=>{a.r(t),a.d(t,{default:()=>L});var l=a(951609),n=a(65381),o=a(982898),r=a(350720),c=a(986087),i=a(801101),s=a(69019),m=a(311507),p=a(917826),u=a(531074),d=a(141670),g=a(312335),E=a(40054),h=a(148324),f=a(495362),b=a(805055),v=a(771083),w=a(288149),y=a(322662),C=a(150417),A=a(909543),S=a(20899),z=a(101573);function k({layout:e,setRecallAppbar:t,setShowRightSidebar:a,setSelectedLayout:n}){const{hovered:o,ref:r}=(0,C.M)(),[i,s]=(0,c.useState)(!1);return(0,l.createElement)(m.a,{p:15,style:{borderBottom:"1px solid var(--mantine-color-gray-2)"},ref:r,pos:"relative"},o&&(0,l.createElement)(y.h,null,(0,l.createElement)(E.s,{align:"center",justify:"center",gap:"md",mih:"100%"},e?.is_upcoming&&(0,l.createElement)(p.E,{c:"orange.1",fs:"italic",fw:500},"Coming soon..."),!e?.is_upcoming&&(i?(0,l.createElement)(p.E,{fz:"xs",c:"orange.1",fw:100,fs:"italic"},"Processing..."):(0,l.createElement)(b.$,{size:"xs",onClick:()=>{s((e=>!e));const o=A.$e.show({color:"var(--mantine-color-orange-2)",loading:!0,title:"Processing...",autoClose:!1,withCloseButton:!1});(0,v.A)({method:"post",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*","X-WP-Nonce":`${appLocalizer.nonce}`},data:e}).then((e=>{A.$e.update({id:o,color:"var(--mantine-color-orange-7)",title:"Added!",icon:(0,l.createElement)(S.default,{style:{width:(0,w.D)(18),height:(0,w.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),s((e=>!e)),t((e=>!e)),n(e.data),a(!0)})).catch((function(e){console.log(e),A.$e.update({id:o,color:"var(--mantine-color-red-9)",title:e.response.data.message,icon:(0,l.createElement)(z.default,{style:{width:(0,w.D)(18),height:(0,w.D)(18)}}),loading:!1,autoClose:5e3,withCloseButton:!0}),s((e=>!e))}))},disabled:i,variant:"filled"},"Select")))),(0,l.createElement)(u._,{mb:10,h:56,w:"100%",src:e?.image_url,fit:"contain"}),(0,l.createElement)(d.o,null,(0,l.createElement)(p.E,null,e.name)))}const L=({isSupportPluginChange:e,isThemeChange:t,recallAppbar:a,setRecallAppbar:w,setShowRightSidebar:y,setSelectedLayout:C})=>{const[A,S]=(0,c.useState)(null),[z,L]=(0,c.useState)([]),[x,R]=(0,c.useState)(!1),[$,j]=(0,c.useState)(null),[P,_]=(0,c.useState)(!1),B=(0,i.xd)();return(0,c.useEffect)((()=>{(0,v.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},params:{mode:"appbar"}}).then((e=>{j(e.data)})).catch((function(e){console.log(e)}))}),[a,t,e]),(0,c.useEffect)((()=>{R(!0),(0,v.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layouts-repository`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},params:{mode:"appbar"}}).then((e=>{L(e.data),R(!1)})).catch((function(e){L([]),console.log(e)}))}),[P,t,e]),(0,l.createElement)(l.Fragment,null,(0,l.createElement)(s.B,{pos:"relative"},(0,l.createElement)(m.a,{bg:B.primaryColor+".0",p:5,mt:"xs"}," ",(0,l.createElement)(p.E,{fz:12,fw:700},"Selected")," "),$&&(0,l.createElement)(l.Fragment,null,(0,l.createElement)(m.a,{className:r.A.item,p:15,onClick:()=>{S($.id),C(null),C($)},"data-active":A===$.id||void 0,style:{borderBottom:"1px solid var(--mantine-color-gray-2)"}},(0,l.createElement)(u._,{mb:10,h:56,w:"100%",src:$?.image_url,fit:"contain",alt:$.name}),(0,l.createElement)(d.o,null,(0,l.createElement)(p.E,null,$.name," "),(0,l.createElement)(g.m,{label:"Active"},(0,l.createElement)(n.default,{color:B.primaryColor}))))),(0,l.createElement)(m.a,{bg:B.primaryColor+".0",p:5,mt:"xs"},(0,l.createElement)(E.s,{align:"center",justify:"space-between"},(0,l.createElement)(p.E,{fz:12,fw:700},"Library"),(0,l.createElement)(g.m,{color:B.primaryColor+".1",label:(0,l.createElement)(p.E,{c:B.colors.dark[7],fw:500,size:"sm"},"Reload")},(0,l.createElement)(h.M,{variant:"light",size:"xs",onClick:()=>_((e=>!e))},(0,l.createElement)(o.default,null))))),(0,l.createElement)(m.a,{pos:"relative"},(0,l.createElement)(f.p,{visible:x,zIndex:1e3,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"sm"}}),z?.length>0&&z?.map((e=>(0,l.createElement)(k,{key:e.slug,layout:e,setRecallAppbar:w,setSelectedLayout:C,setShowRightSidebar:y})))),0===z?.length&&(0,l.createElement)(d.o,null,(0,l.createElement)(b.$,{size:"xs",onClick:()=>_((e=>!e)),leftSection:(0,l.createElement)(o.default,null)},"Reload"))))}}}]);

  • appza-builder/trunk/admin/frontend/build/919.js

    r3296359 r3298544  
    1 "use strict";(globalThis.webpackChunkfrontend=globalThis.webpackChunkfrontend||[]).push([[919],{150417:(e,t,s)=>{s.d(t,{M:()=>o});var r=s(951609);function o(){const[e,t]=(0,r.useState)(!1),s=(0,r.useRef)(null),o=(0,r.useCallback)((()=>t(!0)),[]),i=(0,r.useCallback)((()=>t(!1)),[]);return(0,r.useEffect)((()=>{const e=s.current;if(e)return e.addEventListener("mouseenter",o),e.addEventListener("mouseleave",i),()=>{e?.removeEventListener("mouseenter",o),e?.removeEventListener("mouseleave",i)}}),[s.current]),{ref:s,hovered:e}}},782919:(e,t,s)=>{s.r(t),s.d(t,{default:()=>z});var r=s(951609),o=s(311507),i=s(495362),p=s(40054),a=s(531074),c=s(917826),n=s(322662),l=s(148324),_=s(101578),u=s(143325),m=s(369637),d=s(771083),y=s(986087),g=s(150417);const z=({recallAppbar:e,setSelectedLayout:t,reloadScreen:s,isThemeChange:z,isSupportPluginChange:f})=>{const[h,x]=(0,y.useState)(null),[b,E]=(0,y.useState)(!1),{hovered:w,ref:v}=(0,g.M)();return(0,y.useEffect)((()=>{E(!0),(0,d.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},params:{mode:"appbar"}}).then((e=>{x(e.data),E(!1)})).catch((function(e){console.log(e),E(!1)}))}),[e,s,z,f]),(0,r.createElement)(o.a,{pos:"relative",mih:25},(0,r.createElement)(i.p,{visible:b,zIndex:10,overlayProps:{radius:"sm",blur:5},loaderProps:{type:"dots",size:"xs"}}),(0,r.createElement)(o.a,{ref:v,bg:h?.customize_styles?.general_properties?.background_color,px:h?.customize_styles?.general_properties?.padding_x,py:h?.customize_styles?.general_properties?.padding_y,style:{boxShadow:`gray 0px ${h?.customize_styles?.general_properties?.shadow}px ${h?.customize_styles?.general_properties?.shadow}px`,borderRadius:`${h?.customize_styles?.general_properties?.shape_radius}px`,zIndex:2,overflow:"visible",border:`${h?.customize_styles?.general_properties?.border_width}px solid ${h?.customize_styles?.general_properties?.border_color}`},pos:h?.customize_styles?.general_properties?.float?"absolute":"",top:h?.customize_styles?.general_properties?.float?`${h?.customize_styles?.general_properties?.margin_y}px`:0,w:h?.customize_styles?.general_properties?.float?100-h?.customize_styles?.general_properties?.margin_x+"%":"100%",left:h?.customize_styles?.general_properties?.float?h?.customize_styles?.general_properties?.margin_x/2+"%":0},(0,r.createElement)(p.s,{gap:"lg",justify:"space-between",align:"center"},(0,r.createElement)(p.s,{gap:"xs",justify:"flex-start",align:"center"},h?.components?.map((e=>{if("leading_area"===e.component_position){if("ProfileImage"===e.customize_properties?.layout_type)return(0,r.createElement)(a._,{fit:"cover",w:h?.customize_styles?.image_properties?.width,radius:h?.customize_styles?.image_properties?.shape_radius,h:h?.customize_styles?.image_properties?.height,src:e?.image_url});if("Image"===e.customize_properties?.layout_type)return(0,r.createElement)(a._,{fit:"contain",radius:h?.customize_styles?.image_properties?.shape_radius,w:h?.customize_styles?.image_properties?.size,h:h?.customize_styles?.image_properties?.size,src:e?.image_url});if("IconButton"===e.customize_properties?.layout_type){const t=void 0===_[e.customize_properties?.icon_code]?u.default:_[e.customize_properties?.icon_code];return(0,r.createElement)(o.a,{style:{backgroundColor:h?.customize_styles?.icon_properties?.is_transparent_background?"transparent":h?.customize_styles?.icon_properties?.background_color,borderRadius:`${h?.customize_styles?.icon_properties?.shape_radius}%`,paddingTop:`${h?.customize_styles?.icon_properties?.padding_y}px`,paddingBottom:`${h?.customize_styles?.icon_properties?.padding_y}px`,paddingLeft:`${h?.customize_styles?.icon_properties?.padding_x}px`,paddingRight:`${h?.customize_styles?.icon_properties?.padding_x}px`,display:"flex",justifyContent:"center",alignItems:"center"}},(0,r.createElement)(t,{size:h?.customize_styles?.icon_properties?.size,color:h?.customize_styles?.icon_properties?.color,stroke:h?.customize_styles?.icon_properties?.weight}))}if("Text"===e.customize_properties?.layout_type)return(0,r.createElement)(c.E,{fw:h?.customize_styles?.text_properties?.font_weight,c:h?.customize_styles?.text_properties?.color},e?.customize_properties?.label)}}))),(0,r.createElement)(p.s,{gap:"xs",justify:"center",align:"center"},h?.components?.map((e=>{if("title_area"===e.component_position){if("ProfileImage"===e.customize_properties?.layout_type)return(0,r.createElement)(a._,{fit:"cover",w:h?.customize_styles?.image_properties?.width,radius:h?.customize_styles?.image_properties?.shape_radius,h:h?.customize_styles?.image_properties?.height,src:e?.image_url});if("Image"===e.customize_properties?.layout_type)return(0,r.createElement)(a._,{fit:"cover",w:"100%",radius:h?.customize_styles?.image_properties?.shape_radius,h:h?.customize_styles?.image_properties?.size,src:e?.image_url});if("IconButton"===e.customize_properties?.layout_type){const t=void 0===_[e.customize_properties?.icon_code]?u.default:_[e.customize_properties?.icon_code];return(0,r.createElement)(o.a,{style:{backgroundColor:h?.customize_styles?.icon_properties?.is_transparent_background?"transparent":h?.customize_styles?.icon_properties?.background_color,borderRadius:`${h?.customize_styles?.icon_properties?.shape_radius}%`,paddingTop:`${h?.customize_styles?.icon_properties?.padding_y}px`,paddingBottom:`${h?.customize_styles?.icon_properties?.padding_y}px`,paddingLeft:`${h?.customize_styles?.icon_properties?.padding_x}px`,paddingRight:`${h?.customize_styles?.icon_properties?.padding_x}px`,display:"flex",justifyContent:"center",alignItems:"center"}},(0,r.createElement)(t,{size:h?.customize_styles?.icon_properties?.size,color:h?.customize_styles?.icon_properties?.color,stroke:h?.customize_styles?.icon_properties?.weight}))}if("Text"===e.customize_properties?.layout_type)return(0,r.createElement)(c.E,{fw:h?.customize_styles?.text_properties?.font_weight,c:h?.customize_styles?.text_properties?.color},e?.customize_properties?.label)}}))),(0,r.createElement)(p.s,{gap:"xs",justify:"flex-end",align:"center"},h?.components?.map((e=>{if("action_area"===e.component_position){if("ProfileImage"===e.customize_properties?.layout_type)return(0,r.createElement)(a._,{fit:"cover",w:h?.customize_styles?.image_properties?.width,radius:h?.customize_styles?.image_properties?.shape_radius,h:h?.customize_styles?.image_properties?.height,src:e?.image_url});if("Image"===e.customize_properties?.layout_type)return(0,r.createElement)(a._,{fit:"contain",radius:h?.customize_styles?.image_properties?.shape_radius,w:h?.customize_styles?.image_properties?.width,h:h?.customize_styles?.image_properties?.height,src:e?.image_url});if("IconButton"===e.customize_properties?.layout_type){const t=void 0===_[e.customize_properties?.icon_code]?u.default:_[e.customize_properties?.icon_code];return(0,r.createElement)(o.a,{style:{backgroundColor:h?.customize_styles?.icon_properties?.is_transparent_background?"transparent":h?.customize_styles?.icon_properties?.background_color,borderRadius:`${h?.customize_styles?.icon_properties?.shape_radius}%`,paddingTop:`${h?.customize_styles?.icon_properties?.padding_y}px`,paddingBottom:`${h?.customize_styles?.icon_properties?.padding_y}px`,paddingLeft:`${h?.customize_styles?.icon_properties?.padding_x}px`,paddingRight:`${h?.customize_styles?.icon_properties?.padding_x}px`,display:"flex",justifyContent:"center",alignItems:"center"}},(0,r.createElement)(t,{size:h?.customize_styles?.icon_properties?.size,color:h?.customize_styles?.icon_properties?.color,stroke:h?.customize_styles?.icon_properties?.weight}))}if("Text"===e.customize_properties?.layout_type)return(0,r.createElement)(c.E,{fw:h?.customize_styles?.text_properties?.font_weight,c:h?.customize_styles?.text_properties?.color},e?.customize_properties?.label)}})))),w&&(0,r.createElement)(n.h,{color:"#FFE8CC",backgroundOpacity:.35,blur:0,onClick:()=>{t(null),t(h)},style:{cursor:"pointer"}},(0,r.createElement)(l.M,{variant:"filled",pos:"absolute",top:0,right:0,onClick:()=>{t(null),t(h)}},(0,r.createElement)(m.default,{color:"var(--mantine-color-white)",cursor:"pointer"})))))}}}]);
     1"use strict";(globalThis.webpackChunkfrontend=globalThis.webpackChunkfrontend||[]).push([[919],{150417:(e,t,s)=>{s.d(t,{M:()=>o});var r=s(951609);function o(){const[e,t]=(0,r.useState)(!1),s=(0,r.useRef)(null),o=(0,r.useCallback)((()=>t(!0)),[]),i=(0,r.useCallback)((()=>t(!1)),[]);return(0,r.useEffect)((()=>{const e=s.current;if(e)return e.addEventListener("mouseenter",o),e.addEventListener("mouseleave",i),()=>{e?.removeEventListener("mouseenter",o),e?.removeEventListener("mouseleave",i)}}),[s.current]),{ref:s,hovered:e}}},782919:(e,t,s)=>{s.r(t),s.d(t,{default:()=>z});var r=s(951609),o=s(311507),i=s(495362),p=s(40054),a=s(531074),c=s(917826),n=s(322662),l=s(148324),_=s(101578),u=s(143325),m=s(369637),d=s(771083),g=s(986087),y=s(150417);const z=({recallAppbar:e,setSelectedLayout:t,reloadScreen:s,isThemeChange:z,isSupportPluginChange:f})=>{const[h,x]=(0,g.useState)(null),[b,E]=(0,g.useState)(!1),{hovered:w,ref:v}=(0,y.M)();return(0,g.useEffect)((()=>{E(!0),(0,d.A)({method:"get",url:`${appLocalizer.apiUrl}/appza/web/api/v1/global-layout`,headers:{Accept:"application/json","Content-Type":"application/json","Access-Control-Allow-Origin":"*"},params:{mode:"appbar"}}).then((e=>{x(e.data),E(!1)})).catch((function(e){console.log(e),E(!1)}))}),[e,s,z,f]),(0,r.createElement)(o.a,{pos:"relative",mih:25},(0,r.createElement)(i.p,{visible:b,zIndex:10,overlayProps:{radius:"sm",blur:5},loaderProps:{size:"xs"}}),(0,r.createElement)(o.a,{ref:v,bg:h?.customize_styles?.general_properties?.background_color,px:h?.customize_styles?.general_properties?.padding_x,py:h?.customize_styles?.general_properties?.padding_y,style:{boxShadow:`gray 0px ${h?.customize_styles?.general_properties?.shadow}px ${h?.customize_styles?.general_properties?.shadow}px`,borderRadius:`${h?.customize_styles?.general_properties?.shape_radius}px`,zIndex:2,overflow:"visible",border:`${h?.customize_styles?.general_properties?.border_width}px solid ${h?.customize_styles?.general_properties?.border_color}`},pos:h?.customize_styles?.general_properties?.float?"absolute":"",top:h?.customize_styles?.general_properties?.float?`${h?.customize_styles?.general_properties?.margin_y}px`:0,w:h?.customize_styles?.general_properties?.float?100-h?.customize_styles?.general_properties?.margin_x+"%":"100%",left:h?.customize_styles?.general_properties?.float?h?.customize_styles?.general_properties?.margin_x/2+"%":0},(0,r.createElement)(p.s,{gap:"lg",justify:"space-between",align:"center"},(0,r.createElement)(p.s,{gap:"xs",justify:"flex-start",align:"center"},h?.components?.map((e=>{if("leading_area"===e.component_position){if("ProfileImage"===e.customize_properties?.layout_type)return(0,r.createElement)(a._,{fit:"cover",w:h?.customize_styles?.image_properties?.width,radius:h?.customize_styles?.image_properties?.shape_radius,h:h?.customize_styles?.image_properties?.height,src:e?.image_url});if("Image"===e.customize_properties?.layout_type)return(0,r.createElement)(a._,{fit:"contain",radius:h?.customize_styles?.image_properties?.shape_radius,w:h?.customize_styles?.image_properties?.size,h:h?.customize_styles?.image_properties?.size,src:e?.image_url});if("IconButton"===e.customize_properties?.layout_type){const t=void 0===_[e.customize_properties?.icon_code]?u.default:_[e.customize_properties?.icon_code];return(0,r.createElement)(o.a,{style:{backgroundColor:h?.customize_styles?.icon_properties?.is_transparent_background?"transparent":h?.customize_styles?.icon_properties?.background_color,borderRadius:`${h?.customize_styles?.icon_properties?.shape_radius}%`,paddingTop:`${h?.customize_styles?.icon_properties?.padding_y}px`,paddingBottom:`${h?.customize_styles?.icon_properties?.padding_y}px`,paddingLeft:`${h?.customize_styles?.icon_properties?.padding_x}px`,paddingRight:`${h?.customize_styles?.icon_properties?.padding_x}px`,display:"flex",justifyContent:"center",alignItems:"center"}},(0,r.createElement)(t,{size:h?.customize_styles?.icon_properties?.size,color:h?.customize_styles?.icon_properties?.color,stroke:h?.customize_styles?.icon_properties?.weight}))}if("Text"===e.customize_properties?.layout_type)return(0,r.createElement)(c.E,{fw:h?.customize_styles?.text_properties?.font_weight,c:h?.customize_styles?.text_properties?.color},e?.customize_properties?.label)}}))),(0,r.createElement)(p.s,{gap:"xs",justify:"center",align:"center"},h?.components?.map((e=>{if("title_area"===e.component_position){if("ProfileImage"===e.customize_properties?.layout_type)return(0,r.createElement)(a._,{fit:"cover",w:h?.customize_styles?.image_properties?.width,radius:h?.customize_styles?.image_properties?.shape_radius,h:h?.customize_styles?.image_properties?.height,src:e?.image_url});if("Image"===e.customize_properties?.layout_type)return(0,r.createElement)(a._,{fit:"cover",w:"100%",radius:h?.customize_styles?.image_properties?.shape_radius,h:h?.customize_styles?.image_properties?.size,src:e?.image_url});if("IconButton"===e.customize_properties?.layout_type){const t=void 0===_[e.customize_properties?.icon_code]?u.default:_[e.customize_properties?.icon_code];return(0,r.createElement)(o.a,{style:{backgroundColor:h?.customize_styles?.icon_properties?.is_transparent_background?"transparent":h?.customize_styles?.icon_properties?.background_color,borderRadius:`${h?.customize_styles?.icon_properties?.shape_radius}%`,paddingTop:`${h?.customize_styles?.icon_properties?.padding_y}px`,paddingBottom:`${h?.customize_styles?.icon_properties?.padding_y}px`,paddingLeft:`${h?.customize_styles?.icon_properties?.padding_x}px`,paddingRight:`${h?.customize_styles?.icon_properties?.padding_x}px`,display:"flex",justifyContent:"center",alignItems:"center"}},(0,r.createElement)(t,{size:h?.customize_styles?.icon_properties?.size,color:h?.customize_styles?.icon_properties?.color,stroke:h?.customize_styles?.icon_properties?.weight}))}if("Text"===e.customize_properties?.layout_type)return(0,r.createElement)(c.E,{fw:h?.customize_styles?.text_properties?.font_weight,c:h?.customize_styles?.text_properties?.color},e?.customize_properties?.label)}}))),(0,r.createElement)(p.s,{gap:"xs",justify:"flex-end",align:"center"},h?.components?.map((e=>{if("action_area"===e.component_position){if("ProfileImage"===e.customize_properties?.layout_type)return(0,r.createElement)(a._,{fit:"cover",w:h?.customize_styles?.image_properties?.width,radius:h?.customize_styles?.image_properties?.shape_radius,h:h?.customize_styles?.image_properties?.height,src:e?.image_url});if("Image"===e.customize_properties?.layout_type)return(0,r.createElement)(a._,{fit:"contain",radius:h?.customize_styles?.image_properties?.shape_radius,w:h?.customize_styles?.image_properties?.width,h:h?.customize_styles?.image_properties?.height,src:e?.image_url});if("IconButton"===e.customize_properties?.layout_type){const t=void 0===_[e.customize_properties?.icon_code]?u.default:_[e.customize_properties?.icon_code];return(0,r.createElement)(o.a,{style:{backgroundColor:h?.customize_styles?.icon_properties?.is_transparent_background?"transparent":h?.customize_styles?.icon_properties?.background_color,borderRadius:`${h?.customize_styles?.icon_properties?.shape_radius}%`,paddingTop:`${h?.customize_styles?.icon_properties?.padding_y}px`,paddingBottom:`${h?.customize_styles?.icon_properties?.padding_y}px`,paddingLeft:`${h?.customize_styles?.icon_properties?.padding_x}px`,paddingRight:`${h?.customize_styles?.icon_properties?.padding_x}px`,display:"flex",justifyContent:"center",alignItems:"center"}},(0,r.createElement)(t,{size:h?.customize_styles?.icon_properties?.size,color:h?.customize_styles?.icon_properties?.color,stroke:h?.customize_styles?.icon_properties?.weight}))}if("Text"===e.customize_properties?.layout_type)return(0,r.createElement)(c.E,{fw:h?.customize_styles?.text_properties?.font_weight,c:h?.customize_styles?.text_properties?.color},e?.customize_properties?.label)}})))),w&&(0,r.createElement)(n.h,{color:"#FFE8CC",backgroundOpacity:.35,blur:0,onClick:()=>{t(null),t(h)},style:{cursor:"pointer"}},(0,r.createElement)(l.M,{variant:"filled",pos:"absolute",top:0,right:0,onClick:()=>{t(null),t(h)}},(0,r.createElement)(m.default,{color:"var(--mantine-color-white)",cursor:"pointer"})))))}}}]);

  • appza-builder/trunk/admin/frontend/build/index.asset.php

    r3296152 r3298544  
    1 <?php return array('dependencies' => array('react', 'react-dom', 'wp-element'), 'version' => '1cf11395de5f7aa7d7b8');
     1<?php return array('dependencies' => array('react', 'react-dom', 'wp-element'), 'version' => '9fb90122102e1071c9d3');

  • appza-builder/trunk/admin/frontend/build/index.css

    r3296152 r3298544  
    80158015  }
    80168016
    8017 @keyframes JKKWep7tznHhBl7Lt5pE {
     8017@keyframes VAoPOoMiWTemcx4lGUAO {
    80188018/*    0% {
    80198019        transform: rotateY(0deg) scale(0.95);
    … …  
    80528052}
    80538053
    8054 .qwSFI47wjqaWsxCdLvFA {
     8054.PsKfdwuo56hjMRFiqlg5 {
    80558055    display: inline-block;
    80568056    width: var(--loader-size);
    … …  
    80588058    border-radius: var(--loader-size);
    80598059    background: var(--loader-color);
    8060     animation: JKKWep7tznHhBl7Lt5pE 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    8061 }
     8060    animation: VAoPOoMiWTemcx4lGUAO 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
     8061}
     8062
     8063
     8064
     8065@keyframes q2L3aBb6qWeH4JL4uz0a {
     8066    0% {
     8067        transform: rotateY(0deg);
     8068        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
     8069    }
     8070
     8071    50% {
     8072        transform: rotateY(1800deg);
     8073        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
     8074    }
     8075
     8076    100% {
     8077        transform: rotateY(3600deg);
     8078        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
     8079    }
     8080}
     8081
     8082.jp2d3mRqaqZJpvxgaCdA {
     8083    display: inline-block;
     8084    width: var(--loader-size);
     8085    height: var(--loader-size);
     8086    border-radius: var(--loader-size);
     8087    background: transparent;
     8088    animation: q2L3aBb6qWeH4JL4uz0a 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
     8089}

  • appza-builder/trunk/admin/frontend/build/index.js

    r3296152 r3298544  
    1 (()=>{"use strict";var e,t,n,r,o={45727:(e,t,n)=>{function r(e="mantine-"){return`${e}${Math.random().toString(36).slice(2,11)}`}n.d(t,{z:()=>r})},55488:(e,t,n)=>{n.d(t,{g:()=>i,w:()=>a});var r=n(480684),o=n(489569);function a({color:e,theme:t,autoContrast:n}){return("boolean"==typeof n?n:t.autoContrast)&&(0,o.g)({color:e||t.primaryColor,theme:t}).isLight?"var(--mantine-color-black)":"var(--mantine-color-white)"}function i(e,t){return a({color:e.colors[e.primaryColor][(0,r.g)(e,t)],theme:e,autoContrast:null})}},58168:(e,t,n)=>{function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(null,arguments)}n.d(t,{A:()=>r})},69019:(e,t,n)=>{n.d(t,{B:()=>p});var r=n(474848),o=(n(951609),n(656324)),a=n(759396),i=n(746100),s=n(652837),l=n(311507),c=n(402412),d={root:"m_6d731127"};const u={gap:"md",align:"stretch",justify:"flex-start"},m=(0,a.V)(((e,{gap:t,align:n,justify:r})=>({root:{"--stack-gap":(0,o.GY)(t),"--stack-align":n,"--stack-justify":r}}))),p=(0,c.P9)(((e,t)=>{const n=(0,i.Y)("Stack",u,e),{classNames:o,className:a,style:c,styles:p,unstyled:f,vars:h,align:y,justify:v,gap:g,variant:b,...x}=n,w=(0,s.I)({name:"Stack",props:n,classes:d,className:a,style:c,classNames:o,styles:p,unstyled:f,vars:h,varsResolver:m});return(0,r.jsx)(l.a,{ref:t,...w("root"),variant:b,...x})}));p.classes=d,p.displayName="@mantine/core/Stack"},77602:(e,t,n)=>{function r(e){return Object.keys(e).reduce(((t,n)=>(void 0!==e[n]&&(t[n]=e[n]),t)),{})}n.d(t,{J:()=>r})},86344:(e,t,n)=>{n.d(t,{r:()=>o});var r=n(489569);function o(e,t){const n=(0,r.g)({color:e||t.primaryColor,theme:t});return n.variable?`var(${n.variable})`:e}},97986:(e,t,n)=>{n.d(t,{e:()=>a});var r=n(474848),o=n(951609);function a(e=null){const t=(0,o.createContext)(e);return[({children:e,value:n})=>(0,r.jsx)(t.Provider,{value:n,children:e}),()=>(0,o.useContext)(t)]}},137055:(e,t,n)=>{n.d(t,{Px:()=>a,bl:()=>o,pc:()=>i});var r=n(951609);function o(e,t){if("function"==typeof e)return e(t);"object"==typeof e&&null!==e&&"current"in e&&(e.current=t)}function a(...e){const t=new Map;return n=>{if(e.forEach((e=>{const r=o(e,n);r&&t.set(e,r)})),t.size>0)return()=>{e.forEach((e=>{const n=t.get(e);n?n():o(e,null)})),t.clear()}}}function i(...e){return(0,r.useCallback)(a(...e),e)}},141670:(e,t,n)=>{n.d(t,{o:()=>d});var r=n(474848),o=(n(951609),n(746100)),a=n(652837),i=n(311507),s=n(618639),l={root:"m_4451eb3a"};const c={},d=(0,s.v)(((e,t)=>{const n=(0,o.Y)("Center",c,e),{classNames:s,className:d,style:u,styles:m,unstyled:p,vars:f,inline:h,mod:y,...v}=n,g=(0,a.I)({name:"Center",props:n,classes:l,className:d,style:u,classNames:s,styles:m,unstyled:p,vars:f});return(0,r.jsx)(i.a,{ref:t,mod:[{inline:h},y],...g("root"),...v})}));d.classes=l,d.displayName="@mantine/core/Center"},197170:(e,t,n)=>{n.d(t,{B:()=>o,X:()=>a});var r=n(559444);function o(e,t){if("string"!=typeof e||t>1||t<0)return"rgba(0, 0, 0, 1)";if(e.startsWith("var("))return`color-mix(in srgb, ${e}, transparent ${100*(1-t)}%)`;if(e.startsWith("oklch"))return e.includes("/")?e.replace(/\/\s*[\d.]+\s*\)/,`/ ${t})`):e.replace(")",` / ${t})`);const{r:n,g:o,b:a}=(0,r.K)(e);return`rgba(${n}, ${o}, ${a}, ${t})`}const a=o},198587:(e,t,n)=>{function r(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}n.d(t,{A:()=>r})},221020:(e,t,n)=>{var r=n(951609),o=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,s=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,a={},c=null,d=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(d=t.ref),t)i.call(t,r)&&!l.hasOwnProperty(r)&&(a[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===a[r]&&(a[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:d,props:a,_owner:s.current}}t.Fragment=a,t.jsx=c,t.jsxs=c},247767:(e,t,n)=>{n.d(t,{BV:()=>C,Ix:()=>E,V8:()=>w,qh:()=>N});var r=n(951609),o=n(545588);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}const i=r.createContext(null),s=r.createContext(null),l=r.createContext(null),c=r.createContext(null),d=r.createContext({outlet:null,matches:[],isDataRoute:!1}),u=r.createContext(null);function m(){return null!=r.useContext(c)}function p(e,t,n,i){m()||(0,o.Oi)(!1);let{navigator:s,static:u}=r.useContext(l),{matches:p}=r.useContext(d),f=p[p.length-1],g=f?f.params:{},x=(f&&f.pathname,f?f.pathnameBase:"/");f&&f.route;let w,N=(m()||(0,o.Oi)(!1),r.useContext(c).location);if(t){var E;let e="string"==typeof t?(0,o.Rr)(t):t;"/"===x||(null==(E=e.pathname)?void 0:E.startsWith(x))||(0,o.Oi)(!1),w=e}else w=N;let C=w.pathname||"/",S=C;if("/"!==x){let e=x.replace(/^\//,"").split("/");S="/"+C.replace(/^\//,"").split("/").slice(e.length).join("/")}let M=!u&&n&&n.matches&&n.matches.length>0?n.matches:(0,o.ue)(e,{pathname:S}),j=function(e,t,n,a){var i;if(void 0===t&&(t=[]),void 0===n&&(n=null),void 0===a&&(a=null),null==e){var s;if(!n)return null;if(n.errors)e=n.matches;else{if(!(null!=(s=a)&&s.v7_partialHydration&&0===t.length&&!n.initialized&&n.matches.length>0))return null;e=n.matches}}let l=e,c=null==(i=n)?void 0:i.errors;if(null!=c){let e=l.findIndex((e=>e.route.id&&void 0!==(null==c?void 0:c[e.route.id])));e>=0||(0,o.Oi)(!1),l=l.slice(0,Math.min(l.length,e+1))}let d=!1,u=-1;if(n&&a&&a.v7_partialHydration)for(let e=0;e<l.length;e++){let t=l[e];if((t.route.HydrateFallback||t.route.hydrateFallbackElement)&&(u=e),t.route.id){let{loaderData:e,errors:r}=n,o=t.route.loader&&void 0===e[t.route.id]&&(!r||void 0===r[t.route.id]);if(t.route.lazy||o){d=!0,l=u>=0?l.slice(0,u+1):[l[0]];break}}}return l.reduceRight(((e,o,a)=>{let i,s=!1,m=null,p=null;var f;n&&(i=c&&o.route.id?c[o.route.id]:void 0,m=o.route.errorElement||h,d&&(u<0&&0===a?(b[f="route-fallback"]||(b[f]=!0),s=!0,p=null):u===a&&(s=!0,p=o.route.hydrateFallbackElement||null)));let g=t.concat(l.slice(0,a+1)),x=()=>{let t;return t=i?m:s?p:o.route.Component?r.createElement(o.route.Component,null):o.route.element?o.route.element:e,r.createElement(v,{match:o,routeContext:{outlet:e,matches:g,isDataRoute:null!=n},children:t})};return n&&(o.route.ErrorBoundary||o.route.errorElement||0===a)?r.createElement(y,{location:n.location,revalidation:n.revalidation,component:m,error:i,children:x(),routeContext:{outlet:null,matches:g,isDataRoute:!0}}):x()}),null)}(M&&M.map((e=>Object.assign({},e,{params:Object.assign({},g,e.params),pathname:(0,o.HS)([x,s.encodeLocation?s.encodeLocation(e.pathname).pathname:e.pathname]),pathnameBase:"/"===e.pathnameBase?x:(0,o.HS)([x,s.encodeLocation?s.encodeLocation(e.pathnameBase).pathname:e.pathnameBase])}))),p,n,i);return t&&j?r.createElement(c.Provider,{value:{location:a({pathname:"/",search:"",hash:"",state:null,key:"default"},w),navigationType:o.rc.Pop}},j):j}function f(){let e=function(){var e;let t=r.useContext(u),n=function(){let e=r.useContext(s);return e||(0,o.Oi)(!1),e}(g.UseRouteError),a=function(){let e=function(){let e=r.useContext(d);return e||(0,o.Oi)(!1),e}(),t=e.matches[e.matches.length-1];return t.route.id||(0,o.Oi)(!1),t.route.id}(g.UseRouteError);return void 0!==t?t:null==(e=n.errors)?void 0:e[a]}(),t=(0,o.pX)(e)?e.status+" "+e.statusText:e instanceof Error?e.message:JSON.stringify(e),n=e instanceof Error?e.stack:null,a={padding:"0.5rem",backgroundColor:"rgba(200,200,200, 0.5)"};return r.createElement(r.Fragment,null,r.createElement("h2",null,"Unexpected Application Error!"),r.createElement("h3",{style:{fontStyle:"italic"}},t),n?r.createElement("pre",{style:a},n):null,null)}const h=r.createElement(f,null);class y extends r.Component{constructor(e){super(e),this.state={location:e.location,revalidation:e.revalidation,error:e.error}}static getDerivedStateFromError(e){return{error:e}}static getDerivedStateFromProps(e,t){return t.location!==e.location||"idle"!==t.revalidation&&"idle"===e.revalidation?{error:e.error,location:e.location,revalidation:e.revalidation}:{error:void 0!==e.error?e.error:t.error,location:t.location,revalidation:e.revalidation||t.revalidation}}componentDidCatch(e,t){console.error("React Router caught the following error during render",e,t)}render(){return void 0!==this.state.error?r.createElement(d.Provider,{value:this.props.routeContext},r.createElement(u.Provider,{value:this.state.error,children:this.props.component})):this.props.children}}function v(e){let{routeContext:t,match:n,children:o}=e,a=r.useContext(i);return a&&a.static&&a.staticContext&&(n.route.errorElement||n.route.ErrorBoundary)&&(a.staticContext._deepestRenderedBoundaryId=n.route.id),r.createElement(d.Provider,{value:t},o)}var g=function(e){return e.UseBlocker="useBlocker",e.UseLoaderData="useLoaderData",e.UseActionData="useActionData",e.UseRouteError="useRouteError",e.UseNavigation="useNavigation",e.UseRouteLoaderData="useRouteLoaderData",e.UseMatches="useMatches",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e.UseRouteId="useRouteId",e}(g||{});const b={},x=(e,t,n)=>{};function w(e,t){void 0===(null==e?void 0:e.v7_startTransition)&&x("v7_startTransition","React Router will begin wrapping state updates in `React.startTransition` in v7","https://reactrouter.com/v6/upgrading/future#v7_starttransition"),void 0!==(null==e?void 0:e.v7_relativeSplatPath)||t&&t.v7_relativeSplatPath||x("v7_relativeSplatPath","Relative route resolution within Splat routes is changing in v7","https://reactrouter.com/v6/upgrading/future#v7_relativesplatpath"),t&&(void 0===t.v7_fetcherPersist&&x("v7_fetcherPersist","The persistence behavior of fetchers is changing in v7","https://reactrouter.com/v6/upgrading/future#v7_fetcherpersist"),void 0===t.v7_normalizeFormMethod&&x("v7_normalizeFormMethod","Casing of `formMethod` fields is being normalized to uppercase in v7","https://reactrouter.com/v6/upgrading/future#v7_normalizeformmethod"),void 0===t.v7_partialHydration&&x("v7_partialHydration","`RouterProvider` hydration behavior is changing in v7","https://reactrouter.com/v6/upgrading/future#v7_partialhydration"),void 0===t.v7_skipActionErrorRevalidation&&x("v7_skipActionErrorRevalidation","The revalidation behavior after 4xx/5xx `action` responses is changing in v7","https://reactrouter.com/v6/upgrading/future#v7_skipactionerrorrevalidation"))}function N(e){(0,o.Oi)(!1)}function E(e){let{basename:t="/",children:n=null,location:i,navigationType:s=o.rc.Pop,navigator:d,static:u=!1,future:p}=e;m()&&(0,o.Oi)(!1);let f=t.replace(/^\/*/,"/"),h=r.useMemo((()=>({basename:f,navigator:d,static:u,future:a({v7_relativeSplatPath:!1},p)})),[f,p,d,u]);"string"==typeof i&&(i=(0,o.Rr)(i));let{pathname:y="/",search:v="",hash:g="",state:b=null,key:x="default"}=i,w=r.useMemo((()=>{let e=(0,o.pb)(y,f);return null==e?null:{location:{pathname:e,search:v,hash:g,state:b,key:x},navigationType:s}}),[f,y,v,g,b,x,s]);return null==w?null:r.createElement(l.Provider,{value:h},r.createElement(c.Provider,{children:n,value:w}))}function C(e){let{children:t,location:n}=e;return p(S(t),n)}function S(e,t){void 0===t&&(t=[]);let n=[];return r.Children.forEach(e,((e,a)=>{if(!r.isValidElement(e))return;let i=[...t,a];if(e.type===r.Fragment)return void n.push.apply(n,S(e.props.children,i));e.type!==N&&(0,o.Oi)(!1),e.props.index&&e.props.children&&(0,o.Oi)(!1);let s={id:e.props.id||i.join("-"),caseSensitive:e.props.caseSensitive,element:e.props.element,Component:e.props.Component,index:e.props.index,path:e.props.path,loader:e.props.loader,action:e.props.action,errorElement:e.props.errorElement,ErrorBoundary:e.props.ErrorBoundary,hasErrorBoundary:null!=e.props.ErrorBoundary||null!=e.props.errorElement,shouldRevalidate:e.props.shouldRevalidate,handle:e.props.handle,lazy:e.props.lazy};e.props.children&&(s.children=S(e.props.children,i)),n.push(s)})),n}r.startTransition,new Promise((()=>{})),r.Component},274099:(e,t,n)=>{n.d(t,{A:()=>F});var r=function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)};function o(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}Object.create,Object.create,"function"==typeof SuppressedError&&SuppressedError;var a=n(951609),i="right-scroll-bar-position",s="width-before-scroll-bar";function l(e,t){return"function"==typeof e?e(t):e&&(e.current=t),e}var c="undefined"!=typeof window?a.useLayoutEffect:a.useEffect,d=new WeakMap;function u(e){return e}var m=function(e){void 0===e&&(e={});var t=function(e,t){void 0===t&&(t=u);var n=[],r=!1;return{read:function(){if(r)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return n.length?n[n.length-1]:e},useMedium:function(e){var o=t(e,r);return n.push(o),function(){n=n.filter((function(e){return e!==o}))}},assignSyncMedium:function(e){for(r=!0;n.length;){var t=n;n=[],t.forEach(e)}n={push:function(t){return e(t)},filter:function(){return n}}},assignMedium:function(e){r=!0;var t=[];if(n.length){var o=n;n=[],o.forEach(e),t=n}var a=function(){var n=t;t=[],n.forEach(e)},i=function(){return Promise.resolve().then(a)};i(),n={push:function(e){t.push(e),i()},filter:function(e){return t=t.filter(e),n}}}}}(null);return t.options=r({async:!0,ssr:!1},e),t}(),p=function(){},f=a.forwardRef((function(e,t){var n=a.useRef(null),i=a.useState({onScrollCapture:p,onWheelCapture:p,onTouchMoveCapture:p}),s=i[0],u=i[1],f=e.forwardProps,h=e.children,y=e.className,v=e.removeScrollBar,g=e.enabled,b=e.shards,x=e.sideCar,w=e.noIsolation,N=e.inert,E=e.allowPinchZoom,C=e.as,S=void 0===C?"div":C,M=e.gapMode,j=o(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as","gapMode"]),k=x,$=function(e,t){var n,r,o,i=(n=t||null,r=function(t){return e.forEach((function(e){return l(e,t)}))},(o=(0,a.useState)((function(){return{value:n,callback:r,facade:{get current(){return o.value},set current(e){var t=o.value;t!==e&&(o.value=e,o.callback(e,t))}}}}))[0]).callback=r,o.facade);return c((function(){var t=d.get(i);if(t){var n=new Set(t),r=new Set(e),o=i.current;n.forEach((function(e){r.has(e)||l(e,null)})),r.forEach((function(e){n.has(e)||l(e,o)}))}d.set(i,e)}),[e]),i}([n,t]),D=r(r({},j),s);return a.createElement(a.Fragment,null,g&&a.createElement(k,{sideCar:m,removeScrollBar:v,shards:b,noIsolation:w,inert:N,setCallbacks:u,allowPinchZoom:!!E,lockRef:n,gapMode:M}),f?a.cloneElement(a.Children.only(h),r(r({},D),{ref:$})):a.createElement(S,r({},D,{className:y,ref:$}),h))}));f.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},f.classNames={fullWidth:s,zeroRight:i};var h=function(e){var t=e.sideCar,n=o(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var i=t.read();if(!i)throw new Error("Sidecar medium not found");return a.createElement(i,r({},n))};h.isSideCarExport=!0;var y=function(){var e=0,t=null;return{add:function(r){var o,a;0==e&&(t=function(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=n.nc;return t&&e.setAttribute("nonce",t),e}())&&(a=r,(o=t).styleSheet?o.styleSheet.cssText=a:o.appendChild(document.createTextNode(a)),function(e){(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}(t)),e++},remove:function(){! --e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},v=function(){var e,t=(e=y(),function(t,n){a.useEffect((function(){return e.add(t),function(){e.remove()}}),[t&&n])});return function(e){var n=e.styles,r=e.dynamic;return t(n,r),null}},g={left:0,top:0,right:0,gap:0},b=function(e){return parseInt(e||"",10)||0},x=v(),w="data-scroll-locked",N=function(e,t,n,r){var o=e.left,a=e.top,l=e.right,c=e.gap;return void 0===n&&(n="margin"),"\n  .".concat("with-scroll-bars-hidden"," {\n   overflow: hidden ").concat(r,";\n   padding-right: ").concat(c,"px ").concat(r,";\n  }\n  body[").concat(w,"] {\n    overflow: hidden ").concat(r,";\n    overscroll-behavior: contain;\n    ").concat([t&&"position: relative ".concat(r,";"),"margin"===n&&"\n    padding-left: ".concat(o,"px;\n    padding-top: ").concat(a,"px;\n    padding-right: ").concat(l,"px;\n    margin-left:0;\n    margin-top:0;\n    margin-right: ").concat(c,"px ").concat(r,";\n    "),"padding"===n&&"padding-right: ".concat(c,"px ").concat(r,";")].filter(Boolean).join(""),"\n  }\n  \n  .").concat(i," {\n    right: ").concat(c,"px ").concat(r,";\n  }\n  \n  .").concat(s," {\n    margin-right: ").concat(c,"px ").concat(r,";\n  }\n  \n  .").concat(i," .").concat(i," {\n    right: 0 ").concat(r,";\n  }\n  \n  .").concat(s," .").concat(s," {\n    margin-right: 0 ").concat(r,";\n  }\n  \n  body[").concat(w,"] {\n    ").concat("--removed-body-scroll-bar-size",": ").concat(c,"px;\n  }\n")},E=function(){var e=parseInt(document.body.getAttribute(w)||"0",10);return isFinite(e)?e:0},C=function(e){var t=e.noRelative,n=e.noImportant,r=e.gapMode,o=void 0===r?"margin":r;a.useEffect((function(){return document.body.setAttribute(w,(E()+1).toString()),function(){var e=E()-1;e<=0?document.body.removeAttribute(w):document.body.setAttribute(w,e.toString())}}),[]);var i=a.useMemo((function(){return function(e){if(void 0===e&&(e="margin"),"undefined"==typeof window)return g;var t=function(e){var t=window.getComputedStyle(document.body),n=t["padding"===e?"paddingLeft":"marginLeft"],r=t["padding"===e?"paddingTop":"marginTop"],o=t["padding"===e?"paddingRight":"marginRight"];return[b(n),b(r),b(o)]}(e),n=document.documentElement.clientWidth,r=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,r-n+t[2]-t[0])}}(o)}),[o]);return a.createElement(x,{styles:N(i,!t,o,n?"":"!important")})},S=!1;if("undefined"!=typeof window)try{var M=Object.defineProperty({},"passive",{get:function(){return S=!0,!0}});window.addEventListener("test",M,M),window.removeEventListener("test",M,M)}catch(e){S=!1}var j=!!S&&{passive:!1},k=function(e,t){if(!(e instanceof Element))return!1;var n=window.getComputedStyle(e);return"hidden"!==n[t]&&!(n.overflowY===n.overflowX&&!function(e){return"TEXTAREA"===e.tagName}(e)&&"visible"===n[t])},$=function(e,t){var n=t.ownerDocument,r=t;do{if("undefined"!=typeof ShadowRoot&&r instanceof ShadowRoot&&(r=r.host),D(e,r)){var o=I(e,r);if(o[1]>o[2])return!0}r=r.parentNode}while(r&&r!==n.body);return!1},D=function(e,t){return"v"===e?function(e){return k(e,"overflowY")}(t):function(e){return k(e,"overflowX")}(t)},I=function(e,t){return"v"===e?[(n=t).scrollTop,n.scrollHeight,n.clientHeight]:function(e){return[e.scrollLeft,e.scrollWidth,e.clientWidth]}(t);var n},O=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},L=function(e){return[e.deltaX,e.deltaY]},T=function(e){return e&&"current"in e?e.current:e},P=function(e){return"\n  .block-interactivity-".concat(e," {pointer-events: none;}\n  .allow-interactivity-").concat(e," {pointer-events: all;}\n")},R=0,z=[];function A(e){for(var t=null;null!==e;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const _=(B=function(e){var t=a.useRef([]),n=a.useRef([0,0]),r=a.useRef(),o=a.useState(R++)[0],i=a.useState(v)[0],s=a.useRef(e);a.useEffect((function(){s.current=e}),[e]),a.useEffect((function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(o));var t=function(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}([e.lockRef.current],(e.shards||[]).map(T),!0).filter(Boolean);return t.forEach((function(e){return e.classList.add("allow-interactivity-".concat(o))})),function(){document.body.classList.remove("block-interactivity-".concat(o)),t.forEach((function(e){return e.classList.remove("allow-interactivity-".concat(o))}))}}}),[e.inert,e.lockRef.current,e.shards]);var l=a.useCallback((function(e,t){if("touches"in e&&2===e.touches.length||"wheel"===e.type&&e.ctrlKey)return!s.current.allowPinchZoom;var o,a=O(e),i=n.current,l="deltaX"in e?e.deltaX:i[0]-a[0],c="deltaY"in e?e.deltaY:i[1]-a[1],d=e.target,u=Math.abs(l)>Math.abs(c)?"h":"v";if("touches"in e&&"h"===u&&"range"===d.type)return!1;var m=$(u,d);if(!m)return!0;if(m?o=u:(o="v"===u?"h":"v",m=$(u,d)),!m)return!1;if(!r.current&&"changedTouches"in e&&(l||c)&&(r.current=o),!o)return!0;var p=r.current||o;return function(e,t,n,r){var o=function(e,t){return"h"===e&&"rtl"===t?-1:1}(e,window.getComputedStyle(t).direction),a=o*r,i=n.target,s=t.contains(i),l=!1,c=a>0,d=0,u=0;do{var m=I(e,i),p=m[0],f=m[1]-m[2]-o*p;(p||f)&&D(e,i)&&(d+=f,u+=p),i=i instanceof ShadowRoot?i.host:i.parentNode}while(!s&&i!==document.body||s&&(t.contains(i)||t===i));return(c&&(Math.abs(d)<1||!1)||!c&&(Math.abs(u)<1||!1))&&(l=!0),l}(p,t,e,"h"===p?l:c)}),[]),c=a.useCallback((function(e){var n=e;if(z.length&&z[z.length-1]===i){var r="deltaY"in n?L(n):O(n),o=t.current.filter((function(e){return e.name===n.type&&(e.target===n.target||n.target===e.shadowParent)&&(t=e.delta,o=r,t[0]===o[0]&&t[1]===o[1]);var t,o}))[0];if(o&&o.should)n.cancelable&&n.preventDefault();else if(!o){var a=(s.current.shards||[]).map(T).filter(Boolean).filter((function(e){return e.contains(n.target)}));(a.length>0?l(n,a[0]):!s.current.noIsolation)&&n.cancelable&&n.preventDefault()}}}),[]),d=a.useCallback((function(e,n,r,o){var a={name:e,delta:n,target:r,should:o,shadowParent:A(r)};t.current.push(a),setTimeout((function(){t.current=t.current.filter((function(e){return e!==a}))}),1)}),[]),u=a.useCallback((function(e){n.current=O(e),r.current=void 0}),[]),m=a.useCallback((function(t){d(t.type,L(t),t.target,l(t,e.lockRef.current))}),[]),p=a.useCallback((function(t){d(t.type,O(t),t.target,l(t,e.lockRef.current))}),[]);a.useEffect((function(){return z.push(i),e.setCallbacks({onScrollCapture:m,onWheelCapture:m,onTouchMoveCapture:p}),document.addEventListener("wheel",c,j),document.addEventListener("touchmove",c,j),document.addEventListener("touchstart",u,j),function(){z=z.filter((function(e){return e!==i})),document.removeEventListener("wheel",c,j),document.removeEventListener("touchmove",c,j),document.removeEventListener("touchstart",u,j)}}),[]);var f=e.removeScrollBar,h=e.inert;return a.createElement(a.Fragment,null,h?a.createElement(i,{styles:P(o)}):null,f?a.createElement(C,{gapMode:e.gapMode}):null)},m.useMedium(B),h);var B,Y=a.forwardRef((function(e,t){return a.createElement(f,r({},e,{ref:t,sideCar:_}))}));Y.classNames=f.classNames;const F=Y},275795:e=>{e.exports=window.ReactDOM},288149:(e,t,n)=>{function r(e){return"0rem"===e?"0rem":`calc(${e} * var(--mantine-scale))`}function o(e,{shouldScale:t=!1}={}){return function n(o){if(0===o||"0"===o)return`0${e}`;if("number"==typeof o){const n=`${o/16}${e}`;return t?r(n):n}if("string"==typeof o){if(""===o)return o;if(o.startsWith("calc(")||o.startsWith("clamp(")||o.includes("rgba("))return o;if(o.includes(","))return o.split(",").map((e=>n(e))).join(",");if(o.includes(" "))return o.split(" ").map((e=>n(e))).join(" ");if(o.includes(e))return t?r(o):o;const a=o.replace("px","");if(!Number.isNaN(Number(a))){const n=`${Number(a)/16}${e}`;return t?r(n):n}}return o}}n.d(t,{D:()=>a,em:()=>i});const a=o("rem",{shouldScale:!0}),i=o("em")},311507:(e,t,n)=>{n.d(t,{a:()=>b});var r=n(474848),o=n(951609),a=n(634164),i=n(715074),s=n(312940),l=n(666192),c=n(801101);function d(e){return e.startsWith("data-")?e:`data-${e}`}function u(e){return e?"string"==typeof e?{[d(e)]:!0}:Array.isArray(e)?[...e].reduce(((e,t)=>({...e,...u(t)})),{}):(t=e,Object.keys(t).reduce(((e,n)=>{const r=t[n];return void 0===r||""===r||!1===r||null===r||(e[d(n)]=t[n]),e}),{})):null;var t}function m(e,t){return Array.isArray(e)?[...e].reduce(((e,n)=>({...e,...m(n,t)})),{}):"function"==typeof e?e(t):null==e?{}:e}function p({theme:e,style:t,vars:n,styleProps:r}){return{...m(t,e),...m(n,e),...r}}var f=n(663733);const h={m:{type:"spacing",property:"margin"},mt:{type:"spacing",property:"marginTop"},mb:{type:"spacing",property:"marginBottom"},ml:{type:"spacing",property:"marginLeft"},mr:{type:"spacing",property:"marginRight"},ms:{type:"spacing",property:"marginInlineStart"},me:{type:"spacing",property:"marginInlineEnd"},mx:{type:"spacing",property:"marginInline"},my:{type:"spacing",property:"marginBlock"},p:{type:"spacing",property:"padding"},pt:{type:"spacing",property:"paddingTop"},pb:{type:"spacing",property:"paddingBottom"},pl:{type:"spacing",property:"paddingLeft"},pr:{type:"spacing",property:"paddingRight"},ps:{type:"spacing",property:"paddingInlineStart"},pe:{type:"spacing",property:"paddingInlineEnd"},px:{type:"spacing",property:"paddingInline"},py:{type:"spacing",property:"paddingBlock"},bd:{type:"border",property:"border"},bg:{type:"color",property:"background"},c:{type:"textColor",property:"color"},opacity:{type:"identity",property:"opacity"},ff:{type:"fontFamily",property:"fontFamily"},fz:{type:"fontSize",property:"fontSize"},fw:{type:"identity",property:"fontWeight"},lts:{type:"size",property:"letterSpacing"},ta:{type:"identity",property:"textAlign"},lh:{type:"lineHeight",property:"lineHeight"},fs:{type:"identity",property:"fontStyle"},tt:{type:"identity",property:"textTransform"},td:{type:"identity",property:"textDecoration"},w:{type:"spacing",property:"width"},miw:{type:"spacing",property:"minWidth"},maw:{type:"spacing",property:"maxWidth"},h:{type:"spacing",property:"height"},mih:{type:"spacing",property:"minHeight"},mah:{type:"spacing",property:"maxHeight"},bgsz:{type:"size",property:"backgroundSize"},bgp:{type:"identity",property:"backgroundPosition"},bgr:{type:"identity",property:"backgroundRepeat"},bga:{type:"identity",property:"backgroundAttachment"},pos:{type:"identity",property:"position"},top:{type:"size",property:"top"},left:{type:"size",property:"left"},bottom:{type:"size",property:"bottom"},right:{type:"size",property:"right"},inset:{type:"size",property:"inset"},display:{type:"identity",property:"display"},flex:{type:"identity",property:"flex"}};var y=n(363552),v=n(883974);const g=(0,o.forwardRef)((({component:e,style:t,__vars:n,className:o,variant:d,mod:m,size:g,hiddenFrom:b,visibleFrom:x,lightHidden:w,darkHidden:N,renderRoot:E,__size:C,...S},M)=>{const j=(0,c.xd)(),k=e||"div",{styleProps:$,rest:D}=(0,f.j)(S),I=(0,l.NL)(),O=I?.()?.($.sx),L=(0,v.C)(),T=(0,y.X)({styleProps:$,theme:j,data:h}),P={ref:M,style:p({theme:j,style:t,vars:n,styleProps:T.inlineStyles}),className:(0,a.A)(o,O,{[L]:T.hasResponsiveStyles,"mantine-light-hidden":w,"mantine-dark-hidden":N,[`mantine-hidden-from-${b}`]:b,[`mantine-visible-from-${x}`]:x}),"data-variant":d,"data-size":(0,s.t)(g)?void 0:g||void 0,size:C,...u(m),...D};return(0,r.jsxs)(r.Fragment,{children:[T.hasResponsiveStyles&&(0,r.jsx)(i.K,{selector:`.${L}`,styles:T.styles,media:T.media}),"function"==typeof E?E(P):(0,r.jsx)(k,{...P})]})}));g.displayName="@mantine/core/Box";const b=g},312940:(e,t,n)=>{function r(e){if("number"==typeof e)return!0;if("string"==typeof e){if(e.startsWith("calc(")||e.startsWith("var(")||e.includes(" ")&&""!==e.trim())return!0;const t=/^[+-]?[0-9]+(\.[0-9]+)?(px|em|rem|ex|ch|lh|rlh|vw|vh|vmin|vmax|vb|vi|svw|svh|lvw|lvh|dvw|dvh|cm|mm|in|pt|pc|q|cqw|cqh|cqi|cqb|cqmin|cqmax|%)?$/;return e.trim().split(/\s+/).every((e=>t.test(e)))}return!1}n.d(t,{t:()=>r})},315304:(e,t,n)=>{n.d(t,{S:()=>d});var r=n(288149),o=(n(951609),n(474848),n(559444));function a(e,t){if(e.startsWith("var("))return`color-mix(in srgb, ${e}, black ${100*t}%)`;const{r:n,g:r,b:a,a:i}=(0,o.K)(e),s=1-t,l=e=>Math.round(e*s);return`rgba(${l(n)}, ${l(r)}, ${l(a)}, ${i})`}var i=n(791752),s=n(489569),l=n(197170);const c="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji",d={scale:1,fontSmoothing:!0,focusRing:"auto",white:"#fff",black:"#000",colors:{dark:["#C9C9C9","#b8b8b8","#828282","#696969","#424242","#3b3b3b","#2e2e2e","#242424","#1f1f1f","#141414"],gray:["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"],red:["#fff5f5","#ffe3e3","#ffc9c9","#ffa8a8","#ff8787","#ff6b6b","#fa5252","#f03e3e","#e03131","#c92a2a"],pink:["#fff0f6","#ffdeeb","#fcc2d7","#faa2c1","#f783ac","#f06595","#e64980","#d6336c","#c2255c","#a61e4d"],grape:["#f8f0fc","#f3d9fa","#eebefa","#e599f7","#da77f2","#cc5de8","#be4bdb","#ae3ec9","#9c36b5","#862e9c"],violet:["#f3f0ff","#e5dbff","#d0bfff","#b197fc","#9775fa","#845ef7","#7950f2","#7048e8","#6741d9","#5f3dc4"],indigo:["#edf2ff","#dbe4ff","#bac8ff","#91a7ff","#748ffc","#5c7cfa","#4c6ef5","#4263eb","#3b5bdb","#364fc7"],blue:["#e7f5ff","#d0ebff","#a5d8ff","#74c0fc","#4dabf7","#339af0","#228be6","#1c7ed6","#1971c2","#1864ab"],cyan:["#e3fafc","#c5f6fa","#99e9f2","#66d9e8","#3bc9db","#22b8cf","#15aabf","#1098ad","#0c8599","#0b7285"],teal:["#e6fcf5","#c3fae8","#96f2d7","#63e6be","#38d9a9","#20c997","#12b886","#0ca678","#099268","#087f5b"],green:["#ebfbee","#d3f9d8","#b2f2bb","#8ce99a","#69db7c","#51cf66","#40c057","#37b24d","#2f9e44","#2b8a3e"],lime:["#f4fce3","#e9fac8","#d8f5a2","#c0eb75","#a9e34b","#94d82d","#82c91e","#74b816","#66a80f","#5c940d"],yellow:["#fff9db","#fff3bf","#ffec99","#ffe066","#ffd43b","#fcc419","#fab005","#f59f00","#f08c00","#e67700"],orange:["#fff4e6","#ffe8cc","#ffd8a8","#ffc078","#ffa94d","#ff922b","#fd7e14","#f76707","#e8590c","#d9480f"]},primaryShade:{light:6,dark:8},primaryColor:"blue",variantColorResolver:({color:e,theme:t,variant:n,gradient:o,autoContrast:c})=>{const d=(0,s.g)({color:e,theme:t}),u="boolean"==typeof c?c:t.autoContrast;if("filled"===n){const t=u&&d.isLight?"var(--mantine-color-black)":"var(--mantine-color-white)";return d.isThemeColor?void 0===d.shade?{background:`var(--mantine-color-${e}-filled)`,hover:`var(--mantine-color-${e}-filled-hover)`,color:t,border:`${(0,r.D)(1)} solid transparent`}:{background:`var(--mantine-color-${d.color}-${d.shade})`,hover:`var(--mantine-color-${d.color}-${9===d.shade?8:d.shade+1})`,color:t,border:`${(0,r.D)(1)} solid transparent`}:{background:e,hover:a(e,.1),color:t,border:`${(0,r.D)(1)} solid transparent`}}if("light"===n){if(d.isThemeColor){if(void 0===d.shade)return{background:`var(--mantine-color-${e}-light)`,hover:`var(--mantine-color-${e}-light-hover)`,color:`var(--mantine-color-${e}-light-color)`,border:`${(0,r.D)(1)} solid transparent`};const n=t.colors[d.color][d.shade];return{background:(0,l.B)(n,.1),hover:(0,l.B)(n,.12),color:`var(--mantine-color-${d.color}-${Math.min(d.shade,6)})`,border:`${(0,r.D)(1)} solid transparent`}}return{background:(0,l.B)(e,.1),hover:(0,l.B)(e,.12),color:e,border:`${(0,r.D)(1)} solid transparent`}}if("outline"===n)return d.isThemeColor?void 0===d.shade?{background:"transparent",hover:`var(--mantine-color-${e}-outline-hover)`,color:`var(--mantine-color-${e}-outline)`,border:`${(0,r.D)(1)} solid var(--mantine-color-${e}-outline)`}:{background:"transparent",hover:(0,l.B)(t.colors[d.color][d.shade],.05),color:`var(--mantine-color-${d.color}-${d.shade})`,border:`${(0,r.D)(1)} solid var(--mantine-color-${d.color}-${d.shade})`}:{background:"transparent",hover:(0,l.B)(e,.05),color:e,border:`${(0,r.D)(1)} solid ${e}`};if("subtle"===n){if(d.isThemeColor){if(void 0===d.shade)return{background:"transparent",hover:`var(--mantine-color-${e}-light-hover)`,color:`var(--mantine-color-${e}-light-color)`,border:`${(0,r.D)(1)} solid transparent`};const n=t.colors[d.color][d.shade];return{background:"transparent",hover:(0,l.B)(n,.12),color:`var(--mantine-color-${d.color}-${Math.min(d.shade,6)})`,border:`${(0,r.D)(1)} solid transparent`}}return{background:"transparent",hover:(0,l.B)(e,.12),color:e,border:`${(0,r.D)(1)} solid transparent`}}return"transparent"===n?d.isThemeColor?void 0===d.shade?{background:"transparent",hover:"transparent",color:`var(--mantine-color-${e}-light-color)`,border:`${(0,r.D)(1)} solid transparent`}:{background:"transparent",hover:"transparent",color:`var(--mantine-color-${d.color}-${Math.min(d.shade,6)})`,border:`${(0,r.D)(1)} solid transparent`}:{background:"transparent",hover:"transparent",color:e,border:`${(0,r.D)(1)} solid transparent`}:"white"===n?d.isThemeColor?void 0===d.shade?{background:"var(--mantine-color-white)",hover:a(t.white,.01),color:`var(--mantine-color-${e}-filled)`,border:`${(0,r.D)(1)} solid transparent`}:{background:"var(--mantine-color-white)",hover:a(t.white,.01),color:`var(--mantine-color-${d.color}-${d.shade})`,border:`${(0,r.D)(1)} solid transparent`}:{background:"var(--mantine-color-white)",hover:a(t.white,.01),color:e,border:`${(0,r.D)(1)} solid transparent`}:"gradient"===n?{background:(0,i.v)(o,t),hover:(0,i.v)(o,t),color:"var(--mantine-color-white)",border:"none"}:"default"===n?{background:"var(--mantine-color-default)",hover:"var(--mantine-color-default-hover)",color:"var(--mantine-color-default-color)",border:`${(0,r.D)(1)} solid var(--mantine-color-default-border)`}:{}},autoContrast:!1,luminanceThreshold:.3,fontFamily:c,fontFamilyMonospace:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",respectReducedMotion:!1,cursorType:"default",defaultGradient:{from:"blue",to:"cyan",deg:45},defaultRadius:"sm",activeClassName:"mantine-active",focusClassName:"",headings:{fontFamily:c,fontWeight:"700",textWrap:"wrap",sizes:{h1:{fontSize:(0,r.D)(34),lineHeight:"1.3"},h2:{fontSize:(0,r.D)(26),lineHeight:"1.35"},h3:{fontSize:(0,r.D)(22),lineHeight:"1.4"},h4:{fontSize:(0,r.D)(18),lineHeight:"1.45"},h5:{fontSize:(0,r.D)(16),lineHeight:"1.5"},h6:{fontSize:(0,r.D)(14),lineHeight:"1.5"}}},fontSizes:{xs:(0,r.D)(12),sm:(0,r.D)(14),md:(0,r.D)(16),lg:(0,r.D)(18),xl:(0,r.D)(20)},lineHeights:{xs:"1.4",sm:"1.45",md:"1.55",lg:"1.6",xl:"1.65"},radius:{xs:(0,r.D)(2),sm:(0,r.D)(4),md:(0,r.D)(8),lg:(0,r.D)(16),xl:(0,r.D)(32)},spacing:{xs:(0,r.D)(10),sm:(0,r.D)(12),md:(0,r.D)(16),lg:(0,r.D)(20),xl:(0,r.D)(32)},breakpoints:{xs:"36em",sm:"48em",md:"62em",lg:"75em",xl:"88em"},shadows:{xs:`0 ${(0,r.D)(1)} ${(0,r.D)(3)} rgba(0, 0, 0, 0.05), 0 ${(0,r.D)(1)} ${(0,r.D)(2)} rgba(0, 0, 0, 0.1)`,sm:`0 ${(0,r.D)(1)} ${(0,r.D)(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${(0,r.D)(10)} ${(0,r.D)(15)} ${(0,r.D)(-5)}, rgba(0, 0, 0, 0.04) 0 ${(0,r.D)(7)} ${(0,r.D)(7)} ${(0,r.D)(-5)}`,md:`0 ${(0,r.D)(1)} ${(0,r.D)(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${(0,r.D)(20)} ${(0,r.D)(25)} ${(0,r.D)(-5)}, rgba(0, 0, 0, 0.04) 0 ${(0,r.D)(10)} ${(0,r.D)(10)} ${(0,r.D)(-5)}`,lg:`0 ${(0,r.D)(1)} ${(0,r.D)(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${(0,r.D)(28)} ${(0,r.D)(23)} ${(0,r.D)(-7)}, rgba(0, 0, 0, 0.04) 0 ${(0,r.D)(12)} ${(0,r.D)(12)} ${(0,r.D)(-7)}`,xl:`0 ${(0,r.D)(1)} ${(0,r.D)(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${(0,r.D)(36)} ${(0,r.D)(28)} ${(0,r.D)(-7)}, rgba(0, 0, 0, 0.04) 0 ${(0,r.D)(17)} ${(0,r.D)(17)} ${(0,r.D)(-7)}`},other:{},components:{}}},322662:(e,t,n)=>{n.d(t,{h:()=>y});var r=n(474848),o=n(288149),a=(n(951609),n(568690)),i=n(656324),s=n(759396),l=n(197170),c=n(746100),d=n(652837),u=n(311507),m=n(618639),p={root:"m_9814e45f"};const f={zIndex:(0,a.I)("modal")},h=(0,s.V)(((e,{gradient:t,color:n,backgroundOpacity:r,blur:a,radius:s,zIndex:c})=>({root:{"--overlay-bg":t||(void 0!==n||void 0!==r)&&(0,l.B)(n||"#000",r??.6)||void 0,"--overlay-filter":a?`blur(${(0,o.D)(a)})`:void 0,"--overlay-radius":void 0===s?void 0:(0,i.nJ)(s),"--overlay-z-index":c?.toString()}}))),y=(0,m.v)(((e,t)=>{const n=(0,c.Y)("Overlay",f,e),{classNames:o,className:a,style:i,styles:s,unstyled:l,vars:m,fixed:y,center:v,children:g,radius:b,zIndex:x,gradient:w,blur:N,color:E,backgroundOpacity:C,mod:S,...M}=n,j=(0,d.I)({name:"Overlay",props:n,classes:p,className:a,style:i,classNames:o,styles:s,unstyled:l,vars:m,varsResolver:h});return(0,r.jsx)(u.a,{ref:t,...j("root"),mod:[{center:v,fixed:y},S],...M,children:g})}));y.classes=p,y.displayName="@mantine/core/Overlay"},336504:(e,t,n)=>{n.d(t,{s:()=>w});var r=n(474848),o=n(951609);const a=/input|select|textarea|button|object/,i="a, input, select, textarea, button, object, [tabindex]";function s(e){return"none"===e.style.display}function l(e){let t=e.getAttribute("tabindex");return null===t&&(t=void 0),parseInt(t,10)}function c(e){const t=e.nodeName.toLowerCase(),n=!Number.isNaN(l(e));return(a.test(t)&&!e.disabled||e instanceof HTMLAnchorElement&&e.href||n)&&function(e){if(e.getAttribute("aria-hidden")||e.getAttribute("hidden")||"hidden"===e.getAttribute("type"))return!1;let t=e;for(;t&&t!==document.body&&11!==t.nodeType;){if(s(t))return!1;t=t.parentNode}return!0}(e)}function d(e){const t=l(e);return(Number.isNaN(t)||t>=0)&&c(e)}function u(e){return Array.from(e.querySelectorAll(i)).filter(d)}var m=n(137055),p=n(449178),f=n(746100),h=n(652837),y=n(311507),v=n(402412),g={root:"m_515a97f8"};const b={},x=(0,v.P9)(((e,t)=>{const n=(0,f.Y)("VisuallyHidden",b,e),{classNames:o,className:a,style:i,styles:s,unstyled:l,vars:c,...d}=n,u=(0,h.I)({name:"VisuallyHidden",classes:g,props:n,className:a,style:i,classNames:o,styles:s,unstyled:l});return(0,r.jsx)(y.a,{component:"span",ref:t,...u("root"),...d})}));function w({children:e,active:t=!0,refProp:n="ref",innerRef:r}){const a=function(e=!0){const t=(0,o.useRef)(null),n=e=>{let t=e.querySelector("[data-autofocus]");if(!t){const n=Array.from(e.querySelectorAll(i));t=n.find(d)||n.find(c)||null,!t&&c(e)&&(t=e)}t&&t.focus({preventScroll:!0})},r=(0,o.useCallback)((r=>{e&&null!==r&&t.current!==r&&(r?(setTimeout((()=>{r.getRootNode()&&n(r)})),t.current=r):t.current=null)}),[e]);return(0,o.useEffect)((()=>{if(!e)return;t.current&&setTimeout((()=>n(t.current)));const r=e=>{"Tab"===e.key&&t.current&&function(e,t){const n=u(e);if(!n.length)return void t.preventDefault();const r=n[t.shiftKey?0:n.length-1],o=e.getRootNode();let a=r===o.activeElement||e===o.activeElement;const i=o.activeElement;if("INPUT"===i.tagName&&"radio"===i.getAttribute("type")&&(a=n.filter((e=>"radio"===e.getAttribute("type")&&e.getAttribute("name")===i.getAttribute("name"))).includes(r)),!a)return;t.preventDefault();const s=n[t.shiftKey?n.length-1:0];s&&s.focus()}(t.current,e)};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)}),[e]),r}(t),s=(0,m.pc)(a,r);return(0,p.v)(e)?(0,o.cloneElement)(e,{[n]:s}):e}function N(e){return(0,r.jsx)(x,{tabIndex:-1,"data-autofocus":!0,...e})}x.classes=g,x.displayName="@mantine/core/VisuallyHidden",w.displayName="@mantine/core/FocusTrap",N.displayName="@mantine/core/FocusTrapInitialFocus",w.InitialFocus=N},344812:(e,t,n)=>{function r({theme:e,styles:t,props:n,stylesCtx:r}){return(Array.isArray(t)?t:[t]).reduce(((t,o)=>"function"==typeof o?{...t,...o(e,n,r)}:{...t,...o}),{})}n.d(t,{N:()=>r})},345585:(e,t,n)=>{n.d(t,{o:()=>o});var r=n(951609);const o="undefined"!=typeof document?r.useLayoutEffect:r.useEffect},360977:(e,t,n)=>{n.d(t,{M:()=>o});var r=n(951609);function o(e,t,n){(0,r.useEffect)((()=>(window.addEventListener(e,t,n),()=>window.removeEventListener(e,t,n))),[e,t])}},363552:(e,t,n)=>{n.d(t,{X:()=>p});var r=n(403052),o=(n(951609),n(474848),n(288149)),a=n(489569);function i(e,t){const n=(0,a.g)({color:e,theme:t});return"dimmed"===n.color?"var(--mantine-color-dimmed)":"bright"===n.color?"var(--mantine-color-bright)":n.variable?`var(${n.variable})`:n.color}const s={text:"var(--mantine-font-family)",mono:"var(--mantine-font-family-monospace)",monospace:"var(--mantine-font-family-monospace)",heading:"var(--mantine-font-family-headings)",headings:"var(--mantine-font-family-headings)"},l=["h1","h2","h3","h4","h5","h6"],c=["h1","h2","h3","h4","h5","h6"],d={color:i,textColor:function(e,t){const n=(0,a.g)({color:e,theme:t});return n.isThemeColor&&void 0===n.shade?`var(--mantine-color-${n.color}-text)`:i(e,t)},fontSize:function(e,t){return"string"==typeof e&&e in t.fontSizes?`var(--mantine-font-size-${e})`:"string"==typeof e&&l.includes(e)?`var(--mantine-${e}-font-size)`:"number"==typeof e||"string"==typeof e?(0,o.D)(e):e},spacing:function(e,t){if("number"==typeof e)return(0,o.D)(e);if("string"==typeof e){const n=e.replace("-","");if(!(n in t.spacing))return(0,o.D)(e);const r=`--mantine-spacing-${n}`;return e.startsWith("-")?`calc(var(${r}) * -1)`:`var(${r})`}return e},identity:function(e){return e},size:function(e){return"number"==typeof e?(0,o.D)(e):e},lineHeight:function(e,t){return"string"==typeof e&&e in t.lineHeights?`var(--mantine-line-height-${e})`:"string"==typeof e&&c.includes(e)?`var(--mantine-${e}-line-height)`:e},fontFamily:function(e){return"string"==typeof e&&e in s?s[e]:e},border:function(e,t){if("number"==typeof e)return(0,o.D)(e);if("string"==typeof e){const[n,r,...a]=e.split(" ").filter((e=>""!==e.trim()));let s=`${(0,o.D)(n)}`;return r&&(s+=` ${r}`),a.length>0&&(s+=` ${i(a.join(" "),t)}`),s.trim()}return e}};function u(e){return e.replace("(min-width: ","").replace("em)","")}function m(e,t){return"object"==typeof e&&null!==e&&t in e?e[t]:e}function p({styleProps:e,data:t,theme:n}){return function({media:e,...t}){return{...t,media:Object.keys(e).sort(((e,t)=>Number(u(e))-Number(u(t)))).map((t=>({query:t,styles:e[t]})))}}((0,r.H)(e).reduce(((o,a)=>{if("hiddenFrom"===a||"visibleFrom"===a||"sx"===a)return o;const i=t[a],s=Array.isArray(i.property)?i.property:[i.property],l="object"==typeof(c=e[a])&&null!==c?"base"in c?c.base:void 0:c;var c;if(!function(e){if("object"!=typeof e||null===e)return!1;const t=Object.keys(e);return 1!==t.length||"base"!==t[0]}(e[a]))return s.forEach((e=>{o.inlineStyles[e]=d[i.type](l,n)})),o;o.hasResponsiveStyles=!0;const u=function(e){return"object"==typeof e&&null!==e?(0,r.H)(e).filter((e=>"base"!==e)):[]}(e[a]);return s.forEach((t=>{l&&(o.styles[t]=d[i.type](l,n)),u.forEach((r=>{const s=`(min-width: ${n.breakpoints[r]})`;o.media[s]={...o.media[s],[t]:d[i.type](m(e[a],r),n)}}))})),o}),{hasResponsiveStyles:!1,styles:{},inlineStyles:{},media:{}}))}},373087:(e,t,n)=>{n.d(t,{e:()=>f});var r=n(474848),o=n(951609),a=n(666192);const i=e=>({in:{opacity:1,transform:"scale(1)"},out:{opacity:0,transform:`scale(.9) translateY(${"bottom"===e?10:-10}px)`},transitionProperty:"transform, opacity"}),s={fade:{in:{opacity:1},out:{opacity:0},transitionProperty:"opacity"},"fade-up":{in:{opacity:1,transform:"translateY(0)"},out:{opacity:0,transform:"translateY(30px)"},transitionProperty:"opacity, transform"},"fade-down":{in:{opacity:1,transform:"translateY(0)"},out:{opacity:0,transform:"translateY(-30px)"},transitionProperty:"opacity, transform"},"fade-left":{in:{opacity:1,transform:"translateX(0)"},out:{opacity:0,transform:"translateX(30px)"},transitionProperty:"opacity, transform"},"fade-right":{in:{opacity:1,transform:"translateX(0)"},out:{opacity:0,transform:"translateX(-30px)"},transitionProperty:"opacity, transform"},scale:{in:{opacity:1,transform:"scale(1)"},out:{opacity:0,transform:"scale(0)"},common:{transformOrigin:"top"},transitionProperty:"transform, opacity"},"scale-y":{in:{opacity:1,transform:"scaleY(1)"},out:{opacity:0,transform:"scaleY(0)"},common:{transformOrigin:"top"},transitionProperty:"transform, opacity"},"scale-x":{in:{opacity:1,transform:"scaleX(1)"},out:{opacity:0,transform:"scaleX(0)"},common:{transformOrigin:"left"},transitionProperty:"transform, opacity"},"skew-up":{in:{opacity:1,transform:"translateY(0) skew(0deg, 0deg)"},out:{opacity:0,transform:"translateY(-20px) skew(-10deg, -5deg)"},common:{transformOrigin:"top"},transitionProperty:"transform, opacity"},"skew-down":{in:{opacity:1,transform:"translateY(0) skew(0deg, 0deg)"},out:{opacity:0,transform:"translateY(20px) skew(-10deg, -5deg)"},common:{transformOrigin:"bottom"},transitionProperty:"transform, opacity"},"rotate-left":{in:{opacity:1,transform:"translateY(0) rotate(0deg)"},out:{opacity:0,transform:"translateY(20px) rotate(-5deg)"},common:{transformOrigin:"bottom"},transitionProperty:"transform, opacity"},"rotate-right":{in:{opacity:1,transform:"translateY(0) rotate(0deg)"},out:{opacity:0,transform:"translateY(20px) rotate(5deg)"},common:{transformOrigin:"top"},transitionProperty:"transform, opacity"},"slide-down":{in:{opacity:1,transform:"translateY(0)"},out:{opacity:0,transform:"translateY(-100%)"},common:{transformOrigin:"top"},transitionProperty:"transform, opacity"},"slide-up":{in:{opacity:1,transform:"translateY(0)"},out:{opacity:0,transform:"translateY(100%)"},common:{transformOrigin:"bottom"},transitionProperty:"transform, opacity"},"slide-left":{in:{opacity:1,transform:"translateX(0)"},out:{opacity:0,transform:"translateX(100%)"},common:{transformOrigin:"left"},transitionProperty:"transform, opacity"},"slide-right":{in:{opacity:1,transform:"translateX(0)"},out:{opacity:0,transform:"translateX(-100%)"},common:{transformOrigin:"right"},transitionProperty:"transform, opacity"},pop:{...i("bottom"),common:{transformOrigin:"center center"}},"pop-bottom-left":{...i("bottom"),common:{transformOrigin:"bottom left"}},"pop-bottom-right":{...i("bottom"),common:{transformOrigin:"bottom right"}},"pop-top-left":{...i("top"),common:{transformOrigin:"top left"}},"pop-top-right":{...i("top"),common:{transformOrigin:"top right"}}},l={entering:"in",entered:"in",exiting:"out",exited:"out","pre-exiting":"out","pre-entering":"out"};function c({transition:e,state:t,duration:n,timingFunction:r}){const o={WebkitBackfaceVisibility:"hidden",willChange:"transform, opacity",transitionDuration:`${n}ms`,transitionTimingFunction:r};return"string"==typeof e?e in s?{transitionProperty:s[e].transitionProperty,...o,...s[e].common,...s[e][l[t]]}:{}:{transitionProperty:e.transitionProperty,...o,...e.common,...e[l[t]]}}var d=n(275795),u=n(636311),m=n(500297),p=n(801101);function f({keepMounted:e,transition:t="fade",duration:n=250,exitDuration:i=n,mounted:s,children:l,timingFunction:f="ease",onExit:h,onEntered:y,onEnter:v,onExited:g,enterDelay:b,exitDelay:x}){const w=(0,a.bv)(),{transitionDuration:N,transitionStatus:E,transitionTimingFunction:C}=function({duration:e,exitDuration:t,timingFunction:n,mounted:r,onEnter:a,onExit:i,onEntered:s,onExited:l,enterDelay:c,exitDelay:f}){const h=(0,p.xd)(),y=(0,u.I)(),v=!!h.respectReducedMotion&&y,[g,b]=(0,o.useState)(v?0:e),[x,w]=(0,o.useState)(r?"entered":"exited"),N=(0,o.useRef)(-1),E=(0,o.useRef)(-1),C=(0,o.useRef)(-1),S=n=>{const r=n?a:i,o=n?s:l;window.clearTimeout(N.current);const c=v?0:n?e:t;b(c),0===c?("function"==typeof r&&r(),"function"==typeof o&&o(),w(n?"entered":"exited")):C.current=requestAnimationFrame((()=>{d.flushSync((()=>{w(n?"pre-entering":"pre-exiting")})),C.current=requestAnimationFrame((()=>{"function"==typeof r&&r(),w(n?"entering":"exiting"),N.current=window.setTimeout((()=>{"function"==typeof o&&o(),w(n?"entered":"exited")}),c)}))}))};return(0,m.C)((()=>{var e;e=r,window.clearTimeout(E.current),"number"==typeof(e?c:f)?E.current=window.setTimeout((()=>{S(e)}),e?c:f):S(e)}),[r]),(0,o.useEffect)((()=>()=>{window.clearTimeout(N.current),cancelAnimationFrame(C.current)}),[]),{transitionDuration:g,transitionStatus:x,transitionTimingFunction:n||"ease"}}({mounted:s,exitDuration:i,duration:n,timingFunction:f,onExit:h,onEntered:y,onEnter:v,onExited:g,enterDelay:b,exitDelay:x});return 0===N||"test"===w?s?(0,r.jsx)(r.Fragment,{children:l({})}):e?l({display:"none"}):null:"exited"===E?e?l({display:"none"}):null:(0,r.jsx)(r.Fragment,{children:l(c({transition:t,duration:N,state:E,timingFunction:C}))})}f.displayName="@mantine/core/Transition"},374593:(e,t,n)=>{n.d(t,{J:()=>a});var r=n(634164);const o={};function a({theme:e,classNames:t,props:n,stylesCtx:a}){return function(e){const t={};return e.forEach((e=>{Object.entries(e).forEach((([e,n])=>{t[e]?t[e]=(0,r.A)(t[e],n):t[e]=n}))})),t}((Array.isArray(t)?t:[t]).map((t=>"function"==typeof t?t(e,n,a):t||o)))}},402412:(e,t,n)=>{n.d(t,{D_:()=>a,LE:()=>i,P9:()=>s});var r=n(474848),o=n(951609);function a(e){return e}function i(e){const t=e;return e=>{const n=(0,o.forwardRef)(((n,o)=>(0,r.jsx)(t,{...e,...n,ref:o})));return n.extend=t.extend,n.displayName=`WithProps(${t.displayName})`,n}}function s(e){const t=(0,o.forwardRef)(e);return t.extend=a,t.withProps=e=>{const n=(0,o.forwardRef)(((n,o)=>(0,r.jsx)(t,{...e,...n,ref:o})));return n.extend=t.extend,n.displayName=`WithProps(${t.displayName})`,n},t}},403052:(e,t,n)=>{function r(e){return Object.keys(e)}n.d(t,{H:()=>r})},449178:(e,t,n)=>{n.d(t,{v:()=>o});var r=n(951609);function o(e){return!Array.isArray(e)&&null!==e&&"object"==typeof e&&e.type!==r.Fragment}},474848:(e,t,n)=>{e.exports=n(221020)},480684:(e,t,n)=>{function r(e,t){return"number"==typeof e.primaryShade?e.primaryShade:"dark"===t?e.primaryShade.dark:e.primaryShade.light}n.d(t,{g:()=>r})},489569:(e,t,n)=>{n.d(t,{g:()=>s});var r=n(480684),o=n(559444);function a(e){return e<=.03928?e/12.92:((e+.055)/1.055)**2.4}function i(e,t=.179){return!e.startsWith("var(")&&function(e){if(e.startsWith("oklch("))return(function(e){const t=e.match(/oklch\((.*?)%\s/);return t?parseFloat(t[1]):null}(e)||0)/100;const{r:t,g:n,b:r}=(0,o.K)(e),i=n/255,s=r/255;return.2126*a(t/255)+.7152*a(i)+.0722*a(s)}(e)>t}function s({color:e,theme:t,colorScheme:n}){if("string"!=typeof e)throw new Error("[@mantine/core] Failed to parse color. Expected color to be a string, instead got "+typeof e);if("bright"===e)return{color:e,value:"dark"===n?t.white:t.black,shade:void 0,isThemeColor:!1,isLight:i("dark"===n?t.white:t.black,t.luminanceThreshold),variable:"--mantine-color-bright"};if("dimmed"===e)return{color:e,value:"dark"===n?t.colors.dark[2]:t.colors.gray[7],shade:void 0,isThemeColor:!1,isLight:i("dark"===n?t.colors.dark[2]:t.colors.gray[6],t.luminanceThreshold),variable:"--mantine-color-dimmed"};if("white"===e||"black"===e)return{color:e,value:"white"===e?t.white:t.black,shade:void 0,isThemeColor:!1,isLight:i("white"===e?t.white:t.black,t.luminanceThreshold),variable:`--mantine-color-${e}`};const[o,a]=e.split("."),s=a?Number(a):void 0,l=o in t.colors;if(l){const e=void 0!==s?t.colors[o][s]:t.colors[o][(0,r.g)(t,n||"light")];return{color:o,value:e,shade:s,isThemeColor:l,isLight:i(e,t.luminanceThreshold),variable:a?`--mantine-color-${o}-${s}`:`--mantine-color-${o}-filled`}}return{color:e,value:e,isThemeColor:l,isLight:i(e,t.luminanceThreshold),shade:s,variable:void 0}}},500297:(e,t,n)=>{n.d(t,{C:()=>o});var r=n(951609);function o(e,t){const n=(0,r.useRef)(!1);(0,r.useEffect)((()=>()=>{n.current=!1}),[]),(0,r.useEffect)((()=>{if(n.current)return e();n.current=!0}),t)}},531074:(e,t,n)=>{n.d(t,{_:()=>f});var r=n(474848),o=n(951609),a=n(656324),i=n(759396),s=n(746100),l=n(652837),c=n(311507),d=n(618639),u={root:"m_9e117634"};const m={},p=(0,i.V)(((e,{radius:t,fit:n})=>({root:{"--image-radius":void 0===t?void 0:(0,a.nJ)(t),"--image-object-fit":n}}))),f=(0,d.v)(((e,t)=>{const n=(0,s.Y)("Image",m,e),{classNames:a,className:i,style:d,styles:f,unstyled:h,vars:y,onError:v,src:g,radius:b,fit:x,fallbackSrc:w,mod:N,...E}=n,[C,S]=(0,o.useState)(!g);(0,o.useEffect)((()=>S(!g)),[g]);const M=(0,l.I)({name:"Image",classes:u,props:n,className:i,style:d,classNames:a,styles:f,unstyled:h,vars:y,varsResolver:p});return C&&w?(0,r.jsx)(c.a,{component:"img",ref:t,src:w,...M("root"),onError:v,mod:["fallback",N],...E}):(0,r.jsx)(c.a,{component:"img",ref:t,...M("root"),src:g,onError:e=>{v?.(e),S(!0)},mod:N,...E})}));f.classes=u,f.displayName="@mantine/core/Image"},531365:(e,t,n)=>{n.d(t,{a:()=>me});var r=n(474848),o=n(951609),a=n(568690),i=n(746100),s=n(402412),l=n(634164),c=n(311507),d=n(746798);const[u,m]=(0,d.F)("ModalBase component was not found in tree");var p="m_615af6c9",f="m_b5489c3c",h="m_60c222c7",y="m_fd1ab0aa",v="m_606cb269",g="m_5df29311";const b=(0,o.forwardRef)((({className:e,...t},n)=>{const a=function(){const e=m();return(0,o.useEffect)((()=>(e.setBodyMounted(!0),()=>e.setBodyMounted(!1))),[]),e.getBodyId()}(),i=m();return(0,r.jsx)(c.a,{ref:n,...t,id:a,className:(0,l.A)({[g]:!i.unstyled},e)})}));b.displayName="@mantine/core/ModalBaseBody";const[x,w]=(0,d.F)("Modal component was not found in tree");var N={root:"m_9df02822",content:"m_54c44539",inner:"m_1f958f16",header:"m_d0e2b9cd"};const E={},C=(0,s.P9)(((e,t)=>{const n=(0,i.Y)("ModalBody",E,e),{classNames:o,className:a,style:s,styles:l,vars:c,...d}=n,u=w();return(0,r.jsx)(b,{ref:t,...u.getStyles("body",{classNames:o,style:s,styles:l,className:a}),...d})}));C.classes=N,C.displayName="@mantine/core/ModalBody";var S=n(580355);const M=(0,o.forwardRef)((({className:e,onClick:t,...n},o)=>{const a=m();return(0,r.jsx)(S.J,{ref:o,...n,onClick:e=>{a.onClose(),t?.(e)},className:(0,l.A)({[v]:!a.unstyled},e),unstyled:a.unstyled})}));M.displayName="@mantine/core/ModalBaseCloseButton";const j={},k=(0,s.P9)(((e,t)=>{const n=(0,i.Y)("ModalCloseButton",j,e),{classNames:o,className:a,style:s,styles:l,vars:c,...d}=n,u=w();return(0,r.jsx)(M,{ref:t,...u.getStyles("close",{classNames:o,style:s,styles:l,className:a}),...d})}));k.classes=N,k.displayName="@mantine/core/ModalCloseButton";var $=n(288149),D=n(336504),I=n(716267),O=n(373087);const L=(0,o.forwardRef)((({transitionProps:e,className:t,innerProps:n,onKeyDown:o,style:a,...i},s)=>{const c=m();return(0,r.jsx)(O.e,{mounted:c.opened,transition:"pop",...c.transitionProps,onExited:()=>{c.onExitTransitionEnd?.(),c.transitionProps?.onExited?.()},onEntered:()=>{c.onEnterTransitionEnd?.(),c.transitionProps?.onEntered?.()},...e,children:e=>(0,r.jsx)("div",{...n,className:(0,l.A)({[h]:!c.unstyled},n.className),children:(0,r.jsx)(D.s,{active:c.opened&&c.trapFocus,innerRef:s,children:(0,r.jsx)(I.t,{...i,component:"section",role:"dialog",tabIndex:-1,"aria-modal":!0,"aria-describedby":c.bodyMounted?c.getBodyId():void 0,"aria-labelledby":c.titleMounted?c.getTitleId():void 0,style:[a,e],className:(0,l.A)({[y]:!c.unstyled},t),unstyled:c.unstyled,children:i.children})})})})}));function T({children:e}){return(0,r.jsx)(r.Fragment,{children:e})}L.displayName="@mantine/core/ModalBaseContent";const P={},R=(0,s.P9)(((e,t)=>{const n=(0,i.Y)("ModalContent",P,e),{classNames:o,className:a,style:s,styles:l,vars:c,children:d,__hidden:u,...m}=n,p=w(),f=p.scrollAreaComponent||T;return(0,r.jsx)(L,{...p.getStyles("content",{className:a,style:s,styles:l,classNames:o}),innerProps:p.getStyles("inner",{className:a,style:s,styles:l,classNames:o}),"data-full-screen":p.fullScreen||void 0,"data-modal-content":!0,"data-hidden":u||void 0,ref:t,...m,children:(0,r.jsx)(f,{style:{maxHeight:p.fullScreen?"100dvh":`calc(100dvh - (${(0,$.D)(p.yOffset)} * 2))`},children:d})})}));R.classes=N,R.displayName="@mantine/core/ModalContent";const z=(0,o.forwardRef)((({className:e,...t},n)=>{const o=m();return(0,r.jsx)(c.a,{component:"header",ref:n,className:(0,l.A)({[f]:!o.unstyled},e),...t})}));z.displayName="@mantine/core/ModalBaseHeader";const A={},_=(0,s.P9)(((e,t)=>{const n=(0,i.Y)("ModalHeader",A,e),{classNames:o,className:a,style:s,styles:l,vars:c,...d}=n,u=w();return(0,r.jsx)(z,{ref:t,...u.getStyles("header",{classNames:o,style:s,styles:l,className:a}),...d})}));_.classes=N,_.displayName="@mantine/core/ModalHeader";var B=n(322662);const Y={duration:200,timingFunction:"ease",transition:"fade"},F=(0,o.forwardRef)((({onClick:e,transitionProps:t,style:n,visible:o,...a},i)=>{const s=m(),l=function(e){const t=m();return{...Y,...t.transitionProps,...e}}(t);return(0,r.jsx)(O.e,{mounted:void 0!==o?o:s.opened,...l,transition:"fade",children:t=>(0,r.jsx)(B.h,{ref:i,fixed:!0,style:[n,t],zIndex:s.zIndex,unstyled:s.unstyled,onClick:t=>{e?.(t),s.closeOnClickOutside&&s.onClose()},...a})})}));F.displayName="@mantine/core/ModalBaseOverlay";const U={},W=(0,s.P9)(((e,t)=>{const n=(0,i.Y)("ModalOverlay",U,e),{classNames:o,className:a,style:s,styles:l,vars:c,...d}=n,u=w();return(0,r.jsx)(F,{ref:t,...u.getStyles("overlay",{classNames:o,style:s,styles:l,className:a}),...d})}));W.classes=N,W.displayName="@mantine/core/ModalOverlay";var H=n(656324),V=n(759396),G=n(652837),Q=n(274099),Z=n(839268),X=n(966284),J=n(360977),q=n(672273),K=n(636311);const ee=(0,o.forwardRef)((({keepMounted:e,opened:t,onClose:n,id:i,transitionProps:s,onExitTransitionEnd:l,onEnterTransitionEnd:d,trapFocus:m,closeOnEscape:p,returnFocus:f,closeOnClickOutside:h,withinPortal:y,portalProps:v,lockScroll:g,children:b,zIndex:x,shadow:w,padding:N,__vars:E,unstyled:C,removeScrollProps:S,...M},j)=>{const{_id:k,titleMounted:$,bodyMounted:D,shouldLockScroll:I,setTitleMounted:O,setBodyMounted:L}=function({id:e,transitionProps:t,opened:n,trapFocus:r,closeOnEscape:a,onClose:i,returnFocus:s}){const l=(0,X.B)(e),[c,d]=(0,o.useState)(!1),[u,m]=(0,o.useState)(!1),p=function({opened:e,transitionDuration:t}){const[n,r]=(0,o.useState)(e),a=(0,o.useRef)(-1),i=(0,K.I)()?0:t;return(0,o.useEffect)((()=>(e?(r(!0),window.clearTimeout(a.current)):0===i?r(!1):a.current=window.setTimeout((()=>r(!1)),i),()=>window.clearTimeout(a.current))),[e,i]),n}({opened:n,transitionDuration:"number"==typeof t?.duration?t?.duration:200});return(0,J.M)("keydown",(e=>{"Escape"===e.key&&a&&n&&"true"!==e.target?.getAttribute("data-mantine-stop-propagation")&&i()}),{capture:!0}),(0,q.E)({opened:n,shouldReturnFocus:r&&s}),{_id:l,titleMounted:c,bodyMounted:u,shouldLockScroll:p,setTitleMounted:d,setBodyMounted:m}}({id:i,transitionProps:s,opened:t,trapFocus:m,closeOnEscape:p,onClose:n,returnFocus:f}),{key:T,...P}=S||{};return(0,r.jsx)(Z.r,{...v,withinPortal:y,children:(0,r.jsx)(u,{value:{opened:t,onClose:n,closeOnClickOutside:h,onExitTransitionEnd:l,onEnterTransitionEnd:d,transitionProps:{...s,keepMounted:e},getTitleId:()=>`${k}-title`,getBodyId:()=>`${k}-body`,titleMounted:$,bodyMounted:D,setTitleMounted:O,setBodyMounted:L,trapFocus:m,closeOnEscape:p,zIndex:x,unstyled:C},children:(0,r.jsx)(Q.A,{enabled:I&&g,...P,children:(0,r.jsx)(c.a,{ref:j,...M,__vars:{...E,"--mb-z-index":(x||(0,a.I)("modal")).toString(),"--mb-shadow":(0,H.dh)(w),"--mb-padding":(0,H.GY)(N)},children:b})},T)})})}));ee.displayName="@mantine/core/ModalBase";const te={__staticSelector:"Modal",closeOnClickOutside:!0,withinPortal:!0,lockScroll:!0,trapFocus:!0,returnFocus:!0,closeOnEscape:!0,keepMounted:!1,zIndex:(0,a.I)("modal"),transitionProps:{duration:200,transition:"fade-down"},yOffset:"5dvh"},ne=(0,V.V)(((e,{radius:t,size:n,yOffset:r,xOffset:o})=>({root:{"--modal-radius":void 0===t?void 0:(0,H.nJ)(t),"--modal-size":(0,H.YC)(n,"modal-size"),"--modal-y-offset":(0,$.D)(r),"--modal-x-offset":(0,$.D)(o)}}))),re=(0,s.P9)(((e,t)=>{const n=(0,i.Y)("ModalRoot",te,e),{classNames:o,className:a,style:s,styles:l,unstyled:c,vars:d,yOffset:u,scrollAreaComponent:m,radius:p,fullScreen:f,centered:h,xOffset:y,__staticSelector:v,...g}=n,b=(0,G.I)({name:v,classes:N,props:n,className:a,style:s,classNames:o,styles:l,unstyled:c,vars:d,varsResolver:ne});return(0,r.jsx)(x,{value:{yOffset:u,scrollAreaComponent:m,getStyles:b,fullScreen:f},children:(0,r.jsx)(ee,{ref:t,...b("root"),"data-full-screen":f||void 0,"data-centered":h||void 0,unstyled:c,...g})})}));re.classes=N,re.displayName="@mantine/core/ModalRoot";var oe=n(97986);const[ae,ie]=(0,oe.e)();function se({children:e}){const[t,n]=(0,o.useState)([]),[i,s]=(0,o.useState)((0,a.I)("modal"));return(0,r.jsx)(ae,{value:{stack:t,addModal:(e,t)=>{n((t=>[...new Set([...t,e])])),s((e=>"number"==typeof t&&"number"==typeof e?Math.max(e,t):e))},removeModal:e=>n((t=>t.filter((t=>t!==e)))),getZIndex:e=>`calc(${i} + ${t.indexOf(e)} + 1)`,currentId:t[t.length-1],maxZIndex:i},children:e})}se.displayName="@mantine/core/ModalStack";const le=(0,o.forwardRef)((({className:e,...t},n)=>{const a=function(){const e=m();return(0,o.useEffect)((()=>(e.setTitleMounted(!0),()=>e.setTitleMounted(!1))),[]),e.getTitleId()}(),i=m();return(0,r.jsx)(c.a,{component:"h2",ref:n,className:(0,l.A)({[p]:!i.unstyled},e),...t,id:a})}));le.displayName="@mantine/core/ModalBaseTitle";const ce={},de=(0,s.P9)(((e,t)=>{const n=(0,i.Y)("ModalTitle",ce,e),{classNames:o,className:a,style:s,styles:l,vars:c,...d}=n,u=w();return(0,r.jsx)(le,{ref:t,...u.getStyles("title",{classNames:o,style:s,styles:l,className:a}),...d})}));de.classes=N,de.displayName="@mantine/core/ModalTitle";const ue={closeOnClickOutside:!0,withinPortal:!0,lockScroll:!0,trapFocus:!0,returnFocus:!0,closeOnEscape:!0,keepMounted:!1,zIndex:(0,a.I)("modal"),transitionProps:{duration:200,transition:"fade-down"},withOverlay:!0,withCloseButton:!0},me=(0,s.P9)(((e,t)=>{const{title:n,withOverlay:s,overlayProps:l,withCloseButton:c,closeButtonProps:d,children:u,radius:m,opened:p,stackId:f,zIndex:h,...y}=(0,i.Y)("Modal",ue,e),v=ie(),g=!!n||c,b=v&&f?{closeOnEscape:v.currentId===f,trapFocus:v.currentId===f,zIndex:v.getZIndex(f)}:{},x=!1!==s&&(f&&v?v.currentId===f:p);return(0,o.useEffect)((()=>{v&&f&&(p?v.addModal(f,h||(0,a.I)("modal")):v.removeModal(f))}),[p,f,h]),(0,r.jsxs)(re,{ref:t,radius:m,opened:p,zIndex:v&&f?v.getZIndex(f):h,...y,...b,children:[s&&(0,r.jsx)(W,{visible:x,transitionProps:v&&f?{duration:0}:void 0,...l}),(0,r.jsxs)(R,{radius:m,__hidden:!!(v&&f&&p)&&f!==v.currentId,children:[g&&(0,r.jsxs)(_,{children:[n&&(0,r.jsx)(de,{children:n}),c&&(0,r.jsx)(k,{...d})]}),(0,r.jsx)(C,{children:u})]})]})}));me.classes=N,me.displayName="@mantine/core/Modal",me.Root=re,me.Overlay=W,me.Content=R,me.Body=C,me.Header=_,me.Title=de,me.CloseButton=k,me.Stack=se},545588:(e,t,n)=>{function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(this,arguments)}var o;n.d(t,{HS:()=>$,Oi:()=>s,Rr:()=>m,TM:()=>i,pX:()=>O,pb:()=>k,rc:()=>o,tH:()=>I,ue:()=>f}),function(e){e.Pop="POP",e.Push="PUSH",e.Replace="REPLACE"}(o||(o={}));const a="popstate";function i(e){return void 0===e&&(e={}),function(e,t,n,i){void 0===i&&(i={});let{window:l=document.defaultView,v5Compat:m=!1}=i,p=l.history,f=o.Pop,h=null,y=v();function v(){return(p.state||{idx:null}).idx}function g(){f=o.Pop;let e=v(),t=null==e?null:e-y;y=e,h&&h({action:f,location:x.location,delta:t})}function b(e){let t="null"!==l.location.origin?l.location.origin:l.location.href,n="string"==typeof e?e:u(e);return n=n.replace(/ $/,"%20"),s(t,"No window.location.(origin|href) available to create URL for href: "+n),new URL(n,t)}null==y&&(y=0,p.replaceState(r({},p.state,{idx:y}),""));let x={get action(){return f},get location(){return e(l,p)},listen(e){if(h)throw new Error("A history only accepts one active listener");return l.addEventListener(a,g),h=e,()=>{l.removeEventListener(a,g),h=null}},createHref:e=>t(l,e),createURL:b,encodeLocation(e){let t=b(e);return{pathname:t.pathname,search:t.search,hash:t.hash}},push:function(e,t){f=o.Push;let r=d(x.location,e,t);n&&n(r,e),y=v()+1;let a=c(r,y),i=x.createHref(r);try{p.pushState(a,"",i)}catch(e){if(e instanceof DOMException&&"DataCloneError"===e.name)throw e;l.location.assign(i)}m&&h&&h({action:f,location:x.location,delta:1})},replace:function(e,t){f=o.Replace;let r=d(x.location,e,t);n&&n(r,e),y=v();let a=c(r,y),i=x.createHref(r);p.replaceState(a,"",i),m&&h&&h({action:f,location:x.location,delta:0})},go:e=>p.go(e)};return x}((function(e,t){let{pathname:n="/",search:r="",hash:o=""}=m(e.location.hash.substr(1));return n.startsWith("/")||n.startsWith(".")||(n="/"+n),d("",{pathname:n,search:r,hash:o},t.state&&t.state.usr||null,t.state&&t.state.key||"default")}),(function(e,t){let n=e.document.querySelector("base"),r="";if(n&&n.getAttribute("href")){let t=e.location.href,n=t.indexOf("#");r=-1===n?t:t.slice(0,n)}return r+"#"+("string"==typeof t?t:u(t))}),(function(e,t){l("/"===e.pathname.charAt(0),"relative pathnames are not supported in hash history.push("+JSON.stringify(t)+")")}),e)}function s(e,t){if(!1===e||null==e)throw new Error(t)}function l(e,t){if(!e){"undefined"!=typeof console&&console.warn(t);try{throw new Error(t)}catch(e){}}}function c(e,t){return{usr:e.state,key:e.key,idx:t}}function d(e,t,n,o){return void 0===n&&(n=null),r({pathname:"string"==typeof e?e:e.pathname,search:"",hash:""},"string"==typeof t?m(t):t,{state:n,key:t&&t.key||o||Math.random().toString(36).substr(2,8)})}function u(e){let{pathname:t="/",search:n="",hash:r=""}=e;return n&&"?"!==n&&(t+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(t+="#"===r.charAt(0)?r:"#"+r),t}function m(e){let t={};if(e){let n=e.indexOf("#");n>=0&&(t.hash=e.substr(n),e=e.substr(0,n));let r=e.indexOf("?");r>=0&&(t.search=e.substr(r),e=e.substr(0,r)),e&&(t.pathname=e)}return t}var p;function f(e,t,n){return void 0===n&&(n="/"),function(e,t,n,r){let o=k(("string"==typeof t?m(t):t).pathname||"/",n);if(null==o)return null;let a=h(e);!function(e){e.sort(((e,t)=>e.score!==t.score?t.score-e.score:function(e,t){return e.length===t.length&&e.slice(0,-1).every(((e,n)=>e===t[n]))?e[e.length-1]-t[t.length-1]:0}(e.routesMeta.map((e=>e.childrenIndex)),t.routesMeta.map((e=>e.childrenIndex)))))}(a);let i=null;for(let e=0;null==i&&e<a.length;++e){let t=j(o);i=S(a[e],t,r)}return i}(e,t,n,!1)}function h(e,t,n,r){void 0===t&&(t=[]),void 0===n&&(n=[]),void 0===r&&(r="");let o=(e,o,a)=>{let i={relativePath:void 0===a?e.path||"":a,caseSensitive:!0===e.caseSensitive,childrenIndex:o,route:e};i.relativePath.startsWith("/")&&(s(i.relativePath.startsWith(r),'Absolute route path "'+i.relativePath+'" nested under path "'+r+'" is not valid. An absolute child route path must start with the combined path of all its parent routes.'),i.relativePath=i.relativePath.slice(r.length));let l=$([r,i.relativePath]),c=n.concat(i);e.children&&e.children.length>0&&(s(!0!==e.index,'Index routes must not have child routes. Please remove all child routes from route path "'+l+'".'),h(e.children,t,c,l)),(null!=e.path||e.index)&&t.push({path:l,score:C(l,e.index),routesMeta:c})};return e.forEach(((e,t)=>{var n;if(""!==e.path&&null!=(n=e.path)&&n.includes("?"))for(let n of y(e.path))o(e,t,n);else o(e,t)})),t}function y(e){let t=e.split("/");if(0===t.length)return[];let[n,...r]=t,o=n.endsWith("?"),a=n.replace(/\?$/,"");if(0===r.length)return o?[a,""]:[a];let i=y(r.join("/")),s=[];return s.push(...i.map((e=>""===e?a:[a,e].join("/")))),o&&s.push(...i),s.map((t=>e.startsWith("/")&&""===t?"/":t))}!function(e){e.data="data",e.deferred="deferred",e.redirect="redirect",e.error="error"}(p||(p={})),new Set(["lazy","caseSensitive","path","id","index","children"]);const v=/^:[\w-]+$/,g=3,b=2,x=1,w=10,N=-2,E=e=>"*"===e;function C(e,t){let n=e.split("/"),r=n.length;return n.some(E)&&(r+=N),t&&(r+=b),n.filter((e=>!E(e))).reduce(((e,t)=>e+(v.test(t)?g:""===t?x:w)),r)}function S(e,t,n){void 0===n&&(n=!1);let{routesMeta:r}=e,o={},a="/",i=[];for(let e=0;e<r.length;++e){let s=r[e],l=e===r.length-1,c="/"===a?t:t.slice(a.length)||"/",d=M({path:s.relativePath,caseSensitive:s.caseSensitive,end:l},c),u=s.route;if(!d&&l&&n&&!r[r.length-1].route.index&&(d=M({path:s.relativePath,caseSensitive:s.caseSensitive,end:!1},c)),!d)return null;Object.assign(o,d.params),i.push({params:o,pathname:$([a,d.pathname]),pathnameBase:D($([a,d.pathnameBase])),route:u}),"/"!==d.pathnameBase&&(a=$([a,d.pathnameBase]))}return i}function M(e,t){"string"==typeof e&&(e={path:e,caseSensitive:!1,end:!0});let[n,r]=function(e,t,n){void 0===t&&(t=!1),void 0===n&&(n=!0),l("*"===e||!e.endsWith("*")||e.endsWith("/*"),'Route path "'+e+'" will be treated as if it were "'+e.replace(/\*$/,"/*")+'" because the `*` character must always follow a `/` in the pattern. To get rid of this warning, please change the route path to "'+e.replace(/\*$/,"/*")+'".');let r=[],o="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,((e,t,n)=>(r.push({paramName:t,isOptional:null!=n}),n?"/?([^\\/]+)?":"/([^\\/]+)")));return e.endsWith("*")?(r.push({paramName:"*"}),o+="*"===e||"/*"===e?"(.*)$":"(?:\\/(.+)|\\/*)$"):n?o+="\\/*$":""!==e&&"/"!==e&&(o+="(?:(?=\\/|$))"),[new RegExp(o,t?void 0:"i"),r]}(e.path,e.caseSensitive,e.end),o=t.match(n);if(!o)return null;let a=o[0],i=a.replace(/(.)\/+$/,"$1"),s=o.slice(1);return{params:r.reduce(((e,t,n)=>{let{paramName:r,isOptional:o}=t;if("*"===r){let e=s[n]||"";i=a.slice(0,a.length-e.length).replace(/(.)\/+$/,"$1")}const l=s[n];return e[r]=o&&!l?void 0:(l||"").replace(/%2F/g,"/"),e}),{}),pathname:a,pathnameBase:i,pattern:e}}function j(e){try{return e.split("/").map((e=>decodeURIComponent(e).replace(/\//g,"%2F"))).join("/")}catch(t){return l(!1,'The URL path "'+e+'" could not be decoded because it is is a malformed URL segment. This is probably due to a bad percent encoding ('+t+")."),e}}function k(e,t){if("/"===t)return e;if(!e.toLowerCase().startsWith(t.toLowerCase()))return null;let n=t.endsWith("/")?t.length-1:t.length,r=e.charAt(n);return r&&"/"!==r?null:e.slice(n)||"/"}const $=e=>e.join("/").replace(/\/\/+/g,"/"),D=e=>e.replace(/\/+$/,"").replace(/^\/*/,"/");class I extends Error{}function O(e){return null!=e&&"number"==typeof e.status&&"string"==typeof e.statusText&&"boolean"==typeof e.internal&&"data"in e}const L=["post","put","patch","delete"],T=(new Set(L),["get",...L]);new Set(T),new Set([301,302,303,307,308]),new Set([307,308]),Symbol("deferred")},546076:(e,t,n)=>{n.d(t,{N:()=>d});var r=n(474848),o=(n(951609),n(746100)),a=n(652837),i=n(311507),s=n(618639),l={root:"m_87cf2631"};const c={__staticSelector:"UnstyledButton"},d=(0,s.v)(((e,t)=>{const n=(0,o.Y)("UnstyledButton",c,e),{className:s,component:d="button",__staticSelector:u,unstyled:m,classNames:p,styles:f,style:h,...y}=n,v=(0,a.I)({name:u,props:n,classes:l,className:s,style:h,classNames:p,styles:f,unstyled:m});return(0,r.jsx)(i.a,{...v("root",{focusable:!0}),component:d,ref:t,type:"button"===d?"button":void 0,...y})}));d.classes=l,d.displayName="@mantine/core/UnstyledButton"},559444:(e,t,n)=>{function r(e){return/^#?([0-9A-F]{3}){1,2}([0-9A-F]{2})?$/i.test(e)?function(e){let t=e.replace("#","");if(3===t.length){const e=t.split("");t=[e[0],e[0],e[1],e[1],e[2],e[2]].join("")}if(8===t.length){const e=parseInt(t.slice(6,8),16)/255;return{r:parseInt(t.slice(0,2),16),g:parseInt(t.slice(2,4),16),b:parseInt(t.slice(4,6),16),a:e}}const n=parseInt(t,16);return{r:n>>16&255,g:n>>8&255,b:255&n,a:1}}(e):e.startsWith("rgb")?function(e){const[t,n,r,o]=e.replace(/[^0-9,./]/g,"").split(/[/,]/).map(Number);return{r:t,g:n,b:r,a:o||1}}(e):e.startsWith("hsl")?function(e){const t=e.match(/^hsla?\(\s*(\d+)\s*,\s*(\d+%)\s*,\s*(\d+%)\s*(,\s*(0?\.\d+|\d+(\.\d+)?))?\s*\)$/i);if(!t)return{r:0,g:0,b:0,a:1};const n=parseInt(t[1],10),r=parseInt(t[2],10)/100,o=parseInt(t[3],10)/100,a=t[5]?parseFloat(t[5]):void 0,i=(1-Math.abs(2*o-1))*r,s=n/60,l=i*(1-Math.abs(s%2-1)),c=o-i/2;let d,u,m;return s>=0&&s<1?(d=i,u=l,m=0):s>=1&&s<2?(d=l,u=i,m=0):s>=2&&s<3?(d=0,u=i,m=l):s>=3&&s<4?(d=0,u=l,m=i):s>=4&&s<5?(d=l,u=0,m=i):(d=i,u=0,m=l),{r:Math.round(255*(d+c)),g:Math.round(255*(u+c)),b:Math.round(255*(m+c)),a:a||1}}(e):{r:0,g:0,b:0,a:1}}n.d(t,{K:()=>r})},568690:(e,t,n)=>{n.d(t,{I:()=>o});const r={app:100,modal:200,popover:300,overlay:400,max:9999};function o(e){return r[e]}},580355:(e,t,n)=>{n.d(t,{J:()=>y});var r=n(474848),o=n(288149),a=n(951609),i=n(656324),s=n(759396),l=n(746100),c=n(652837),d=n(618639),u=n(546076);const m=(0,a.forwardRef)((({size:e="var(--cb-icon-size, 70%)",style:t,...n},o)=>(0,r.jsx)("svg",{viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{...t,width:e,height:e},ref:o,...n,children:(0,r.jsx)("path",{d:"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})})));m.displayName="@mantine/core/CloseIcon";var p={root:"m_86a44da5","root--subtle":"m_220c80f2"};const f={variant:"subtle"},h=(0,s.V)(((e,{size:t,radius:n,iconSize:r})=>({root:{"--cb-size":(0,i.YC)(t,"cb-size"),"--cb-radius":void 0===n?void 0:(0,i.nJ)(n),"--cb-icon-size":(0,o.D)(r)}}))),y=(0,d.v)(((e,t)=>{const n=(0,l.Y)("CloseButton",f,e),{iconSize:o,children:a,vars:i,radius:s,className:d,classNames:y,style:v,styles:g,unstyled:b,"data-disabled":x,disabled:w,variant:N,icon:E,mod:C,__staticSelector:S,...M}=n,j=(0,c.I)({name:S||"CloseButton",props:n,className:d,style:v,classes:p,classNames:y,styles:g,unstyled:b,vars:i,varsResolver:h});return(0,r.jsxs)(u.N,{ref:t,...M,unstyled:b,variant:N,disabled:w,mod:[{disabled:w||x},C],...j("root",{variant:N,active:!w&&!x}),children:[E||(0,r.jsx)(m,{}),a]})}));y.classes=p,y.displayName="@mantine/core/CloseButton"},618639:(e,t,n)=>{n.d(t,{v:()=>i});var r=n(474848),o=n(951609),a=n(402412);function i(e){const t=(0,o.forwardRef)(e);return t.withProps=e=>{const n=(0,o.forwardRef)(((n,o)=>(0,r.jsx)(t,{...e,...n,ref:o})));return n.extend=t.extend,n.displayName=`WithProps(${t.displayName})`,n},t.extend=a.D_,t}},634164:(e,t,n)=>{function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}n.d(t,{A:()=>o});const o=function(){for(var e,t,n=0,o="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}},636311:(e,t,n)=>{n.d(t,{I:()=>o});var r=n(951609);function o(e,t){return function(e,t,{getInitialValueInEffect:n}={getInitialValueInEffect:!0}){const[o,a]=(0,r.useState)(n?t:function(e){return"undefined"!=typeof window&&"matchMedia"in window&&window.matchMedia(e).matches}(e)),i=(0,r.useRef)(null);return(0,r.useEffect)((()=>{if("matchMedia"in window)return i.current=window.matchMedia(e),a(i.current.matches),function(e,t){try{return e.addEventListener("change",t),()=>e.removeEventListener("change",t)}catch(n){return e.addListener(t),()=>e.removeListener(t)}}(i.current,(e=>a(e.matches)))}),[e]),o}("(prefers-reduced-motion: reduce)",e,t)}},652837:(e,t,n)=>{n.d(t,{I:()=>y}),n(951609),n(474848);var r=n(666192),o=n(801101),a=n(634164);const i={always:"mantine-focus-always",auto:"mantine-focus-auto",never:"mantine-focus-never"};var s=n(374593);function l({selector:e,stylesCtx:t,theme:n,classNames:r,props:o}){return(0,s.J)({theme:n,classNames:r,props:o,stylesCtx:t})[e]}function c({theme:e,options:t,themeName:n,selector:r,classNamesPrefix:o,classNames:c,classes:d,unstyled:u,className:m,rootSelector:p,props:f,stylesCtx:h,withStaticClasses:y,headless:v,transformedStyles:g}){return(0,a.A)(function({theme:e,options:t,unstyled:n}){return(0,a.A)(t?.focusable&&!n&&(e.focusClassName||i[e.focusRing]),t?.active&&!n&&e.activeClassName)}({theme:e,options:t,unstyled:u||v}),function({themeName:e,theme:t,selector:n,props:r,stylesCtx:o}){return e.map((e=>(0,s.J)({theme:t,classNames:t.components[e]?.classNames,props:r,stylesCtx:o})?.[n]))}({theme:e,themeName:n,selector:r,props:f,stylesCtx:h}),function({options:e,classes:t,selector:n,unstyled:r}){return e?.variant&&!r?t[`${n}--${e.variant}`]:void 0}({options:t,classes:d,selector:r,unstyled:u}),l({selector:r,stylesCtx:h,theme:e,classNames:c,props:f}),l({selector:r,stylesCtx:h,theme:e,classNames:g,props:f}),function({selector:e,stylesCtx:t,options:n,props:r,theme:o}){return(0,s.J)({theme:o,classNames:n?.classNames,props:n?.props||r,stylesCtx:t})[e]}({selector:r,stylesCtx:h,options:t,props:f,theme:e}),function({rootSelector:e,selector:t,className:n}){return e===t?n:void 0}({rootSelector:p,selector:r,className:m}),function({selector:e,classes:t,unstyled:n}){return n?void 0:t[e]}({selector:r,classes:d,unstyled:u||v}),y&&!v&&function({themeName:e,classNamesPrefix:t,selector:n,withStaticClass:r}){return!1===r?[]:e.map((e=>`${t}-${e}-${n}`))}({themeName:n,classNamesPrefix:o,selector:r,withStaticClass:t?.withStaticClass}),t?.className)}var d=n(344812);function u({theme:e,themeName:t,props:n,stylesCtx:r,selector:o}){return t.map((t=>(0,d.N)({theme:e,styles:e.components[t]?.styles,props:n,stylesCtx:r})[o])).reduce(((e,t)=>({...e,...t})),{})}function m({style:e,theme:t}){return Array.isArray(e)?[...e].reduce(((e,n)=>({...e,...m({style:n,theme:t})})),{}):"function"==typeof e?e(t):null==e?{}:e}var p=n(77602);function f({vars:e,varsResolver:t,theme:n,props:r,stylesCtx:o,selector:a,themeName:i,headless:s}){return function(e){return e.reduce(((e,t)=>(t&&Object.keys(t).forEach((n=>{e[n]={...e[n],...(0,p.J)(t[n])}})),e)),{})}([s?{}:t?.(n,r,o),...i.map((e=>n.components?.[e]?.vars?.(n,r,o))),e?.(n,r,o)])?.[a]}function h({theme:e,themeName:t,selector:n,options:r,props:o,stylesCtx:a,rootSelector:i,styles:s,style:l,vars:c,varsResolver:p,headless:h,withStylesTransform:y}){return{...!y&&u({theme:e,themeName:t,props:o,stylesCtx:a,selector:n}),...!y&&(0,d.N)({theme:e,styles:s,props:o,stylesCtx:a})[n],...!y&&(0,d.N)({theme:e,styles:r?.styles,props:r?.props||o,stylesCtx:a})[n],...f({theme:e,props:o,stylesCtx:a,vars:c,varsResolver:p,selector:n,themeName:t,headless:h}),...i===n?m({style:l,theme:e}):null,...m({style:r?.style,theme:e})}}function y({name:e,classes:t,props:n,stylesCtx:a,className:i,style:s,rootSelector:l="root",unstyled:d,classNames:u,styles:m,vars:p,varsResolver:f}){const y=(0,o.xd)(),v=(0,r.AI)(),g=(0,r.If)(),b=(0,r.FI)(),x=(Array.isArray(e)?e:[e]).filter((e=>e)),{withStylesTransform:w,getTransformedStyles:N}=function({props:e,stylesCtx:t,themeName:n}){const a=(0,o.xd)(),i=(0,r.m6)()?.();return{getTransformedStyles:r=>i?[...r.map((n=>i(n,{props:e,theme:a,ctx:t}))),...n.map((n=>i(a.components[n]?.styles,{props:e,theme:a,ctx:t})))].filter(Boolean):[],withStylesTransform:!!i}}({props:n,stylesCtx:a,themeName:x});return(e,r)=>({className:c({theme:y,options:r,themeName:x,selector:e,classNamesPrefix:v,classNames:u,classes:t,unstyled:d,className:i,rootSelector:l,props:n,stylesCtx:a,withStaticClasses:g,headless:b,transformedStyles:N([r?.styles,m])}),style:h({theme:y,themeName:x,selector:e,options:r,props:n,stylesCtx:a,rootSelector:l,styles:m,style:s,vars:p,varsResolver:f,headless:b,withStylesTransform:w})})}},656324:(e,t,n)=>{n.d(t,{GY:()=>i,YC:()=>a,dh:()=>d,ks:()=>c,nJ:()=>s,ny:()=>l});var r=n(312940),o=n(288149);function a(e,t="size",n=!0){if(void 0!==e)return(0,r.t)(e)?n?(0,o.D)(e):e:`var(--${t}-${e})`}function i(e){return a(e,"mantine-spacing")}function s(e){return void 0===e?"var(--mantine-radius-default)":a(e,"mantine-radius")}function l(e){return a(e,"mantine-font-size")}function c(e){return a(e,"mantine-line-height",!1)}function d(e){if(e)return a(e,"mantine-shadow",!1)}},658335:(e,t,n)=>{n.d(t,{jQ:()=>l,Fj:()=>a});var r=n(345585),o=n(45727);const[a,i]=(s="mantine-modals",[function(e){const t=Object.keys(e).reduce(((t,n)=>(t[`${s}:${n}`]=t=>e[n](t.detail),t)),{});(0,r.o)((()=>(Object.keys(t).forEach((e=>{window.removeEventListener(e,t[e]),window.addEventListener(e,t[e])})),()=>Object.keys(t).forEach((e=>{window.removeEventListener(e,t[e])})))),[t])},function(e){return(...t)=>{return n=`${s}:${String(e)}`,r=t[0],void window.dispatchEvent(new CustomEvent(n,{detail:r}));var n,r}}]);var s;const l={open:e=>{const t=e.modalId||(0,o.z)();return i("openModal")({...e,modalId:t}),t},close:i("closeModal"),closeAll:i("closeAllModals"),openConfirmModal:e=>{const t=e.modalId||(0,o.z)();return i("openConfirmModal")({...e,modalId:t}),t},openContextModal:e=>{const t=e.modalId||(0,o.z)();return i("openContextModal")({...e,modalId:t}),t},updateModal:e=>i("updateModal")(e),updateContextModal:e=>i("updateContextModal")(e)}},663733:(e,t,n)=>{n.d(t,{j:()=>o});var r=n(77602);function o(e){const{m:t,mx:n,my:o,mt:a,mb:i,ml:s,mr:l,me:c,ms:d,p:u,px:m,py:p,pt:f,pb:h,pl:y,pr:v,pe:g,ps:b,bd:x,bg:w,c:N,opacity:E,ff:C,fz:S,fw:M,lts:j,ta:k,lh:$,fs:D,tt:I,td:O,w:L,miw:T,maw:P,h:R,mih:z,mah:A,bgsz:_,bgp:B,bgr:Y,bga:F,pos:U,top:W,left:H,bottom:V,right:G,inset:Q,display:Z,flex:X,hiddenFrom:J,visibleFrom:q,lightHidden:K,darkHidden:ee,sx:te,...ne}=e;return{styleProps:(0,r.J)({m:t,mx:n,my:o,mt:a,mb:i,ml:s,mr:l,me:c,ms:d,p:u,px:m,py:p,pt:f,pb:h,pl:y,pr:v,pe:g,ps:b,bd:x,bg:w,c:N,opacity:E,ff:C,fz:S,fw:M,lts:j,ta:k,lh:$,fs:D,tt:I,td:O,w:L,miw:T,maw:P,h:R,mih:z,mah:A,bgsz:_,bgp:B,bgr:Y,bga:F,pos:U,top:W,left:H,bottom:V,right:G,inset:Q,display:Z,flex:X,hiddenFrom:J,visibleFrom:q,lightHidden:K,darkHidden:ee,sx:te}),rest:ne}}n(951609),n(474848)},666192:(e,t,n)=>{n.d(t,{A$:()=>o,AI:()=>s,FI:()=>d,If:()=>c,NL:()=>u,OY:()=>i,WV:()=>l,bv:()=>p,m6:()=>m});var r=n(951609);const o=(0,r.createContext)(null);function a(){const e=(0,r.useContext)(o);if(!e)throw new Error("[@mantine/core] MantineProvider was not found in tree");return e}function i(){return a().cssVariablesResolver}function s(){return a().classNamesPrefix}function l(){return a().getStyleNonce}function c(){return a().withStaticClasses}function d(){return a().headless}function u(){return a().stylesTransform?.sx}function m(){return a().stylesTransform?.styles}function p(){return a().env||"default"}},672273:(e,t,n)=>{n.d(t,{E:()=>a});var r=n(951609),o=n(500297);function a({opened:e,shouldReturnFocus:t=!0}){const n=(0,r.useRef)(null),a=()=>{n.current&&"focus"in n.current&&"function"==typeof n.current.focus&&n.current?.focus({preventScroll:!0})};return(0,o.C)((()=>{let r=-1;const o=e=>{"Tab"===e.key&&window.clearTimeout(r)};return document.addEventListener("keydown",o),e?n.current=document.activeElement:t&&(r=window.setTimeout(a,10)),()=>{window.clearTimeout(r),document.removeEventListener("keydown",o)}}),[e,t]),a}},715074:(e,t,n)=>{n.d(t,{K:()=>l});var r=n(474848),o=(n(951609),n(666192)),a=n(403052);function i(e){return(0,a.H)(e).reduce(((t,n)=>{return void 0!==e[n]?`${t}${r=n,r.replace(/[A-Z]/g,(e=>`-${e.toLowerCase()}`))}:${e[n]};`:t;var r}),"").trim()}function s({selector:e,styles:t,media:n,container:r}){const o=t?i(t):"",a=Array.isArray(n)?n.map((t=>`@media${t.query}{${e}{${i(t.styles)}}}`)):[],s=Array.isArray(r)?r.map((t=>`@container ${t.query}{${e}{${i(t.styles)}}}`)):[];return`${o?`${e}{${o}}`:""}${a.join("")}${s.join("")}`.trim()}function l(e){const t=(0,o.WV)();return(0,r.jsx)("style",{"data-mantine-styles":"inline",nonce:t?.(),dangerouslySetInnerHTML:{__html:s(e)}})}},716267:(e,t,n)=>{n.d(t,{t:()=>p});var r=n(474848),o=(n(951609),n(656324)),a=n(759396),i=n(746100),s=n(652837),l=n(311507),c=n(618639),d={root:"m_1b7284a3"};const u={},m=(0,a.V)(((e,{radius:t,shadow:n})=>({root:{"--paper-radius":void 0===t?void 0:(0,o.nJ)(t),"--paper-shadow":(0,o.dh)(n)}}))),p=(0,c.v)(((e,t)=>{const n=(0,i.Y)("Paper",u,e),{classNames:o,className:a,style:c,styles:p,unstyled:f,withBorder:h,vars:y,radius:v,shadow:g,variant:b,mod:x,...w}=n,N=(0,s.I)({name:"Paper",props:n,classes:d,className:a,style:c,classNames:o,styles:p,unstyled:f,vars:y,varsResolver:m});return(0,r.jsx)(l.a,{ref:t,mod:[{"data-with-border":h},x],...N("root"),variant:b,...w})}));p.classes=d,p.displayName="@mantine/core/Paper"},746100:(e,t,n)=>{n.d(t,{Y:()=>a});var r=n(77602),o=(n(951609),n(474848),n(801101));function a(e,t,n){const a=(0,o.xd)(),i=a.components[e]?.defaultProps;return{...t,..."function"==typeof i?i(a):i,...(0,r.J)(n)}}},746798:(e,t,n)=>{n.d(t,{F:()=>a});var r=n(474848),o=n(951609);function a(e){const t=(0,o.createContext)(null);return[({children:e,value:n})=>(0,r.jsx)(t.Provider,{value:n,children:e}),()=>{const n=(0,o.useContext)(t);if(null===n)throw new Error(e);return n}]}},759396:(e,t,n)=>{function r(e){return e}n.d(t,{V:()=>r})},791752:(e,t,n)=>{n.d(t,{v:()=>o});var r=n(86344);function o(e,t){const n={from:e?.from||t.defaultGradient.from,to:e?.to||t.defaultGradient.to,deg:e?.deg??t.defaultGradient.deg??0},o=(0,r.r)(n.from,t),a=(0,r.r)(n.to,t);return`linear-gradient(${n.deg}deg, ${o} 0%, ${a} 100%)`}},801101:(e,t,n)=>{n.d(t,{nW:()=>f,xd:()=>p});var r=n(474848),o=n(951609),a=n(315304),i=n(901518);const s="[@mantine/core] MantineProvider: Invalid theme.primaryColor, it accepts only key of theme.colors, learn more – https://mantine.dev/theming/colors/#primary-color",l="[@mantine/core] MantineProvider: Invalid theme.primaryShade, it accepts only 0-9 integers or an object { light: 0-9, dark: 0-9 }";function c(e){return!(e<0||e>9)&&parseInt(e.toString(),10)===e}function d(e){if(!(e.primaryColor in e.colors))throw new Error(s);if(!("object"!=typeof e.primaryShade||c(e.primaryShade.dark)&&c(e.primaryShade.light)))throw new Error(l);if("number"==typeof e.primaryShade&&!c(e.primaryShade))throw new Error(l)}const u=(0,o.createContext)(null),m=()=>(0,o.useContext)(u)||a.S;function p(){const e=(0,o.useContext)(u);if(!e)throw new Error("@mantine/core: MantineProvider was not found in component tree, make sure you have it in your app");return e}function f({theme:e,children:t,inherit:n=!0}){const s=m(),l=(0,o.useMemo)((()=>function(e,t){if(!t)return d(e),e;const n=(0,i.$)(e,t);return t.fontFamily&&!t.headings?.fontFamily&&(n.headings.fontFamily=t.fontFamily),d(n),n}(n?s:a.S,e)),[e,s,n]);return(0,r.jsx)(u.Provider,{value:l,children:t})}f.displayName="@mantine/core/MantineThemeProvider"},805055:(e,t,n)=>{n.d(t,{$:()=>S});var r=n(474848),o=n(288149),a=(n(951609),n(656324)),i=n(759396),s=n(746100),l=n(652837),c=n(311507),d=n(618639),u=n(924952),m=n(373087),p=n(546076),f=n(402412),h={root:"m_77c9d27d",inner:"m_80f1301b",label:"m_811560b9",section:"m_a74036a",loader:"m_a25b86ee",group:"m_80d6d844",groupSection:"m_70be2a01"};const y={orientation:"horizontal"},v=(0,i.V)(((e,{borderWidth:t})=>({group:{"--button-border-width":(0,o.D)(t)}}))),g=(0,f.P9)(((e,t)=>{const n=(0,s.Y)("ButtonGroup",y,e),{className:o,style:a,classNames:i,styles:d,unstyled:u,orientation:m,vars:p,borderWidth:f,variant:g,mod:b,...x}=(0,s.Y)("ButtonGroup",y,e),w=(0,l.I)({name:"ButtonGroup",props:n,classes:h,className:o,style:a,classNames:i,styles:d,unstyled:u,vars:p,varsResolver:v,rootSelector:"group"});return(0,r.jsx)(c.a,{...w("group"),ref:t,variant:g,mod:[{"data-orientation":m},b],role:"group",...x})}));g.classes=h,g.displayName="@mantine/core/ButtonGroup";const b={},x=(0,i.V)(((e,{radius:t,color:n,gradient:r,variant:o,autoContrast:i,size:s})=>{const l=e.variantColorResolver({color:n||e.primaryColor,theme:e,gradient:r,variant:o||"filled",autoContrast:i});return{groupSection:{"--section-height":(0,a.YC)(s,"section-height"),"--section-padding-x":(0,a.YC)(s,"section-padding-x"),"--section-fz":s?.includes("compact")?(0,a.ny)(s.replace("compact-","")):(0,a.ny)(s),"--section-radius":void 0===t?void 0:(0,a.nJ)(t),"--section-bg":n||o?l.background:void 0,"--section-color":l.color,"--section-bd":n||o?l.border:void 0}}})),w=(0,f.P9)(((e,t)=>{const n=(0,s.Y)("ButtonGroupSection",b,e),{className:o,style:a,classNames:i,styles:d,unstyled:u,vars:m,variant:p,gradient:f,radius:y,autoContrast:v,...g}=(0,s.Y)("ButtonGroupSection",b,e),w=(0,l.I)({name:"ButtonGroupSection",props:n,classes:h,className:o,style:a,classNames:i,styles:d,unstyled:u,vars:m,varsResolver:x,rootSelector:"groupSection"});return(0,r.jsx)(c.a,{...w("groupSection"),ref:t,variant:p,...g})}));w.classes=h,w.displayName="@mantine/core/ButtonGroupSection";const N={in:{opacity:1,transform:`translate(-50%, calc(-50% + ${(0,o.D)(1)}))`},out:{opacity:0,transform:"translate(-50%, -200%)"},common:{transformOrigin:"center"},transitionProperty:"transform, opacity"},E={},C=(0,i.V)(((e,{radius:t,color:n,gradient:r,variant:o,size:i,justify:s,autoContrast:l})=>{const c=e.variantColorResolver({color:n||e.primaryColor,theme:e,gradient:r,variant:o||"filled",autoContrast:l});return{root:{"--button-justify":s,"--button-height":(0,a.YC)(i,"button-height"),"--button-padding-x":(0,a.YC)(i,"button-padding-x"),"--button-fz":i?.includes("compact")?(0,a.ny)(i.replace("compact-","")):(0,a.ny)(i),"--button-radius":void 0===t?void 0:(0,a.nJ)(t),"--button-bg":n||o?c.background:void 0,"--button-hover":n||o?c.hover:void 0,"--button-color":c.color,"--button-bd":n||o?c.border:void 0,"--button-hover-color":n||o?c.hoverColor:void 0}}})),S=(0,d.v)(((e,t)=>{const n=(0,s.Y)("Button",E,e),{style:o,vars:a,className:i,color:d,disabled:f,children:y,leftSection:v,rightSection:g,fullWidth:b,variant:x,radius:w,loading:S,loaderProps:M,gradient:j,classNames:k,styles:$,unstyled:D,"data-disabled":I,autoContrast:O,mod:L,...T}=n,P=(0,l.I)({name:"Button",props:n,classes:h,className:i,style:o,classNames:k,styles:$,unstyled:D,vars:a,varsResolver:C}),R=!!v,z=!!g;return(0,r.jsxs)(p.N,{ref:t,...P("root",{active:!f&&!S&&!I}),unstyled:D,variant:x,disabled:f||S,mod:[{disabled:f||I,loading:S,block:b,"with-left-section":R,"with-right-section":z},L],...T,children:[(0,r.jsx)(m.e,{mounted:!!S,transition:N,duration:150,children:e=>(0,r.jsx)(c.a,{component:"span",...P("loader",{style:e}),"aria-hidden":!0,children:(0,r.jsx)(u.a,{color:"var(--button-color)",size:"calc(var(--button-height) / 1.8)",...M})})}),(0,r.jsxs)("span",{...P("inner"),children:[v&&(0,r.jsx)(c.a,{component:"span",...P("section"),mod:{position:"left"},children:v}),(0,r.jsx)(c.a,{component:"span",mod:{loading:S},...P("label"),children:y}),g&&(0,r.jsx)(c.a,{component:"span",...P("section"),mod:{position:"right"},children:g})]})]})}));S.classes=h,S.displayName="@mantine/core/Button",S.Group=g,S.GroupSection=w},838459:(e,t,n)=>{function r(e){const t=function(e){return"string"==typeof e&&e.includes("var(--mantine-scale)")?e.match(/^calc\((.*?)\)$/)?.[1].split("*")[0].trim():e}(e);return"number"==typeof t?t:"string"==typeof t?t.includes("calc")||t.includes("var")?t:t.includes("px")?Number(t.replace("px","")):t.includes("rem")?16*Number(t.replace("rem","")):t.includes("em")?16*Number(t.replace("em","")):Number(t):NaN}n.d(t,{px:()=>r})},839268:(e,t,n)=>{n.d(t,{r:()=>f});var r=n(474848),o=n(951609),a=n(666192),i=n(402412),s=n(275795),l=n(345585),c=n(137055),d=n(746100);function u(e){const t=document.createElement("div");return t.setAttribute("data-portal","true"),"string"==typeof e.className&&t.classList.add(...e.className.split(" ").filter(Boolean)),"object"==typeof e.style&&Object.assign(t.style,e.style),"string"==typeof e.id&&t.setAttribute("id",e.id),t}const m={},p=(0,i.P9)(((e,t)=>{const{children:n,target:a,reuseTargetNode:i,...p}=(0,d.Y)("Portal",m,e),[f,h]=(0,o.useState)(!1),y=(0,o.useRef)(null);return(0,l.o)((()=>(h(!0),y.current=function({target:e,reuseTargetNode:t,...n}){if(e)return"string"==typeof e?document.querySelector(e)||u(n):e;if(t){const e=document.querySelector("[data-mantine-shared-portal-node]");if(e)return e;const t=u(n);return t.setAttribute("data-mantine-shared-portal-node","true"),document.body.appendChild(t),t}return u(n)}({target:a,reuseTargetNode:i,...p}),(0,c.bl)(t,y.current),a||i||!y.current||document.body.appendChild(y.current),()=>{a||i||!y.current||document.body.removeChild(y.current)})),[a]),f&&y.current?(0,s.createPortal)((0,r.jsx)(r.Fragment,{children:n}),y.current):null}));p.displayName="@mantine/core/Portal";const f=(0,i.P9)((({withinPortal:e=!0,children:t,...n},o)=>"test"!==(0,a.bv)()&&e?(0,r.jsx)(p,{ref:o,...n,children:t}):(0,r.jsx)(r.Fragment,{children:t})));f.displayName="@mantine/core/OptionalPortal"},864999:(e,t,n)=>{n.d(t,{Y:()=>f});var r=n(474848),o=n(951609),a=n(656324),i=n(759396),s=n(746100),l=n(652837),c=n(311507),d=n(402412),u={root:"m_4081bf90"};const m={preventGrowOverflow:!0,gap:"md",align:"center",justify:"flex-start",wrap:"wrap"},p=(0,i.V)(((e,{grow:t,preventGrowOverflow:n,gap:r,align:o,justify:i,wrap:s},{childWidth:l})=>({root:{"--group-child-width":t&&n?l:void 0,"--group-gap":(0,a.GY)(r),"--group-align":o,"--group-justify":i,"--group-wrap":s}}))),f=(0,d.P9)(((e,t)=>{const n=(0,s.Y)("Group",m,e),{classNames:i,className:d,style:f,styles:h,unstyled:y,children:v,gap:g,align:b,justify:x,wrap:w,grow:N,preventGrowOverflow:E,vars:C,variant:S,__size:M,mod:j,...k}=n,$=function(e){return o.Children.toArray(e).filter(Boolean)}(v),D=$.length,I=(0,a.GY)(g??"md"),O={childWidth:`calc(${100/D}% - (${I} - ${I} / ${D}))`},L=(0,l.I)({name:"Group",props:n,stylesCtx:O,className:d,style:f,classes:u,classNames:i,styles:h,unstyled:y,vars:C,varsResolver:p});return(0,r.jsx)(c.a,{...L("root"),ref:t,variant:S,mod:[{grow:N},j],size:M,...k,children:$})}));f.classes=u,f.displayName="@mantine/core/Group"},883974:(e,t,n)=>{n.d(t,{C:()=>o});var r=n(951609);function o(){return`__m__-${(0,r.useId)().replace(/:/g,"")}`}},901518:(e,t,n)=>{function r(e){return e&&"object"==typeof e&&!Array.isArray(e)}function o(e,t){const n={...e},a=t;return r(e)&&r(t)&&Object.keys(t).forEach((t=>{r(a[t])?n[t]=t in e?o(n[t],a[t]):a[t]:n[t]=a[t]})),n}n.d(t,{$:()=>o})},909543:(e,t,n)=>{n.d(t,{_b:()=>l,$e:()=>c,__:()=>a,E$:()=>i});var r=n(45727),o=n(951609);const a=function(){let e={notifications:[],queue:[],defaultPosition:"bottom-right",limit:5},t=!1;const n=new Set;return{getState:()=>e,updateState(t){e="function"==typeof t?t(e):t},setState(t){this.updateState(t),n.forEach((t=>t(e)))},initialize(n){t||(e=n,t=!0)},subscribe:e=>(n.add(e),()=>n.delete(e))}}(),i=(e=a)=>function(e){return(0,o.useSyncExternalStore)(e.subscribe,(()=>e.getState()),(()=>e.getState()))}(e);function s(e,t){const n=e.getState(),r=function(e,t,n){const r=[],o=[],a={};for(const i of e){const e=i.position||t;a[e]=a[e]||0,a[e]+=1,a[e]<=n?o.push(i):r.push(i)}return{notifications:o,queue:r}}(t([...n.notifications,...n.queue]),n.defaultPosition,n.limit);e.setState({notifications:r.notifications,queue:r.queue,limit:n.limit,defaultPosition:n.defaultPosition})}function l(e,t=a){return s(t,(t=>t.filter((t=>t.id!==e||(t.onClose?.(t),!1))))),e}const c={show:function(e,t=a){const n=e.id||(0,r.z)();return s(t,(t=>e.id&&t.some((t=>t.id===e.id))?t:[...t,{...e,id:n}])),n},hide:l,update:function(e,t=a){return s(t,(t=>t.map((t=>t.id===e.id?{...t,...e}:t)))),e.id},clean:function(e=a){s(e,(()=>[]))},cleanQueue:function(e=a){s(e,(t=>t.slice(0,e.getState().limit)))},updateState:s}},917826:(e,t,n)=>{n.d(t,{E:()=>y});var r=n(474848),o=(n(951609),n(656324)),a=n(759396),i=n(86344),s=n(791752),l=n(746100),c=n(652837),d=n(311507),u=n(618639),m={root:"m_b6d8b162"};function p(e){return"start"===e?"start":"end"===e||e?"end":void 0}const f={inherit:!1},h=(0,a.V)(((e,{variant:t,lineClamp:n,gradient:r,size:a,color:l})=>({root:{"--text-fz":(0,o.ny)(a),"--text-lh":(0,o.ks)(a),"--text-gradient":"gradient"===t?(0,s.v)(r,e):void 0,"--text-line-clamp":"number"==typeof n?n.toString():void 0,"--text-color":l?(0,i.r)(l,e):void 0}}))),y=(0,u.v)(((e,t)=>{const n=(0,l.Y)("Text",f,e),{lineClamp:o,truncate:a,inline:i,inherit:s,gradient:u,span:y,__staticSelector:v,vars:g,className:b,style:x,classNames:w,styles:N,unstyled:E,variant:C,mod:S,size:M,...j}=n,k=(0,c.I)({name:["Text",v],props:n,classes:m,className:b,style:x,classNames:w,styles:N,unstyled:E,vars:g,varsResolver:h});return(0,r.jsx)(d.a,{...k("root",{focusable:!0}),ref:t,component:y?"span":"p",variant:C,mod:[{"data-truncate":p(a),"data-line-clamp":"number"==typeof o,"data-inline":i,"data-inherit":s},S],size:M,...j})}));y.classes=m,y.displayName="@mantine/core/Text"},924952:(e,t,n)=>{n.d(t,{a:()=>x});var r=n(474848),o=n(951609),a=n(656324),i=n(759396),s=n(86344),l=n(746100),c=n(652837),d=n(311507),u=n(402412),m=n(634164),p={root:"m_5ae2e3c",barsLoader:"m_7a2bd4cd",bar:"m_870bb79","bars-loader-animation":"m_5d2b3b9d",dotsLoader:"m_4e3f22d7",dot:"m_870c4af","loader-dots-animation":"m_aac34a1",ovalLoader:"m_b34414df","oval-loader-animation":"m_f8e89c4b"};const f=(0,o.forwardRef)((({className:e,...t},n)=>(0,r.jsxs)(d.a,{component:"span",className:(0,m.A)(p.barsLoader,e),...t,ref:n,children:[(0,r.jsx)("span",{className:p.bar}),(0,r.jsx)("span",{className:p.bar}),(0,r.jsx)("span",{className:p.bar})]})));f.displayName="@mantine/core/Bars";const h=(0,o.forwardRef)((({className:e,...t},n)=>(0,r.jsxs)(d.a,{component:"span",className:(0,m.A)(p.dotsLoader,e),...t,ref:n,children:[(0,r.jsx)("span",{className:p.dot}),(0,r.jsx)("span",{className:p.dot}),(0,r.jsx)("span",{className:p.dot})]})));h.displayName="@mantine/core/Dots";const y=(0,o.forwardRef)((({className:e,...t},n)=>(0,r.jsx)(d.a,{component:"span",className:(0,m.A)(p.ovalLoader,e),...t,ref:n})));y.displayName="@mantine/core/Oval";const v={bars:f,oval:y,dots:h},g={loaders:v,type:"oval"},b=(0,i.V)(((e,{size:t,color:n})=>({root:{"--loader-size":(0,a.YC)(t,"loader-size"),"--loader-color":n?(0,s.r)(n,e):void 0}}))),x=(0,u.P9)(((e,t)=>{const n=(0,l.Y)("Loader",g,e),{size:o,color:a,type:i,vars:s,className:u,style:m,classNames:f,styles:h,unstyled:y,loaders:v,variant:x,children:w,...N}=n,E=(0,c.I)({name:"Loader",props:n,classes:p,className:u,style:m,classNames:f,styles:h,unstyled:y,vars:s,varsResolver:b});return w?(0,r.jsx)(d.a,{...E("root"),ref:t,...N,children:w}):(0,r.jsx)(d.a,{...E("root"),ref:t,component:v[i],variant:x,size:o,...N})}));x.defaultLoaders=v,x.classes=p,x.displayName="@mantine/core/Loader"},951609:e=>{e.exports=window.React},966284:(e,t,n)=>{n.d(t,{B:()=>s});var r=n(951609),o=n(345585),a=n(45727);const i=r["useId".toString()]||(()=>{});function s(e){const t=function(){const e=i();return e?`mantine-${e.replace(/:/g,"")}`:""}(),[n,s]=(0,r.useState)(t);return(0,o.o)((()=>{s((0,a.z)())}),[]),"string"==typeof e?e:"undefined"==typeof window?t:n}},986087:e=>{e.exports=window.wp.element}},a={};function i(e){var t=a[e];if(void 0!==t)return t.exports;var n=a[e]={exports:{}};return o[e].call(n.exports,n,n.exports,i),n.exports}i.m=o,i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,i.t=function(n,r){if(1&r&&(n=this(n)),8&r)return n;if("object"==typeof n&&n){if(4&r&&n.__esModule)return n;if(16&r&&"function"==typeof n.then)return n}var o=Object.create(null);i.r(o);var a={};e=e||[null,t({}),t([]),t(t)];for(var s=2&r&&n;"object"==typeof s&&!~e.indexOf(s);s=t(s))Object.getOwnPropertyNames(s).forEach((e=>a[e]=()=>n[e]));return a.default=()=>n,i.d(o,a),o},i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,n)=>(i.f[n](e,t),t)),[])),i.u=e=>e+".js",i.miniCssF=e=>e+".css",i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n={},r="frontend:",i.l=(e,t,o,a)=>{if(n[e])n[e].push(t);else{var s,l;if(void 0!==o)for(var c=document.getElementsByTagName("script"),d=0;d<c.length;d++){var u=c[d];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==r+o){s=u;break}}s||(l=!0,(s=document.createElement("script")).charset="utf-8",s.timeout=120,i.nc&&s.setAttribute("nonce",i.nc),s.setAttribute("data-webpack",r+o),s.src=e),n[e]=[t];var m=(t,r)=>{s.onerror=s.onload=null,clearTimeout(p);var o=n[e];if(delete n[e],s.parentNode&&s.parentNode.removeChild(s),o&&o.forEach((e=>e(r))),t)return t(r)},p=setTimeout(m.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=m.bind(null,s.onerror),s.onload=m.bind(null,s.onload),l&&document.head.appendChild(s)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;i.g.importScripts&&(e=i.g.location+"");var t=i.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var n=t.getElementsByTagName("script");if(n.length)for(var r=n.length-1;r>-1&&(!e||!/^http(s?):/.test(e));)e=n[r--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),i.p=e})(),(()=>{if("undefined"!=typeof document){var e={57:0};i.f.miniCss=(t,n)=>{e[t]?n.push(e[t]):0!==e[t]&&{176:1,633:1,691:1,746:1,943:1}[t]&&n.push(e[t]=(e=>new Promise(((t,n)=>{var r=i.miniCssF(e),o=i.p+r;if(((e,t)=>{for(var n=document.getElementsByTagName("link"),r=0;r<n.length;r++){var o=(i=n[r]).getAttribute("data-href")||i.getAttribute("href");if("stylesheet"===i.rel&&(o===e||o===t))return i}var a=document.getElementsByTagName("style");for(r=0;r<a.length;r++){var i;if((o=(i=a[r]).getAttribute("data-href"))===e||o===t)return i}})(r,o))return t();((e,t,n,r,o)=>{var a=document.createElement("link");a.rel="stylesheet",a.type="text/css",i.nc&&(a.nonce=i.nc),a.onerror=a.onload=n=>{if(a.onerror=a.onload=null,"load"===n.type)r();else{var i=n&&n.type,s=n&&n.target&&n.target.href||t,l=new Error("Loading CSS chunk "+e+" failed.\n("+i+": "+s+")");l.name="ChunkLoadError",l.code="CSS_CHUNK_LOAD_FAILED",l.type=i,l.request=s,a.parentNode&&a.parentNode.removeChild(a),o(l)}},a.href=t,document.head.appendChild(a)})(e,o,0,t,n)})))(t).then((()=>{e[t]=0}),(n=>{throw delete e[t],n})))}}})(),(()=>{var e={57:0};i.f.j=(t,n)=>{var r=i.o(e,t)?e[t]:void 0;if(0!==r)if(r)n.push(r[2]);else{var o=new Promise(((n,o)=>r=e[t]=[n,o]));n.push(r[2]=o);var a=i.p+i.u(t),s=new Error;i.l(a,(n=>{if(i.o(e,t)&&(0!==(r=e[t])&&(e[t]=void 0),r)){var o=n&&("load"===n.type?"missing":n.type),a=n&&n.target&&n.target.src;s.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",s.name="ChunkLoadError",s.type=o,s.request=a,r[1](s)}}),"chunk-"+t,t)}};var t=(t,n)=>{var r,o,[a,s,l]=n,c=0;if(a.some((t=>0!==e[t]))){for(r in s)i.o(s,r)&&(i.m[r]=s[r]);l&&l(i)}for(t&&t(n);c<a.length;c++)o=a[c],i.o(e,o)&&e[o]&&e[o][0](),e[o]=0},n=globalThis.webpackChunkfrontend=globalThis.webpackChunkfrontend||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),i.nc=void 0;var s=i(951609),l=i.n(s),c=i(474848),d=i(531365),u=i(568690),m=i(45727),p=i(311507),f=i(864999),h=i(805055);const y=(0,s.createContext)(null);function v({id:e,cancelProps:t,confirmProps:n,labels:r={cancel:"",confirm:""},closeOnConfirm:o=!0,closeOnCancel:a=!0,groupProps:i,onCancel:l,onConfirm:d,children:u}){const{cancel:m,confirm:v}=r,g=function(){const e=(0,s.useContext)(y);if(!e)throw new Error("[@mantine/modals] useModals hook was called outside of context, wrap your app with ModalsProvider component");return e}();return(0,c.jsxs)(c.Fragment,{children:[u&&(0,c.jsx)(p.a,{mb:"md",children:u}),(0,c.jsxs)(f.Y,{mt:u?0:"md",justify:"flex-end",...i,children:[(0,c.jsx)(h.$,{variant:"default",...t,onClick:n=>{"function"==typeof t?.onClick&&t?.onClick(n),"function"==typeof l&&l(),a&&g.closeModal(e)},children:t?.children||m}),(0,c.jsx)(h.$,{...n,onClick:t=>{"function"==typeof n?.onClick&&n?.onClick(t),"function"==typeof d&&d(),o&&g.closeModal(e)},children:n?.children||v})]})]})}y.displayName="@mantine/modals/ModalsContext";var g=i(658335);function b(e,t){t&&"confirm"===e.type&&e.props.onCancel?.(),e.props.onClose?.()}function x(e,t){switch(t.type){case"OPEN":return{current:t.modal,modals:[...e.modals,t.modal]};case"CLOSE":{const n=e.modals.find((e=>e.id===t.modalId));if(!n)return e;b(n,t.canceled);const r=e.modals.filter((e=>e.id!==t.modalId));return{current:r[r.length-1]||e.current,modals:r}}case"CLOSE_ALL":return e.modals.length?(e.modals.concat().reverse().forEach((e=>{b(e,t.canceled)})),{current:e.current,modals:[]}):e;case"UPDATE":{const{modalId:n,newProps:r}=t,o=e.modals.map((e=>e.id!==n?e:"content"===e.type||"confirm"===e.type?{...e,props:{...e.props,...r}}:"context"===e.type?{...e,props:{...e.props,...r,innerProps:{...e.props.innerProps,...r.innerProps}}}:e)),a=e.current?.id===n&&o.find((e=>e.id===n))||e.current;return{...e,modals:o,current:a}}default:return e}}var w=i(141670),N=i(69019),E=i(531074),C=i(917826);function S(e){return"auto"===e||"dark"===e||"light"===e}function M({key:e="mantine-color-scheme-value"}={}){let t;return{get:t=>{if("undefined"==typeof window)return t;try{const n=window.localStorage.getItem(e);return S(n)?n:t}catch{return t}},set:t=>{try{window.localStorage.setItem(e,t)}catch(e){console.warn("[@mantine/core] Local storage color scheme manager was unable to save color scheme.",e)}},subscribe:n=>{t=t=>{t.storageArea===window.localStorage&&t.key===e&&S(t.newValue)&&n(t.newValue)},window.addEventListener("storage",t)},unsubscribe:()=>{window.removeEventListener("storage",t)},clear:()=>{window.localStorage.removeItem(e)}}}var j=i(666192),k=i(403052),$=i(838459),D=i(288149),I=i(801101);function O(){const e=(0,I.xd)(),t=(0,j.WV)(),n=(0,k.H)(e.breakpoints).reduce(((t,n)=>{const r=e.breakpoints[n].includes("px"),o=(0,$.px)(e.breakpoints[n]);return`${t}@media (max-width: ${r?o-.1+"px":(0,D.em)(o-.1)}) {.mantine-visible-from-${n} {display: none !important;}}@media (min-width: ${r?`${o}px`:(0,D.em)(o)}) {.mantine-hidden-from-${n} {display: none !important;}}`}),"");return(0,c.jsx)("style",{"data-mantine-styles":"classes",nonce:t?.(),dangerouslySetInnerHTML:{__html:n}})}function L(e){return Object.entries(e).map((([e,t])=>`${e}: ${t};`)).join("")}function T(e,t){return(Array.isArray(e)?e:[e]).reduce(((e,t)=>`${t}{${e}}`),t)}var P=i(901518),R=i(480684),z=i(55488),A=i(197170);function _({theme:e,color:t,colorScheme:n,name:r=t,withColorValues:o=!0}){if(!e.colors[t])return{};if("light"===n){const n=(0,R.g)(e,"light"),a={[`--mantine-color-${r}-text`]:`var(--mantine-color-${r}-filled)`,[`--mantine-color-${r}-filled`]:`var(--mantine-color-${r}-${n})`,[`--mantine-color-${r}-filled-hover`]:`var(--mantine-color-${r}-${9===n?8:n+1})`,[`--mantine-color-${r}-light`]:(0,A.X)(e.colors[t][n],.1),[`--mantine-color-${r}-light-hover`]:(0,A.X)(e.colors[t][n],.12),[`--mantine-color-${r}-light-color`]:`var(--mantine-color-${r}-${n})`,[`--mantine-color-${r}-outline`]:`var(--mantine-color-${r}-${n})`,[`--mantine-color-${r}-outline-hover`]:(0,A.X)(e.colors[t][n],.05)};return o?{[`--mantine-color-${r}-0`]:e.colors[t][0],[`--mantine-color-${r}-1`]:e.colors[t][1],[`--mantine-color-${r}-2`]:e.colors[t][2],[`--mantine-color-${r}-3`]:e.colors[t][3],[`--mantine-color-${r}-4`]:e.colors[t][4],[`--mantine-color-${r}-5`]:e.colors[t][5],[`--mantine-color-${r}-6`]:e.colors[t][6],[`--mantine-color-${r}-7`]:e.colors[t][7],[`--mantine-color-${r}-8`]:e.colors[t][8],[`--mantine-color-${r}-9`]:e.colors[t][9],...a}:a}const a=(0,R.g)(e,"dark"),i={[`--mantine-color-${r}-text`]:`var(--mantine-color-${r}-4)`,[`--mantine-color-${r}-filled`]:`var(--mantine-color-${r}-${a})`,[`--mantine-color-${r}-filled-hover`]:`var(--mantine-color-${r}-${9===a?8:a+1})`,[`--mantine-color-${r}-light`]:(0,A.X)(e.colors[t][Math.max(0,a-2)],.15),[`--mantine-color-${r}-light-hover`]:(0,A.X)(e.colors[t][Math.max(0,a-2)],.2),[`--mantine-color-${r}-light-color`]:`var(--mantine-color-${r}-${Math.max(a-5,0)})`,[`--mantine-color-${r}-outline`]:`var(--mantine-color-${r}-${Math.max(a-4,0)})`,[`--mantine-color-${r}-outline-hover`]:(0,A.X)(e.colors[t][Math.max(a-4,0)],.05)};return o?{[`--mantine-color-${r}-0`]:e.colors[t][0],[`--mantine-color-${r}-1`]:e.colors[t][1],[`--mantine-color-${r}-2`]:e.colors[t][2],[`--mantine-color-${r}-3`]:e.colors[t][3],[`--mantine-color-${r}-4`]:e.colors[t][4],[`--mantine-color-${r}-5`]:e.colors[t][5],[`--mantine-color-${r}-6`]:e.colors[t][6],[`--mantine-color-${r}-7`]:e.colors[t][7],[`--mantine-color-${r}-8`]:e.colors[t][8],[`--mantine-color-${r}-9`]:e.colors[t][9],...i}:i}function B(e,t,n){(0,k.H)(t).forEach((r=>Object.assign(e,{[`--mantine-${n}-${r}`]:t[r]})))}const Y=e=>{const t=(0,R.g)(e,"light"),n=e.defaultRadius in e.radius?e.radius[e.defaultRadius]:(0,D.D)(e.defaultRadius),r={variables:{"--mantine-scale":e.scale.toString(),"--mantine-cursor-type":e.cursorType,"--mantine-color-scheme":"light dark","--mantine-webkit-font-smoothing":e.fontSmoothing?"antialiased":"unset","--mantine-moz-font-smoothing":e.fontSmoothing?"grayscale":"unset","--mantine-color-white":e.white,"--mantine-color-black":e.black,"--mantine-line-height":e.lineHeights.md,"--mantine-font-family":e.fontFamily,"--mantine-font-family-monospace":e.fontFamilyMonospace,"--mantine-font-family-headings":e.headings.fontFamily,"--mantine-heading-font-weight":e.headings.fontWeight,"--mantine-heading-text-wrap":e.headings.textWrap,"--mantine-radius-default":n,"--mantine-primary-color-filled":`var(--mantine-color-${e.primaryColor}-filled)`,"--mantine-primary-color-filled-hover":`var(--mantine-color-${e.primaryColor}-filled-hover)`,"--mantine-primary-color-light":`var(--mantine-color-${e.primaryColor}-light)`,"--mantine-primary-color-light-hover":`var(--mantine-color-${e.primaryColor}-light-hover)`,"--mantine-primary-color-light-color":`var(--mantine-color-${e.primaryColor}-light-color)`},light:{"--mantine-primary-color-contrast":(0,z.g)(e,"light"),"--mantine-color-bright":"var(--mantine-color-black)","--mantine-color-text":e.black,"--mantine-color-body":e.white,"--mantine-color-error":"var(--mantine-color-red-6)","--mantine-color-placeholder":"var(--mantine-color-gray-5)","--mantine-color-anchor":`var(--mantine-color-${e.primaryColor}-${t})`,"--mantine-color-default":"var(--mantine-color-white)","--mantine-color-default-hover":"var(--mantine-color-gray-0)","--mantine-color-default-color":"var(--mantine-color-black)","--mantine-color-default-border":"var(--mantine-color-gray-4)","--mantine-color-dimmed":"var(--mantine-color-gray-6)"},dark:{"--mantine-primary-color-contrast":(0,z.g)(e,"dark"),"--mantine-color-bright":"var(--mantine-color-white)","--mantine-color-text":"var(--mantine-color-dark-0)","--mantine-color-body":"var(--mantine-color-dark-7)","--mantine-color-error":"var(--mantine-color-red-8)","--mantine-color-placeholder":"var(--mantine-color-dark-3)","--mantine-color-anchor":`var(--mantine-color-${e.primaryColor}-4)`,"--mantine-color-default":"var(--mantine-color-dark-6)","--mantine-color-default-hover":"var(--mantine-color-dark-5)","--mantine-color-default-color":"var(--mantine-color-white)","--mantine-color-default-border":"var(--mantine-color-dark-4)","--mantine-color-dimmed":"var(--mantine-color-dark-2)"}};B(r.variables,e.breakpoints,"breakpoint"),B(r.variables,e.spacing,"spacing"),B(r.variables,e.fontSizes,"font-size"),B(r.variables,e.lineHeights,"line-height"),B(r.variables,e.shadows,"shadow"),B(r.variables,e.radius,"radius"),e.colors[e.primaryColor].forEach(((t,n)=>{r.variables[`--mantine-primary-color-${n}`]=`var(--mantine-color-${e.primaryColor}-${n})`})),(0,k.H)(e.colors).forEach((t=>{const n=e.colors[t];if(function(e){return!!e&&"object"==typeof e&&"mantine-virtual-color"in e}(n))return Object.assign(r.light,_({theme:e,name:n.name,color:n.light,colorScheme:"light",withColorValues:!0})),void Object.assign(r.dark,_({theme:e,name:n.name,color:n.dark,colorScheme:"dark",withColorValues:!0}));n.forEach(((e,n)=>{r.variables[`--mantine-color-${t}-${n}`]=e})),Object.assign(r.light,_({theme:e,color:t,colorScheme:"light",withColorValues:!1})),Object.assign(r.dark,_({theme:e,color:t,colorScheme:"dark",withColorValues:!1}))}));const o=e.headings.sizes;return(0,k.H)(o).forEach((t=>{r.variables[`--mantine-${t}-font-size`]=o[t].fontSize,r.variables[`--mantine-${t}-line-height`]=o[t].lineHeight,r.variables[`--mantine-${t}-font-weight`]=o[t].fontWeight||e.headings.fontWeight})),r};var F=i(315304);const U=Y(F.S);function W({cssVariablesSelector:e,deduplicateCssVariables:t}){const n=(0,I.xd)(),r=(0,j.WV)(),o=function({theme:e,generator:t}){const n=Y(e),r=t?.(e);return r?(0,P.$)(n,r):n}({theme:n,generator:(0,j.OY)()}),a=":root"===e&&t,i=function(e,t){const n=L(e.variables),r=n?T(t,n):"",o=L(e.dark),a=L(e.light);return`${r}${o?T(":host"===t?`${t}([data-mantine-color-scheme="dark"])`:`${t}[data-mantine-color-scheme="dark"]`,o):""}${a?T(":host"===t?`${t}([data-mantine-color-scheme="light"])`:`${t}[data-mantine-color-scheme="light"]`,a):""}`}(a?function(e){const t={variables:{},light:{},dark:{}};return(0,k.H)(e.variables).forEach((n=>{U.variables[n]!==e.variables[n]&&(t.variables[n]=e.variables[n])})),(0,k.H)(e.light).forEach((n=>{U.light[n]!==e.light[n]&&(t.light[n]=e.light[n])})),(0,k.H)(e.dark).forEach((n=>{U.dark[n]!==e.dark[n]&&(t.dark[n]=e.dark[n])})),t}(o):o,e);return i?(0,c.jsx)("style",{"data-mantine-styles":!0,nonce:r?.(),dangerouslySetInnerHTML:{__html:`${i}${a?"":(s=e,`\n  ${s}[data-mantine-color-scheme="dark"] { --mantine-color-scheme: dark; }\n  ${s}[data-mantine-color-scheme="light"] { --mantine-color-scheme: light; }\n`)}`}}):null;var s}W.displayName="@mantine/CssVariables";var H=i(345585);function V(e,t){const n="undefined"!=typeof window&&"matchMedia"in window&&window.matchMedia("(prefers-color-scheme: dark)")?.matches,r="auto"!==e?e:n?"dark":"light";t()?.setAttribute("data-mantine-color-scheme",r)}function G({theme:e,children:t,getStyleNonce:n,withStaticClasses:r=!0,withGlobalClasses:o=!0,deduplicateCssVariables:a=!0,withCssVariables:i=!0,cssVariablesSelector:l=":root",classNamesPrefix:d="mantine",colorSchemeManager:u=M(),defaultColorScheme:m="light",getRootElement:p=()=>document.documentElement,cssVariablesResolver:f,forceColorScheme:h,stylesTransform:y,env:v}){const{colorScheme:g,setColorScheme:b,clearColorScheme:x}=function({manager:e,defaultColorScheme:t,getRootElement:n,forceColorScheme:r}){const o=(0,s.useRef)(null),[a,i]=(0,s.useState)((()=>e.get(t))),l=r||a,c=(0,s.useCallback)((t=>{r||(V(t,n),i(t),e.set(t))}),[e.set,l,r]),d=(0,s.useCallback)((()=>{i(t),V(t,n),e.clear()}),[e.clear,t]);return(0,s.useEffect)((()=>(e.subscribe(c),e.unsubscribe)),[e.subscribe,e.unsubscribe]),(0,H.o)((()=>{V(e.get(t),n)}),[]),(0,s.useEffect)((()=>{if(r)return V(r,n),()=>{};void 0===r&&V(a,n),"undefined"!=typeof window&&"matchMedia"in window&&(o.current=window.matchMedia("(prefers-color-scheme: dark)"));const e=e=>{"auto"===a&&V(e.matches?"dark":"light",n)};return o.current?.addEventListener("change",e),()=>o.current?.removeEventListener("change",e)}),[a,r]),{colorScheme:l,setColorScheme:c,clearColorScheme:d}}({defaultColorScheme:m,forceColorScheme:h,manager:u,getRootElement:p});return function({respectReducedMotion:e,getRootElement:t}){(0,H.o)((()=>{e&&t()?.setAttribute("data-respect-reduced-motion","true")}),[e])}({respectReducedMotion:e?.respectReducedMotion||!1,getRootElement:p}),(0,c.jsx)(j.A$.Provider,{value:{colorScheme:g,setColorScheme:b,clearColorScheme:x,getRootElement:p,classNamesPrefix:d,getStyleNonce:n,cssVariablesResolver:f,cssVariablesSelector:l,withStaticClasses:r,stylesTransform:y,env:v},children:(0,c.jsxs)(I.nW,{theme:e,children:[i&&(0,c.jsx)(W,{cssVariablesSelector:l,deduplicateCssVariables:a}),o&&(0,c.jsx)(O,{}),t]})})}!function(){const e=console.error;console.error=(...t)=>{t.length>1&&"string"==typeof t[0]&&t[0].toLowerCase().includes("extra attributes from the server")&&"string"==typeof t[1]&&t[1].toLowerCase().includes("data-mantine-color-scheme")||e(...t)}}(),G.displayName="@mantine/core/MantineProvider";var Q=i(198587);function Z(e,t){return Z=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Z(e,t)}function X(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Z(e,t)}var J=i(275795),q=i.n(J);const K=l().createContext(null);var ee="unmounted",te="exited",ne="entering",re="entered",oe="exiting",ae=function(e){function t(t,n){var r;r=e.call(this,t,n)||this;var o,a=n&&!n.isMounting?t.enter:t.appear;return r.appearStatus=null,t.in?a?(o=te,r.appearStatus=ne):o=re:o=t.unmountOnExit||t.mountOnEnter?ee:te,r.state={status:o},r.nextCallback=null,r}X(t,e),t.getDerivedStateFromProps=function(e,t){return e.in&&t.status===ee?{status:te}:null};var n=t.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?n!==ne&&n!==re&&(t=ne):n!==ne&&n!==re||(t=oe)}this.updateStatus(!1,t)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var e,t,n,r=this.props.timeout;return e=t=n=r,null!=r&&"number"!=typeof r&&(e=r.exit,t=r.enter,n=void 0!==r.appear?r.appear:t),{exit:e,enter:t,appear:n}},n.updateStatus=function(e,t){if(void 0===e&&(e=!1),null!==t)if(this.cancelNextCallback(),t===ne){if(this.props.unmountOnExit||this.props.mountOnEnter){var n=this.props.nodeRef?this.props.nodeRef.current:q().findDOMNode(this);n&&function(e){e.scrollTop}(n)}this.performEnter(e)}else this.performExit();else this.props.unmountOnExit&&this.state.status===te&&this.setState({status:ee})},n.performEnter=function(e){var t=this,n=this.props.enter,r=this.context?this.context.isMounting:e,o=this.props.nodeRef?[r]:[q().findDOMNode(this),r],a=o[0],i=o[1],s=this.getTimeouts(),l=r?s.appear:s.enter;e||n?(this.props.onEnter(a,i),this.safeSetState({status:ne},(function(){t.props.onEntering(a,i),t.onTransitionEnd(l,(function(){t.safeSetState({status:re},(function(){t.props.onEntered(a,i)}))}))}))):this.safeSetState({status:re},(function(){t.props.onEntered(a)}))},n.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:q().findDOMNode(this);t?(this.props.onExit(r),this.safeSetState({status:oe},(function(){e.props.onExiting(r),e.onTransitionEnd(n.exit,(function(){e.safeSetState({status:te},(function(){e.props.onExited(r)}))}))}))):this.safeSetState({status:te},(function(){e.props.onExited(r)}))},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},n.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,t.nextCallback=null,e(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},n.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:q().findDOMNode(this),r=null==e&&!this.props.addEndListener;if(n&&!r){if(this.props.addEndListener){var o=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],a=o[0],i=o[1];this.props.addEndListener(a,i)}null!=e&&setTimeout(this.nextCallback,e)}else setTimeout(this.nextCallback,0)},n.render=function(){var e=this.state.status;if(e===ee)return null;var t=this.props,n=t.children,r=(t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef,(0,Q.A)(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return l().createElement(K.Provider,{value:null},"function"==typeof n?n(e,r):l().cloneElement(l().Children.only(n),r))},t}(l().Component);function ie(){}ae.contextType=K,ae.propTypes={},ae.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:ie,onEntering:ie,onEntered:ie,onExit:ie,onExiting:ie,onExited:ie},ae.UNMOUNTED=ee,ae.EXITED=te,ae.ENTERING=ne,ae.ENTERED=re,ae.EXITING=oe;const se=ae;var le=i(58168);function ce(e,t){var n=Object.create(null);return e&&s.Children.map(e,(function(e){return e})).forEach((function(e){n[e.key]=function(e){return t&&(0,s.isValidElement)(e)?t(e):e}(e)})),n}function de(e,t,n){return null!=n[t]?n[t]:e.props[t]}function ue(e,t,n){var r=ce(e.children),o=function(e,t){function n(n){return n in t?t[n]:e[n]}e=e||{},t=t||{};var r,o=Object.create(null),a=[];for(var i in e)i in t?a.length&&(o[i]=a,a=[]):a.push(i);var s={};for(var l in t){if(o[l])for(r=0;r<o[l].length;r++){var c=o[l][r];s[o[l][r]]=n(c)}s[l]=n(l)}for(r=0;r<a.length;r++)s[a[r]]=n(a[r]);return s}(t,r);return Object.keys(o).forEach((function(a){var i=o[a];if((0,s.isValidElement)(i)){var l=a in t,c=a in r,d=t[a],u=(0,s.isValidElement)(d)&&!d.props.in;!c||l&&!u?c||!l||u?c&&l&&(0,s.isValidElement)(d)&&(o[a]=(0,s.cloneElement)(i,{onExited:n.bind(null,i),in:d.props.in,exit:de(i,"exit",e),enter:de(i,"enter",e)})):o[a]=(0,s.cloneElement)(i,{in:!1}):o[a]=(0,s.cloneElement)(i,{onExited:n.bind(null,i),in:!0,exit:de(i,"exit",e),enter:de(i,"enter",e)})}})),o}var me=Object.values||function(e){return Object.keys(e).map((function(t){return e[t]}))},pe=function(e){function t(t,n){var r,o=(r=e.call(this,t,n)||this).handleExited.bind(function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(r));return r.state={contextValue:{isMounting:!0},handleExited:o,firstRender:!0},r}X(t,e);var n=t.prototype;return n.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},n.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(e,t){var n,r,o=t.children,a=t.handleExited;return{children:t.firstRender?(n=e,r=a,ce(n.children,(function(e){return(0,s.cloneElement)(e,{onExited:r.bind(null,e),in:!0,appear:de(e,"appear",n),enter:de(e,"enter",n),exit:de(e,"exit",n)})}))):ue(e,o,a),firstRender:!1}},n.handleExited=function(e,t){var n=ce(this.props.children);e.key in n||(e.props.onExited&&e.props.onExited(t),this.mounted&&this.setState((function(t){var n=(0,le.A)({},t.children);return delete n[e.key],{children:n}})))},n.render=function(){var e=this.props,t=e.component,n=e.childFactory,r=(0,Q.A)(e,["component","childFactory"]),o=this.state.contextValue,a=me(this.state.children).map(n);return delete r.appear,delete r.enter,delete r.exit,null===t?l().createElement(K.Provider,{value:o},a):l().createElement(K.Provider,{value:o},l().createElement(t,r,a))},t}(l().Component);pe.propTypes={},pe.defaultProps={component:"div",childFactory:function(e){return e}};const fe=pe;var he=i(759396),ye=i(402412),ve=i(746100),ge=i(652837),be=i(839268),xe=i(274099);const we=e=>(e+1)%1e6;var Ne=i(636311),Ee=i(500297);const Ce=["bottom-center","bottom-left","bottom-right","top-center","top-left","top-right"],Se={left:"translateX(-100%)",right:"translateX(100%)","top-center":"translateY(-100%)","bottom-center":"translateY(100%)"},Me={left:"translateX(0)",right:"translateX(0)","top-center":"translateY(0)","bottom-center":"translateY(0)"};function je({state:e,maxHeight:t,position:n,transitionDuration:r}){const[o,a]=n.split("-"),i="center"===a?`${o}-center`:a,s={opacity:1,transform:Me[i]},l={opacity:0,maxHeight:0,transform:Se[i]};return{opacity:0,maxHeight:t,transform:Se[i],transitionDuration:`${r}ms, ${r}ms, ${r}ms`,transitionTimingFunction:"cubic-bezier(.51,.3,0,1.21), cubic-bezier(.51,.3,0,1.21), linear",transitionProperty:"opacity, transform, max-height",...{entering:s,entered:s,exiting:l,exited:l}[e]}}var ke=i(656324),$e=i(86344),De=i(580355),Ie=i(924952),Oe={root:"m_a513464",icon:"m_a4ceffb",loader:"m_b0920b15",body:"m_a49ed24",title:"m_3feedf16",description:"m_3d733a3a",closeButton:"m_919a4d88"};const Le={withCloseButton:!0},Te=(0,he.V)(((e,{radius:t,color:n})=>({root:{"--notification-radius":void 0===t?void 0:(0,ke.nJ)(t),"--notification-color":n?(0,$e.r)(n,e):void 0}}))),Pe=(0,ye.P9)(((e,t)=>{const n=(0,ve.Y)("Notification",Le,e),{className:r,color:o,radius:a,loading:i,withCloseButton:s,withBorder:l,title:d,icon:u,children:m,onClose:f,closeButtonProps:h,classNames:y,style:v,styles:g,unstyled:b,variant:x,vars:w,mod:N,loaderProps:E,...C}=n,S=(0,ge.I)({name:"Notification",classes:Oe,props:n,className:r,style:v,classNames:y,styles:g,unstyled:b,vars:w,varsResolver:Te});return(0,c.jsxs)(p.a,{...S("root"),mod:[{"data-with-icon":!!u||i,"data-with-border":l},N],ref:t,variant:x,...C,role:"alert",children:[u&&!i&&(0,c.jsx)("div",{...S("icon"),children:u}),i&&(0,c.jsx)(Ie.a,{size:28,color:o,...E,...S("loader")}),(0,c.jsxs)("div",{...S("body"),children:[d&&(0,c.jsx)("div",{...S("title"),children:d}),(0,c.jsx)(p.a,{...S("description"),mod:{"data-with-title":!!d},children:m})]}),s&&(0,c.jsx)(De.J,{iconSize:16,color:"gray",...h,unstyled:b,onClick:f,...S("closeButton")})]})}));Pe.classes=Oe,Pe.displayName="@mantine/core/Notification";const Re=(0,s.forwardRef)((({data:e,onHide:t,autoClose:n,...r},o)=>{const{autoClose:a,message:i,...l}=e,d=function(e,t){return"number"==typeof t?t:!1!==t&&!1!==e&&e}(n,e.autoClose),u=(0,s.useRef)(-1),m=()=>window.clearTimeout(u.current),p=()=>{t(e.id),m()},f=()=>{"number"==typeof d&&(u.current=window.setTimeout(p,d))};return(0,s.useEffect)((()=>{e.onOpen?.(e)}),[]),(0,s.useEffect)((()=>(f(),m)),[d]),(0,c.jsx)(Pe,{...r,...l,onClose:p,ref:o,onMouseEnter:m,onMouseLeave:f,children:i})}));Re.displayName="@mantine/notifications/NotificationContainer";var ze=i(909543),Ae={root:"m_b37d9ac7",notification:"m_5ed0edd0"};const _e=se,Be={position:"bottom-right",autoClose:4e3,transitionDuration:250,containerWidth:440,notificationMaxHeight:200,limit:5,zIndex:(0,u.I)("overlay"),store:ze.__,withinPortal:!0},Ye=(0,he.V)(((e,{zIndex:t,containerWidth:n})=>({root:{"--notifications-z-index":t?.toString(),"--notifications-container-width":(0,D.D)(n)}}))),Fe=(0,ye.P9)(((e,t)=>{const n=(0,ve.Y)("Notifications",Be,e),{classNames:r,className:o,style:a,styles:i,unstyled:l,vars:d,position:u,autoClose:m,transitionDuration:f,containerWidth:h,notificationMaxHeight:y,limit:v,zIndex:g,store:b,portalProps:x,withinPortal:w,...N}=n,E=(0,I.xd)(),C=(0,ze.E$)(b),S=function(){const[,e]=(0,s.useReducer)(we,0);return e}(),M=(0,Ne.I)(),j=(0,s.useRef)({}),k=(0,s.useRef)(0),$=E.respectReducedMotion&&M?1:f,D=(0,ge.I)({name:"Notifications",classes:Ae,props:n,className:o,style:a,classNames:r,styles:i,unstyled:l,vars:d,varsResolver:Ye});(0,s.useEffect)((()=>{b?.updateState((e=>({...e,limit:v||5,defaultPosition:u})))}),[v,u]),(0,Ee.C)((()=>{C.notifications.length>k.current&&setTimeout((()=>S()),0),k.current=C.notifications.length}),[C.notifications]);const O=(L=C.notifications,T=u,L.reduce(((e,t)=>(e[t.position||T].push(t),e)),Ce.reduce(((e,t)=>(e[t]=[],e)),{})));var L,T;const P=Ce.reduce(((e,t)=>(e[t]=O[t].map((({style:e,...n})=>(0,c.jsx)(_e,{timeout:$,onEnter:()=>j.current[n.id].offsetHeight,nodeRef:{current:j.current[n.id]},children:r=>(0,c.jsx)(Re,{ref:e=>{j.current[n.id]=e},data:n,onHide:e=>(0,ze._b)(e,b),autoClose:m,...D("notification",{style:{...je({state:r,position:t,transitionDuration:$,maxHeight:y}),...e}})})},n.id))),e)),{});return(0,c.jsxs)(be.r,{withinPortal:w,...x,children:[(0,c.jsx)(p.a,{...D("root"),"data-position":"top-center",ref:t,...N,children:(0,c.jsx)(fe,{children:P["top-center"]})}),(0,c.jsx)(p.a,{...D("root"),"data-position":"top-left",...N,children:(0,c.jsx)(fe,{children:P["top-left"]})}),(0,c.jsx)(p.a,{...D("root",{className:xe.A.classNames.fullWidth}),"data-position":"top-right",...N,children:(0,c.jsx)(fe,{children:P["top-right"]})}),(0,c.jsx)(p.a,{...D("root",{className:xe.A.classNames.fullWidth}),"data-position":"bottom-right",...N,children:(0,c.jsx)(fe,{children:P["bottom-right"]})}),(0,c.jsx)(p.a,{...D("root"),"data-position":"bottom-left",...N,children:(0,c.jsx)(fe,{children:P["bottom-left"]})}),(0,c.jsx)(p.a,{...D("root"),"data-position":"bottom-center",...N,children:(0,c.jsx)(fe,{children:P["bottom-center"]})})]})}));Fe.classes=Ae,Fe.displayName="@mantine/notifications/Notifications",Fe.show=ze.$e.show,Fe.hide=ze.$e.hide,Fe.update=ze.$e.update,Fe.clean=ze.$e.clean,Fe.cleanQueue=ze.$e.cleanQueue,Fe.updateState=ze.$e.updateState;var Ue=i(247767),We=i(545588);new Set(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]);try{window.__reactRouterVersion="6"}catch(e){}new Map;const He=s.startTransition;var Ve,Ge;J.flushSync,s.useId,"undefined"!=typeof window&&void 0!==window.document&&window.document.createElement,function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"}(Ve||(Ve={})),function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"}(Ge||(Ge={}));var Qe=i(986087);const{render:Ze}=wp.element;document.getElementById("appza-builder").setAttribute("style","overflow: hidden !important"),document.getElementById("adminmenumain").classList.add("folded"),document.getElementById("wpadminbar")&&document.getElementById("wpadminbar").remove(),document.getElementById("wpfooter")&&document.getElementById("wpfooter").remove(),document.getElementById("wpcontent").setAttribute("style","margin-left: 36px !important; padding-left: 0px !important"),document.getElementById("wpbody-content").setAttribute("style","padding-bottom: 0px !important"),document.getElementsByClassName("wp-toolbar")[0].style.paddingTop="0px";const Xe=(0,Qe.lazy)((()=>Promise.all([i.e(168),i.e(176)]).then(i.bind(i,230209))));document.getElementById("appza-builder")&&Ze((0,s.createElement)((function(e){let{basename:t,children:n,future:r,window:o}=e,a=s.useRef();null==a.current&&(a.current=(0,We.TM)({window:o,v5Compat:!0}));let i=a.current,[l,c]=s.useState({action:i.action,location:i.location}),{v7_startTransition:d}=r||{},u=s.useCallback((e=>{d&&He?He((()=>c(e))):c(e)}),[c,d]);return s.useLayoutEffect((()=>i.listen(u)),[i,u]),s.useEffect((()=>(0,Ue.V8)(r)),[r]),s.createElement(Ue.Ix,{basename:t,children:n,location:l.location,navigationType:l.action,navigator:i,future:r})}),null,(0,s.createElement)(G,{theme:{primaryColor:"orange",fontFamily:"Open Sans, sans-serif"},classNamesPrefix:"appza-builder"},(0,s.createElement)(Fe,null),(0,s.createElement)((function({children:e,modalProps:t,labels:n,modals:r}){const[o,a]=(0,s.useReducer)(x,{modals:[],current:null}),i=(0,s.useRef)(o);i.current=o;const l=(0,s.useCallback)((e=>{a({type:"CLOSE_ALL",canceled:e})}),[i,a]),p=(0,s.useCallback)((({modalId:e,...t})=>{const n=e||(0,m.z)();return a({type:"OPEN",modal:{id:n,type:"content",props:t}}),n}),[a]),f=(0,s.useCallback)((({modalId:e,...t})=>{const n=e||(0,m.z)();return a({type:"OPEN",modal:{id:n,type:"confirm",props:t}}),n}),[a]),h=(0,s.useCallback)(((e,{modalId:t,...n})=>{const r=t||(0,m.z)();return a({type:"OPEN",modal:{id:r,type:"context",props:n,ctx:e}}),r}),[a]),b=(0,s.useCallback)(((e,t)=>{a({type:"CLOSE",modalId:e,canceled:t})}),[i,a]),w=(0,s.useCallback)((({modalId:e,...t})=>{a({type:"UPDATE",modalId:e,newProps:t})}),[a]),N=(0,s.useCallback)((({modalId:e,...t})=>{a({type:"UPDATE",modalId:e,newProps:t})}),[a]);(0,g.Fj)({openModal:p,openConfirmModal:f,openContextModal:({modal:e,...t})=>h(e,t),closeModal:b,closeContextModal:b,closeAllModals:l,updateModal:w,updateContextModal:N});const E={modalProps:t||{},modals:o.modals,openModal:p,openConfirmModal:f,openContextModal:h,closeModal:b,closeContextModal:b,closeAll:l,updateModal:w,updateContextModal:N},{modalProps:C,content:S}=(()=>{const e=i.current.current;switch(e?.type){case"context":{const{innerProps:t,...n}=e.props,o=r[e.ctx];return{modalProps:n,content:(0,c.jsx)(o,{innerProps:t,context:E,id:e.id})}}case"confirm":{const{modalProps:t,confirmProps:r}=function(e){if(!e)return{confirmProps:{},modalProps:{}};const{id:t,children:n,onCancel:r,onConfirm:o,closeOnConfirm:a,closeOnCancel:i,cancelProps:s,confirmProps:l,groupProps:c,labels:d,...u}=e;return{confirmProps:{id:t,children:n,onCancel:r,onConfirm:o,closeOnConfirm:a,closeOnCancel:i,cancelProps:s,confirmProps:l,groupProps:c,labels:d},modalProps:{id:t,...u}}}(e.props);return{modalProps:t,content:(0,c.jsx)(v,{...r,id:e.id,labels:e.props.labels||n})}}case"content":{const{children:t,...n}=e.props;return{modalProps:n,content:t}}default:return{modalProps:{},content:null}}})();return(0,c.jsxs)(y.Provider,{value:E,children:[(0,c.jsx)(d.a,{zIndex:(0,u.I)("modal")+1,...t,...C,opened:o.modals.length>0,onClose:()=>b(o.current?.id),children:S}),e]})}),{labels:{confirm:"Submit",cancel:"Cancel"}},(0,s.createElement)(Qe.Suspense,{fallback:(0,s.createElement)((function(){return(0,s.createElement)(w.o,{h:"100vh"},(0,s.createElement)(N.B,{gap:"xs",align:"center"},(0,s.createElement)(E._,{className:"qwSFI47wjqaWsxCdLvFA",w:50,src:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjI1MnB4IiBoZWlnaHQ9IjI1MnB4IiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPGc+PHBhdGggc3R5bGU9Im9wYWNpdHk6MC45ODkiIGZpbGw9IiNmNzkyMWQiIGQ9Ik0gMTE2LjUsLTAuNSBDIDEyMi41LC0wLjUgMTI4LjUsLTAuNSAxMzQuNSwtMC41QyAxODkuOTc5LDYuMTYzNjMgMjI3LjE0NiwzNS44MzAzIDI0Niw4OC41QyAyNDguNjA2LDk3LjgyODggMjUwLjQ0LDEwNy4xNjIgMjUxLjUsMTE2LjVDIDI1MS41LDEyMi41IDI1MS41LDEyOC41IDI1MS41LDEzNC41QyAyNDQuODM2LDE4OS45NzkgMjE1LjE3LDIyNy4xNDYgMTYyLjUsMjQ2QyAxNTMuMTcxLDI0OC42MDYgMTQzLjgzOCwyNTAuNDQgMTM0LjUsMjUxLjVDIDEyOC41LDI1MS41IDEyMi41LDI1MS41IDExNi41LDI1MS41QyA2MS4wMjEsMjQ0LjgzNiAyMy44NTQzLDIxNS4xNyA1LDE2Mi41QyAyLjM5MzgsMTUzLjE3MSAwLjU2MDQ3MSwxNDMuODM4IC0wLjUsMTM0LjVDIC0wLjUsMTI4LjUgLTAuNSwxMjIuNSAtMC41LDExNi41QyA2LjE2MzYzLDYxLjAyMSAzNS44MzAzLDIzLjg1NDMgODguNSw1QyA5Ny44Mjg4LDIuMzkzOCAxMDcuMTYyLDAuNTYwNDcxIDExNi41LC0wLjUgWiIvPjwvZz4KPGc+PHBhdGggc3R5bGU9Im9wYWNpdHk6MSIgZmlsbD0iI2ZmZmJmNyIgZD0iTSAxMTkuNSw0My41IEMgMTM0LjU5Myw0Mi4xODc3IDE0OS4yNiw0NC4wMjEgMTYzLjUsNDlDIDE4MC42MTYsNTYuNDc0NSAxODkuNDQ5LDY5LjY0MTIgMTkwLDg4LjVDIDE5MC41LDEyNy4xNjUgMTkwLjY2NywxNjUuODMyIDE5MC41LDIwNC41QyAxODMuNDY4LDIwNC44MyAxNzYuNDY4LDIwNC40OTcgMTY5LjUsMjAzLjVDIDE2OC4xMjEsMTk1Ljk4MiAxNjYuMTIxLDE4OC42NDkgMTYzLjUsMTgxLjVDIDE0My42OTksMjA1LjcwOCAxMTguNjk5LDIxMy4yMDggODguNSwyMDRDIDY5LjE5NjEsMTk1LjU4IDU5Ljg2MjgsMTgwLjc0NyA2MC41LDE1OS41QyA2MS4xNjc2LDEzOC4zNDcgNzEuNTAwOSwxMjQuMTggOTEuNSwxMTdDIDk3LjYyNjcsMTE0LjU4OSAxMDMuOTYsMTEyLjkyMiAxMTAuNSwxMTJDIDEyNy43OTIsMTEwLjEzNCAxNDUuMTI1LDEwOC45NjcgMTYyLjUsMTA4LjVDIDE2NS41MDksNzcuMzQxNyAxNTEuNTA5LDYzLjUwODQgMTIwLjUsNjdDIDEwOS41ODcsNjguNTI2NiA5OS4yNTM2LDcxLjg1OTkgODkuNSw3N0MgODguMDU2Myw3Ny43ODA1IDg2LjcyMyw3Ny42MTM5IDg1LjUsNzYuNUMgODMsNzAuODMzMyA4MC41LDY1LjE2NjcgNzgsNTkuNUMgNzcuMjUwNiw1OC4zNjUgNzcuNDE3Myw1Ny4zNjUgNzguNSw1Ni41QyA5MS42NDkzLDUwLjEzNjkgMTA1LjMxNiw0NS44MDM2IDExOS41LDQzLjUgWiIvPjwvZz4KPGc+PHBhdGggc3R5bGU9Im9wYWNpdHk6MSIgZmlsbD0iI2Y3OTIxZSIgZD0iTSAxNTAuNSwxMjguNSBDIDE1NC4xNjcsMTI4LjUgMTU3LjgzMywxMjguNSAxNjEuNSwxMjguNUMgMTYxLjUsMTM0LjUgMTYxLjUsMTQwLjUgMTYxLjUsMTQ2LjVDIDE1OS41NzgsMTY4LjU5IDE0Ny41NzgsMTgxLjA5IDEyNS41LDE4NEMgMTEzLjA5MSwxODYuNzc4IDEwMi41OTEsMTgzLjYxMSA5NCwxNzQuNUMgODYuMjAyNSwxNTMuMjYyIDkzLjAzNTksMTM5LjA5NSAxMTQuNSwxMzJDIDEyNi4zOSwxMjkuNzk2IDEzOC4zOSwxMjguNjI5IDE1MC41LDEyOC41IFoiLz48L2c+CjxnPjxwYXRoIHN0eWxlPSJvcGFjaXR5OjEiIGZpbGw9IiNmZmQ5YjIiIGQ9Ik0gMTUwLjUsMTI4LjUgQyAxNTQuMjk4LDEyNy41MTcgMTU4LjI5OCwxMjcuMTgzIDE2Mi41LDEyNy41QyAxNjIuODIzLDEzNC4wMjIgMTYyLjQ5LDE0MC4zNTUgMTYxLjUsMTQ2LjVDIDE2MS41LDE0MC41IDE2MS41LDEzNC41IDE2MS41LDEyOC41QyAxNTcuODMzLDEyOC41IDE1NC4xNjcsMTI4LjUgMTUwLjUsMTI4LjUgWiIvPjwvZz4KPC9zdmc+Cg=="}),(0,s.createElement)(C.E,{fs:"italic",size:"xs"},"Preparing...")))}),null)},(0,s.createElement)(Xe,null))))),document.getElementById("appza-builder"))})();
     1(()=>{"use strict";var e,t,n,r,o={45727:(e,t,n)=>{function r(e="mantine-"){return`${e}${Math.random().toString(36).slice(2,11)}`}n.d(t,{z:()=>r})},55488:(e,t,n)=>{n.d(t,{g:()=>i,w:()=>a});var r=n(480684),o=n(489569);function a({color:e,theme:t,autoContrast:n}){return("boolean"==typeof n?n:t.autoContrast)&&(0,o.g)({color:e||t.primaryColor,theme:t}).isLight?"var(--mantine-color-black)":"var(--mantine-color-white)"}function i(e,t){return a({color:e.colors[e.primaryColor][(0,r.g)(e,t)],theme:e,autoContrast:null})}},58168:(e,t,n)=>{function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(null,arguments)}n.d(t,{A:()=>r})},69019:(e,t,n)=>{n.d(t,{B:()=>p});var r=n(474848),o=(n(951609),n(656324)),a=n(759396),i=n(746100),s=n(652837),l=n(311507),c=n(402412),d={root:"m_6d731127"};const u={gap:"md",align:"stretch",justify:"flex-start"},m=(0,a.V)(((e,{gap:t,align:n,justify:r})=>({root:{"--stack-gap":(0,o.GY)(t),"--stack-align":n,"--stack-justify":r}}))),p=(0,c.P9)(((e,t)=>{const n=(0,i.Y)("Stack",u,e),{classNames:o,className:a,style:c,styles:p,unstyled:f,vars:h,align:y,justify:v,gap:g,variant:b,...x}=n,w=(0,s.I)({name:"Stack",props:n,classes:d,className:a,style:c,classNames:o,styles:p,unstyled:f,vars:h,varsResolver:m});return(0,r.jsx)(l.a,{ref:t,...w("root"),variant:b,...x})}));p.classes=d,p.displayName="@mantine/core/Stack"},77602:(e,t,n)=>{function r(e){return Object.keys(e).reduce(((t,n)=>(void 0!==e[n]&&(t[n]=e[n]),t)),{})}n.d(t,{J:()=>r})},86344:(e,t,n)=>{n.d(t,{r:()=>o});var r=n(489569);function o(e,t){const n=(0,r.g)({color:e||t.primaryColor,theme:t});return n.variable?`var(${n.variable})`:e}},97986:(e,t,n)=>{n.d(t,{e:()=>a});var r=n(474848),o=n(951609);function a(e=null){const t=(0,o.createContext)(e);return[({children:e,value:n})=>(0,r.jsx)(t.Provider,{value:n,children:e}),()=>(0,o.useContext)(t)]}},137055:(e,t,n)=>{n.d(t,{Px:()=>a,bl:()=>o,pc:()=>i});var r=n(951609);function o(e,t){if("function"==typeof e)return e(t);"object"==typeof e&&null!==e&&"current"in e&&(e.current=t)}function a(...e){const t=new Map;return n=>{if(e.forEach((e=>{const r=o(e,n);r&&t.set(e,r)})),t.size>0)return()=>{e.forEach((e=>{const n=t.get(e);n?n():o(e,null)})),t.clear()}}}function i(...e){return(0,r.useCallback)(a(...e),e)}},141670:(e,t,n)=>{n.d(t,{o:()=>d});var r=n(474848),o=(n(951609),n(746100)),a=n(652837),i=n(311507),s=n(618639),l={root:"m_4451eb3a"};const c={},d=(0,s.v)(((e,t)=>{const n=(0,o.Y)("Center",c,e),{classNames:s,className:d,style:u,styles:m,unstyled:p,vars:f,inline:h,mod:y,...v}=n,g=(0,a.I)({name:"Center",props:n,classes:l,className:d,style:u,classNames:s,styles:m,unstyled:p,vars:f});return(0,r.jsx)(i.a,{ref:t,mod:[{inline:h},y],...g("root"),...v})}));d.classes=l,d.displayName="@mantine/core/Center"},197170:(e,t,n)=>{n.d(t,{B:()=>o,X:()=>a});var r=n(559444);function o(e,t){if("string"!=typeof e||t>1||t<0)return"rgba(0, 0, 0, 1)";if(e.startsWith("var("))return`color-mix(in srgb, ${e}, transparent ${100*(1-t)}%)`;if(e.startsWith("oklch"))return e.includes("/")?e.replace(/\/\s*[\d.]+\s*\)/,`/ ${t})`):e.replace(")",` / ${t})`);const{r:n,g:o,b:a}=(0,r.K)(e);return`rgba(${n}, ${o}, ${a}, ${t})`}const a=o},198587:(e,t,n)=>{function r(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}n.d(t,{A:()=>r})},221020:(e,t,n)=>{var r=n(951609),o=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,s=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,a={},c=null,d=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(d=t.ref),t)i.call(t,r)&&!l.hasOwnProperty(r)&&(a[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===a[r]&&(a[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:d,props:a,_owner:s.current}}t.Fragment=a,t.jsx=c,t.jsxs=c},247767:(e,t,n)=>{n.d(t,{BV:()=>C,Ix:()=>E,V8:()=>w,qh:()=>N});var r=n(951609),o=n(545588);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}const i=r.createContext(null),s=r.createContext(null),l=r.createContext(null),c=r.createContext(null),d=r.createContext({outlet:null,matches:[],isDataRoute:!1}),u=r.createContext(null);function m(){return null!=r.useContext(c)}function p(e,t,n,i){m()||(0,o.Oi)(!1);let{navigator:s,static:u}=r.useContext(l),{matches:p}=r.useContext(d),f=p[p.length-1],g=f?f.params:{},x=(f&&f.pathname,f?f.pathnameBase:"/");f&&f.route;let w,N=(m()||(0,o.Oi)(!1),r.useContext(c).location);if(t){var E;let e="string"==typeof t?(0,o.Rr)(t):t;"/"===x||(null==(E=e.pathname)?void 0:E.startsWith(x))||(0,o.Oi)(!1),w=e}else w=N;let C=w.pathname||"/",S=C;if("/"!==x){let e=x.replace(/^\//,"").split("/");S="/"+C.replace(/^\//,"").split("/").slice(e.length).join("/")}let M=!u&&n&&n.matches&&n.matches.length>0?n.matches:(0,o.ue)(e,{pathname:S}),j=function(e,t,n,a){var i;if(void 0===t&&(t=[]),void 0===n&&(n=null),void 0===a&&(a=null),null==e){var s;if(!n)return null;if(n.errors)e=n.matches;else{if(!(null!=(s=a)&&s.v7_partialHydration&&0===t.length&&!n.initialized&&n.matches.length>0))return null;e=n.matches}}let l=e,c=null==(i=n)?void 0:i.errors;if(null!=c){let e=l.findIndex((e=>e.route.id&&void 0!==(null==c?void 0:c[e.route.id])));e>=0||(0,o.Oi)(!1),l=l.slice(0,Math.min(l.length,e+1))}let d=!1,u=-1;if(n&&a&&a.v7_partialHydration)for(let e=0;e<l.length;e++){let t=l[e];if((t.route.HydrateFallback||t.route.hydrateFallbackElement)&&(u=e),t.route.id){let{loaderData:e,errors:r}=n,o=t.route.loader&&void 0===e[t.route.id]&&(!r||void 0===r[t.route.id]);if(t.route.lazy||o){d=!0,l=u>=0?l.slice(0,u+1):[l[0]];break}}}return l.reduceRight(((e,o,a)=>{let i,s=!1,m=null,p=null;var f;n&&(i=c&&o.route.id?c[o.route.id]:void 0,m=o.route.errorElement||h,d&&(u<0&&0===a?(b[f="route-fallback"]||(b[f]=!0),s=!0,p=null):u===a&&(s=!0,p=o.route.hydrateFallbackElement||null)));let g=t.concat(l.slice(0,a+1)),x=()=>{let t;return t=i?m:s?p:o.route.Component?r.createElement(o.route.Component,null):o.route.element?o.route.element:e,r.createElement(v,{match:o,routeContext:{outlet:e,matches:g,isDataRoute:null!=n},children:t})};return n&&(o.route.ErrorBoundary||o.route.errorElement||0===a)?r.createElement(y,{location:n.location,revalidation:n.revalidation,component:m,error:i,children:x(),routeContext:{outlet:null,matches:g,isDataRoute:!0}}):x()}),null)}(M&&M.map((e=>Object.assign({},e,{params:Object.assign({},g,e.params),pathname:(0,o.HS)([x,s.encodeLocation?s.encodeLocation(e.pathname).pathname:e.pathname]),pathnameBase:"/"===e.pathnameBase?x:(0,o.HS)([x,s.encodeLocation?s.encodeLocation(e.pathnameBase).pathname:e.pathnameBase])}))),p,n,i);return t&&j?r.createElement(c.Provider,{value:{location:a({pathname:"/",search:"",hash:"",state:null,key:"default"},w),navigationType:o.rc.Pop}},j):j}function f(){let e=function(){var e;let t=r.useContext(u),n=function(){let e=r.useContext(s);return e||(0,o.Oi)(!1),e}(g.UseRouteError),a=function(){let e=function(){let e=r.useContext(d);return e||(0,o.Oi)(!1),e}(),t=e.matches[e.matches.length-1];return t.route.id||(0,o.Oi)(!1),t.route.id}(g.UseRouteError);return void 0!==t?t:null==(e=n.errors)?void 0:e[a]}(),t=(0,o.pX)(e)?e.status+" "+e.statusText:e instanceof Error?e.message:JSON.stringify(e),n=e instanceof Error?e.stack:null,a={padding:"0.5rem",backgroundColor:"rgba(200,200,200, 0.5)"};return r.createElement(r.Fragment,null,r.createElement("h2",null,"Unexpected Application Error!"),r.createElement("h3",{style:{fontStyle:"italic"}},t),n?r.createElement("pre",{style:a},n):null,null)}const h=r.createElement(f,null);class y extends r.Component{constructor(e){super(e),this.state={location:e.location,revalidation:e.revalidation,error:e.error}}static getDerivedStateFromError(e){return{error:e}}static getDerivedStateFromProps(e,t){return t.location!==e.location||"idle"!==t.revalidation&&"idle"===e.revalidation?{error:e.error,location:e.location,revalidation:e.revalidation}:{error:void 0!==e.error?e.error:t.error,location:t.location,revalidation:e.revalidation||t.revalidation}}componentDidCatch(e,t){console.error("React Router caught the following error during render",e,t)}render(){return void 0!==this.state.error?r.createElement(d.Provider,{value:this.props.routeContext},r.createElement(u.Provider,{value:this.state.error,children:this.props.component})):this.props.children}}function v(e){let{routeContext:t,match:n,children:o}=e,a=r.useContext(i);return a&&a.static&&a.staticContext&&(n.route.errorElement||n.route.ErrorBoundary)&&(a.staticContext._deepestRenderedBoundaryId=n.route.id),r.createElement(d.Provider,{value:t},o)}var g=function(e){return e.UseBlocker="useBlocker",e.UseLoaderData="useLoaderData",e.UseActionData="useActionData",e.UseRouteError="useRouteError",e.UseNavigation="useNavigation",e.UseRouteLoaderData="useRouteLoaderData",e.UseMatches="useMatches",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e.UseRouteId="useRouteId",e}(g||{});const b={},x=(e,t,n)=>{};function w(e,t){void 0===(null==e?void 0:e.v7_startTransition)&&x("v7_startTransition","React Router will begin wrapping state updates in `React.startTransition` in v7","https://reactrouter.com/v6/upgrading/future#v7_starttransition"),void 0!==(null==e?void 0:e.v7_relativeSplatPath)||t&&t.v7_relativeSplatPath||x("v7_relativeSplatPath","Relative route resolution within Splat routes is changing in v7","https://reactrouter.com/v6/upgrading/future#v7_relativesplatpath"),t&&(void 0===t.v7_fetcherPersist&&x("v7_fetcherPersist","The persistence behavior of fetchers is changing in v7","https://reactrouter.com/v6/upgrading/future#v7_fetcherpersist"),void 0===t.v7_normalizeFormMethod&&x("v7_normalizeFormMethod","Casing of `formMethod` fields is being normalized to uppercase in v7","https://reactrouter.com/v6/upgrading/future#v7_normalizeformmethod"),void 0===t.v7_partialHydration&&x("v7_partialHydration","`RouterProvider` hydration behavior is changing in v7","https://reactrouter.com/v6/upgrading/future#v7_partialhydration"),void 0===t.v7_skipActionErrorRevalidation&&x("v7_skipActionErrorRevalidation","The revalidation behavior after 4xx/5xx `action` responses is changing in v7","https://reactrouter.com/v6/upgrading/future#v7_skipactionerrorrevalidation"))}function N(e){(0,o.Oi)(!1)}function E(e){let{basename:t="/",children:n=null,location:i,navigationType:s=o.rc.Pop,navigator:d,static:u=!1,future:p}=e;m()&&(0,o.Oi)(!1);let f=t.replace(/^\/*/,"/"),h=r.useMemo((()=>({basename:f,navigator:d,static:u,future:a({v7_relativeSplatPath:!1},p)})),[f,p,d,u]);"string"==typeof i&&(i=(0,o.Rr)(i));let{pathname:y="/",search:v="",hash:g="",state:b=null,key:x="default"}=i,w=r.useMemo((()=>{let e=(0,o.pb)(y,f);return null==e?null:{location:{pathname:e,search:v,hash:g,state:b,key:x},navigationType:s}}),[f,y,v,g,b,x,s]);return null==w?null:r.createElement(l.Provider,{value:h},r.createElement(c.Provider,{children:n,value:w}))}function C(e){let{children:t,location:n}=e;return p(S(t),n)}function S(e,t){void 0===t&&(t=[]);let n=[];return r.Children.forEach(e,((e,a)=>{if(!r.isValidElement(e))return;let i=[...t,a];if(e.type===r.Fragment)return void n.push.apply(n,S(e.props.children,i));e.type!==N&&(0,o.Oi)(!1),e.props.index&&e.props.children&&(0,o.Oi)(!1);let s={id:e.props.id||i.join("-"),caseSensitive:e.props.caseSensitive,element:e.props.element,Component:e.props.Component,index:e.props.index,path:e.props.path,loader:e.props.loader,action:e.props.action,errorElement:e.props.errorElement,ErrorBoundary:e.props.ErrorBoundary,hasErrorBoundary:null!=e.props.ErrorBoundary||null!=e.props.errorElement,shouldRevalidate:e.props.shouldRevalidate,handle:e.props.handle,lazy:e.props.lazy};e.props.children&&(s.children=S(e.props.children,i)),n.push(s)})),n}r.startTransition,new Promise((()=>{})),r.Component},274099:(e,t,n)=>{n.d(t,{A:()=>F});var r=function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)};function o(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}Object.create,Object.create,"function"==typeof SuppressedError&&SuppressedError;var a=n(951609),i="right-scroll-bar-position",s="width-before-scroll-bar";function l(e,t){return"function"==typeof e?e(t):e&&(e.current=t),e}var c="undefined"!=typeof window?a.useLayoutEffect:a.useEffect,d=new WeakMap;function u(e){return e}var m=function(e){void 0===e&&(e={});var t=function(e,t){void 0===t&&(t=u);var n=[],r=!1;return{read:function(){if(r)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return n.length?n[n.length-1]:e},useMedium:function(e){var o=t(e,r);return n.push(o),function(){n=n.filter((function(e){return e!==o}))}},assignSyncMedium:function(e){for(r=!0;n.length;){var t=n;n=[],t.forEach(e)}n={push:function(t){return e(t)},filter:function(){return n}}},assignMedium:function(e){r=!0;var t=[];if(n.length){var o=n;n=[],o.forEach(e),t=n}var a=function(){var n=t;t=[],n.forEach(e)},i=function(){return Promise.resolve().then(a)};i(),n={push:function(e){t.push(e),i()},filter:function(e){return t=t.filter(e),n}}}}}(null);return t.options=r({async:!0,ssr:!1},e),t}(),p=function(){},f=a.forwardRef((function(e,t){var n=a.useRef(null),i=a.useState({onScrollCapture:p,onWheelCapture:p,onTouchMoveCapture:p}),s=i[0],u=i[1],f=e.forwardProps,h=e.children,y=e.className,v=e.removeScrollBar,g=e.enabled,b=e.shards,x=e.sideCar,w=e.noIsolation,N=e.inert,E=e.allowPinchZoom,C=e.as,S=void 0===C?"div":C,M=e.gapMode,j=o(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as","gapMode"]),k=x,$=function(e,t){var n,r,o,i=(n=t||null,r=function(t){return e.forEach((function(e){return l(e,t)}))},(o=(0,a.useState)((function(){return{value:n,callback:r,facade:{get current(){return o.value},set current(e){var t=o.value;t!==e&&(o.value=e,o.callback(e,t))}}}}))[0]).callback=r,o.facade);return c((function(){var t=d.get(i);if(t){var n=new Set(t),r=new Set(e),o=i.current;n.forEach((function(e){r.has(e)||l(e,null)})),r.forEach((function(e){n.has(e)||l(e,o)}))}d.set(i,e)}),[e]),i}([n,t]),D=r(r({},j),s);return a.createElement(a.Fragment,null,g&&a.createElement(k,{sideCar:m,removeScrollBar:v,shards:b,noIsolation:w,inert:N,setCallbacks:u,allowPinchZoom:!!E,lockRef:n,gapMode:M}),f?a.cloneElement(a.Children.only(h),r(r({},D),{ref:$})):a.createElement(S,r({},D,{className:y,ref:$}),h))}));f.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},f.classNames={fullWidth:s,zeroRight:i};var h=function(e){var t=e.sideCar,n=o(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var i=t.read();if(!i)throw new Error("Sidecar medium not found");return a.createElement(i,r({},n))};h.isSideCarExport=!0;var y=function(){var e=0,t=null;return{add:function(r){var o,a;0==e&&(t=function(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=n.nc;return t&&e.setAttribute("nonce",t),e}())&&(a=r,(o=t).styleSheet?o.styleSheet.cssText=a:o.appendChild(document.createTextNode(a)),function(e){(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}(t)),e++},remove:function(){! --e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},v=function(){var e,t=(e=y(),function(t,n){a.useEffect((function(){return e.add(t),function(){e.remove()}}),[t&&n])});return function(e){var n=e.styles,r=e.dynamic;return t(n,r),null}},g={left:0,top:0,right:0,gap:0},b=function(e){return parseInt(e||"",10)||0},x=v(),w="data-scroll-locked",N=function(e,t,n,r){var o=e.left,a=e.top,l=e.right,c=e.gap;return void 0===n&&(n="margin"),"\n  .".concat("with-scroll-bars-hidden"," {\n   overflow: hidden ").concat(r,";\n   padding-right: ").concat(c,"px ").concat(r,";\n  }\n  body[").concat(w,"] {\n    overflow: hidden ").concat(r,";\n    overscroll-behavior: contain;\n    ").concat([t&&"position: relative ".concat(r,";"),"margin"===n&&"\n    padding-left: ".concat(o,"px;\n    padding-top: ").concat(a,"px;\n    padding-right: ").concat(l,"px;\n    margin-left:0;\n    margin-top:0;\n    margin-right: ").concat(c,"px ").concat(r,";\n    "),"padding"===n&&"padding-right: ".concat(c,"px ").concat(r,";")].filter(Boolean).join(""),"\n  }\n  \n  .").concat(i," {\n    right: ").concat(c,"px ").concat(r,";\n  }\n  \n  .").concat(s," {\n    margin-right: ").concat(c,"px ").concat(r,";\n  }\n  \n  .").concat(i," .").concat(i," {\n    right: 0 ").concat(r,";\n  }\n  \n  .").concat(s," .").concat(s," {\n    margin-right: 0 ").concat(r,";\n  }\n  \n  body[").concat(w,"] {\n    ").concat("--removed-body-scroll-bar-size",": ").concat(c,"px;\n  }\n")},E=function(){var e=parseInt(document.body.getAttribute(w)||"0",10);return isFinite(e)?e:0},C=function(e){var t=e.noRelative,n=e.noImportant,r=e.gapMode,o=void 0===r?"margin":r;a.useEffect((function(){return document.body.setAttribute(w,(E()+1).toString()),function(){var e=E()-1;e<=0?document.body.removeAttribute(w):document.body.setAttribute(w,e.toString())}}),[]);var i=a.useMemo((function(){return function(e){if(void 0===e&&(e="margin"),"undefined"==typeof window)return g;var t=function(e){var t=window.getComputedStyle(document.body),n=t["padding"===e?"paddingLeft":"marginLeft"],r=t["padding"===e?"paddingTop":"marginTop"],o=t["padding"===e?"paddingRight":"marginRight"];return[b(n),b(r),b(o)]}(e),n=document.documentElement.clientWidth,r=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,r-n+t[2]-t[0])}}(o)}),[o]);return a.createElement(x,{styles:N(i,!t,o,n?"":"!important")})},S=!1;if("undefined"!=typeof window)try{var M=Object.defineProperty({},"passive",{get:function(){return S=!0,!0}});window.addEventListener("test",M,M),window.removeEventListener("test",M,M)}catch(e){S=!1}var j=!!S&&{passive:!1},k=function(e,t){if(!(e instanceof Element))return!1;var n=window.getComputedStyle(e);return"hidden"!==n[t]&&!(n.overflowY===n.overflowX&&!function(e){return"TEXTAREA"===e.tagName}(e)&&"visible"===n[t])},$=function(e,t){var n=t.ownerDocument,r=t;do{if("undefined"!=typeof ShadowRoot&&r instanceof ShadowRoot&&(r=r.host),D(e,r)){var o=I(e,r);if(o[1]>o[2])return!0}r=r.parentNode}while(r&&r!==n.body);return!1},D=function(e,t){return"v"===e?function(e){return k(e,"overflowY")}(t):function(e){return k(e,"overflowX")}(t)},I=function(e,t){return"v"===e?[(n=t).scrollTop,n.scrollHeight,n.clientHeight]:function(e){return[e.scrollLeft,e.scrollWidth,e.clientWidth]}(t);var n},L=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},O=function(e){return[e.deltaX,e.deltaY]},T=function(e){return e&&"current"in e?e.current:e},P=function(e){return"\n  .block-interactivity-".concat(e," {pointer-events: none;}\n  .allow-interactivity-").concat(e," {pointer-events: all;}\n")},R=0,z=[];function A(e){for(var t=null;null!==e;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const _=(B=function(e){var t=a.useRef([]),n=a.useRef([0,0]),r=a.useRef(),o=a.useState(R++)[0],i=a.useState(v)[0],s=a.useRef(e);a.useEffect((function(){s.current=e}),[e]),a.useEffect((function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(o));var t=function(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}([e.lockRef.current],(e.shards||[]).map(T),!0).filter(Boolean);return t.forEach((function(e){return e.classList.add("allow-interactivity-".concat(o))})),function(){document.body.classList.remove("block-interactivity-".concat(o)),t.forEach((function(e){return e.classList.remove("allow-interactivity-".concat(o))}))}}}),[e.inert,e.lockRef.current,e.shards]);var l=a.useCallback((function(e,t){if("touches"in e&&2===e.touches.length||"wheel"===e.type&&e.ctrlKey)return!s.current.allowPinchZoom;var o,a=L(e),i=n.current,l="deltaX"in e?e.deltaX:i[0]-a[0],c="deltaY"in e?e.deltaY:i[1]-a[1],d=e.target,u=Math.abs(l)>Math.abs(c)?"h":"v";if("touches"in e&&"h"===u&&"range"===d.type)return!1;var m=$(u,d);if(!m)return!0;if(m?o=u:(o="v"===u?"h":"v",m=$(u,d)),!m)return!1;if(!r.current&&"changedTouches"in e&&(l||c)&&(r.current=o),!o)return!0;var p=r.current||o;return function(e,t,n,r){var o=function(e,t){return"h"===e&&"rtl"===t?-1:1}(e,window.getComputedStyle(t).direction),a=o*r,i=n.target,s=t.contains(i),l=!1,c=a>0,d=0,u=0;do{var m=I(e,i),p=m[0],f=m[1]-m[2]-o*p;(p||f)&&D(e,i)&&(d+=f,u+=p),i=i instanceof ShadowRoot?i.host:i.parentNode}while(!s&&i!==document.body||s&&(t.contains(i)||t===i));return(c&&(Math.abs(d)<1||!1)||!c&&(Math.abs(u)<1||!1))&&(l=!0),l}(p,t,e,"h"===p?l:c)}),[]),c=a.useCallback((function(e){var n=e;if(z.length&&z[z.length-1]===i){var r="deltaY"in n?O(n):L(n),o=t.current.filter((function(e){return e.name===n.type&&(e.target===n.target||n.target===e.shadowParent)&&(t=e.delta,o=r,t[0]===o[0]&&t[1]===o[1]);var t,o}))[0];if(o&&o.should)n.cancelable&&n.preventDefault();else if(!o){var a=(s.current.shards||[]).map(T).filter(Boolean).filter((function(e){return e.contains(n.target)}));(a.length>0?l(n,a[0]):!s.current.noIsolation)&&n.cancelable&&n.preventDefault()}}}),[]),d=a.useCallback((function(e,n,r,o){var a={name:e,delta:n,target:r,should:o,shadowParent:A(r)};t.current.push(a),setTimeout((function(){t.current=t.current.filter((function(e){return e!==a}))}),1)}),[]),u=a.useCallback((function(e){n.current=L(e),r.current=void 0}),[]),m=a.useCallback((function(t){d(t.type,O(t),t.target,l(t,e.lockRef.current))}),[]),p=a.useCallback((function(t){d(t.type,L(t),t.target,l(t,e.lockRef.current))}),[]);a.useEffect((function(){return z.push(i),e.setCallbacks({onScrollCapture:m,onWheelCapture:m,onTouchMoveCapture:p}),document.addEventListener("wheel",c,j),document.addEventListener("touchmove",c,j),document.addEventListener("touchstart",u,j),function(){z=z.filter((function(e){return e!==i})),document.removeEventListener("wheel",c,j),document.removeEventListener("touchmove",c,j),document.removeEventListener("touchstart",u,j)}}),[]);var f=e.removeScrollBar,h=e.inert;return a.createElement(a.Fragment,null,h?a.createElement(i,{styles:P(o)}):null,f?a.createElement(C,{gapMode:e.gapMode}):null)},m.useMedium(B),h);var B,Y=a.forwardRef((function(e,t){return a.createElement(f,r({},e,{ref:t,sideCar:_}))}));Y.classNames=f.classNames;const F=Y},275795:e=>{e.exports=window.ReactDOM},288149:(e,t,n)=>{function r(e){return"0rem"===e?"0rem":`calc(${e} * var(--mantine-scale))`}function o(e,{shouldScale:t=!1}={}){return function n(o){if(0===o||"0"===o)return`0${e}`;if("number"==typeof o){const n=`${o/16}${e}`;return t?r(n):n}if("string"==typeof o){if(""===o)return o;if(o.startsWith("calc(")||o.startsWith("clamp(")||o.includes("rgba("))return o;if(o.includes(","))return o.split(",").map((e=>n(e))).join(",");if(o.includes(" "))return o.split(" ").map((e=>n(e))).join(" ");if(o.includes(e))return t?r(o):o;const a=o.replace("px","");if(!Number.isNaN(Number(a))){const n=`${Number(a)/16}${e}`;return t?r(n):n}}return o}}n.d(t,{D:()=>a,em:()=>i});const a=o("rem",{shouldScale:!0}),i=o("em")},311507:(e,t,n)=>{n.d(t,{a:()=>b});var r=n(474848),o=n(951609),a=n(634164),i=n(715074),s=n(312940),l=n(666192),c=n(801101);function d(e){return e.startsWith("data-")?e:`data-${e}`}function u(e){return e?"string"==typeof e?{[d(e)]:!0}:Array.isArray(e)?[...e].reduce(((e,t)=>({...e,...u(t)})),{}):(t=e,Object.keys(t).reduce(((e,n)=>{const r=t[n];return void 0===r||""===r||!1===r||null===r||(e[d(n)]=t[n]),e}),{})):null;var t}function m(e,t){return Array.isArray(e)?[...e].reduce(((e,n)=>({...e,...m(n,t)})),{}):"function"==typeof e?e(t):null==e?{}:e}function p({theme:e,style:t,vars:n,styleProps:r}){return{...m(t,e),...m(n,e),...r}}var f=n(663733);const h={m:{type:"spacing",property:"margin"},mt:{type:"spacing",property:"marginTop"},mb:{type:"spacing",property:"marginBottom"},ml:{type:"spacing",property:"marginLeft"},mr:{type:"spacing",property:"marginRight"},ms:{type:"spacing",property:"marginInlineStart"},me:{type:"spacing",property:"marginInlineEnd"},mx:{type:"spacing",property:"marginInline"},my:{type:"spacing",property:"marginBlock"},p:{type:"spacing",property:"padding"},pt:{type:"spacing",property:"paddingTop"},pb:{type:"spacing",property:"paddingBottom"},pl:{type:"spacing",property:"paddingLeft"},pr:{type:"spacing",property:"paddingRight"},ps:{type:"spacing",property:"paddingInlineStart"},pe:{type:"spacing",property:"paddingInlineEnd"},px:{type:"spacing",property:"paddingInline"},py:{type:"spacing",property:"paddingBlock"},bd:{type:"border",property:"border"},bg:{type:"color",property:"background"},c:{type:"textColor",property:"color"},opacity:{type:"identity",property:"opacity"},ff:{type:"fontFamily",property:"fontFamily"},fz:{type:"fontSize",property:"fontSize"},fw:{type:"identity",property:"fontWeight"},lts:{type:"size",property:"letterSpacing"},ta:{type:"identity",property:"textAlign"},lh:{type:"lineHeight",property:"lineHeight"},fs:{type:"identity",property:"fontStyle"},tt:{type:"identity",property:"textTransform"},td:{type:"identity",property:"textDecoration"},w:{type:"spacing",property:"width"},miw:{type:"spacing",property:"minWidth"},maw:{type:"spacing",property:"maxWidth"},h:{type:"spacing",property:"height"},mih:{type:"spacing",property:"minHeight"},mah:{type:"spacing",property:"maxHeight"},bgsz:{type:"size",property:"backgroundSize"},bgp:{type:"identity",property:"backgroundPosition"},bgr:{type:"identity",property:"backgroundRepeat"},bga:{type:"identity",property:"backgroundAttachment"},pos:{type:"identity",property:"position"},top:{type:"size",property:"top"},left:{type:"size",property:"left"},bottom:{type:"size",property:"bottom"},right:{type:"size",property:"right"},inset:{type:"size",property:"inset"},display:{type:"identity",property:"display"},flex:{type:"identity",property:"flex"}};var y=n(363552),v=n(883974);const g=(0,o.forwardRef)((({component:e,style:t,__vars:n,className:o,variant:d,mod:m,size:g,hiddenFrom:b,visibleFrom:x,lightHidden:w,darkHidden:N,renderRoot:E,__size:C,...S},M)=>{const j=(0,c.xd)(),k=e||"div",{styleProps:$,rest:D}=(0,f.j)(S),I=(0,l.NL)(),L=I?.()?.($.sx),O=(0,v.C)(),T=(0,y.X)({styleProps:$,theme:j,data:h}),P={ref:M,style:p({theme:j,style:t,vars:n,styleProps:T.inlineStyles}),className:(0,a.A)(o,L,{[O]:T.hasResponsiveStyles,"mantine-light-hidden":w,"mantine-dark-hidden":N,[`mantine-hidden-from-${b}`]:b,[`mantine-visible-from-${x}`]:x}),"data-variant":d,"data-size":(0,s.t)(g)?void 0:g||void 0,size:C,...u(m),...D};return(0,r.jsxs)(r.Fragment,{children:[T.hasResponsiveStyles&&(0,r.jsx)(i.K,{selector:`.${O}`,styles:T.styles,media:T.media}),"function"==typeof E?E(P):(0,r.jsx)(k,{...P})]})}));g.displayName="@mantine/core/Box";const b=g},312940:(e,t,n)=>{function r(e){if("number"==typeof e)return!0;if("string"==typeof e){if(e.startsWith("calc(")||e.startsWith("var(")||e.includes(" ")&&""!==e.trim())return!0;const t=/^[+-]?[0-9]+(\.[0-9]+)?(px|em|rem|ex|ch|lh|rlh|vw|vh|vmin|vmax|vb|vi|svw|svh|lvw|lvh|dvw|dvh|cm|mm|in|pt|pc|q|cqw|cqh|cqi|cqb|cqmin|cqmax|%)?$/;return e.trim().split(/\s+/).every((e=>t.test(e)))}return!1}n.d(t,{t:()=>r})},315304:(e,t,n)=>{n.d(t,{S:()=>d});var r=n(288149),o=(n(951609),n(474848),n(559444));function a(e,t){if(e.startsWith("var("))return`color-mix(in srgb, ${e}, black ${100*t}%)`;const{r:n,g:r,b:a,a:i}=(0,o.K)(e),s=1-t,l=e=>Math.round(e*s);return`rgba(${l(n)}, ${l(r)}, ${l(a)}, ${i})`}var i=n(791752),s=n(489569),l=n(197170);const c="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji",d={scale:1,fontSmoothing:!0,focusRing:"auto",white:"#fff",black:"#000",colors:{dark:["#C9C9C9","#b8b8b8","#828282","#696969","#424242","#3b3b3b","#2e2e2e","#242424","#1f1f1f","#141414"],gray:["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"],red:["#fff5f5","#ffe3e3","#ffc9c9","#ffa8a8","#ff8787","#ff6b6b","#fa5252","#f03e3e","#e03131","#c92a2a"],pink:["#fff0f6","#ffdeeb","#fcc2d7","#faa2c1","#f783ac","#f06595","#e64980","#d6336c","#c2255c","#a61e4d"],grape:["#f8f0fc","#f3d9fa","#eebefa","#e599f7","#da77f2","#cc5de8","#be4bdb","#ae3ec9","#9c36b5","#862e9c"],violet:["#f3f0ff","#e5dbff","#d0bfff","#b197fc","#9775fa","#845ef7","#7950f2","#7048e8","#6741d9","#5f3dc4"],indigo:["#edf2ff","#dbe4ff","#bac8ff","#91a7ff","#748ffc","#5c7cfa","#4c6ef5","#4263eb","#3b5bdb","#364fc7"],blue:["#e7f5ff","#d0ebff","#a5d8ff","#74c0fc","#4dabf7","#339af0","#228be6","#1c7ed6","#1971c2","#1864ab"],cyan:["#e3fafc","#c5f6fa","#99e9f2","#66d9e8","#3bc9db","#22b8cf","#15aabf","#1098ad","#0c8599","#0b7285"],teal:["#e6fcf5","#c3fae8","#96f2d7","#63e6be","#38d9a9","#20c997","#12b886","#0ca678","#099268","#087f5b"],green:["#ebfbee","#d3f9d8","#b2f2bb","#8ce99a","#69db7c","#51cf66","#40c057","#37b24d","#2f9e44","#2b8a3e"],lime:["#f4fce3","#e9fac8","#d8f5a2","#c0eb75","#a9e34b","#94d82d","#82c91e","#74b816","#66a80f","#5c940d"],yellow:["#fff9db","#fff3bf","#ffec99","#ffe066","#ffd43b","#fcc419","#fab005","#f59f00","#f08c00","#e67700"],orange:["#fff4e6","#ffe8cc","#ffd8a8","#ffc078","#ffa94d","#ff922b","#fd7e14","#f76707","#e8590c","#d9480f"]},primaryShade:{light:6,dark:8},primaryColor:"blue",variantColorResolver:({color:e,theme:t,variant:n,gradient:o,autoContrast:c})=>{const d=(0,s.g)({color:e,theme:t}),u="boolean"==typeof c?c:t.autoContrast;if("filled"===n){const t=u&&d.isLight?"var(--mantine-color-black)":"var(--mantine-color-white)";return d.isThemeColor?void 0===d.shade?{background:`var(--mantine-color-${e}-filled)`,hover:`var(--mantine-color-${e}-filled-hover)`,color:t,border:`${(0,r.D)(1)} solid transparent`}:{background:`var(--mantine-color-${d.color}-${d.shade})`,hover:`var(--mantine-color-${d.color}-${9===d.shade?8:d.shade+1})`,color:t,border:`${(0,r.D)(1)} solid transparent`}:{background:e,hover:a(e,.1),color:t,border:`${(0,r.D)(1)} solid transparent`}}if("light"===n){if(d.isThemeColor){if(void 0===d.shade)return{background:`var(--mantine-color-${e}-light)`,hover:`var(--mantine-color-${e}-light-hover)`,color:`var(--mantine-color-${e}-light-color)`,border:`${(0,r.D)(1)} solid transparent`};const n=t.colors[d.color][d.shade];return{background:(0,l.B)(n,.1),hover:(0,l.B)(n,.12),color:`var(--mantine-color-${d.color}-${Math.min(d.shade,6)})`,border:`${(0,r.D)(1)} solid transparent`}}return{background:(0,l.B)(e,.1),hover:(0,l.B)(e,.12),color:e,border:`${(0,r.D)(1)} solid transparent`}}if("outline"===n)return d.isThemeColor?void 0===d.shade?{background:"transparent",hover:`var(--mantine-color-${e}-outline-hover)`,color:`var(--mantine-color-${e}-outline)`,border:`${(0,r.D)(1)} solid var(--mantine-color-${e}-outline)`}:{background:"transparent",hover:(0,l.B)(t.colors[d.color][d.shade],.05),color:`var(--mantine-color-${d.color}-${d.shade})`,border:`${(0,r.D)(1)} solid var(--mantine-color-${d.color}-${d.shade})`}:{background:"transparent",hover:(0,l.B)(e,.05),color:e,border:`${(0,r.D)(1)} solid ${e}`};if("subtle"===n){if(d.isThemeColor){if(void 0===d.shade)return{background:"transparent",hover:`var(--mantine-color-${e}-light-hover)`,color:`var(--mantine-color-${e}-light-color)`,border:`${(0,r.D)(1)} solid transparent`};const n=t.colors[d.color][d.shade];return{background:"transparent",hover:(0,l.B)(n,.12),color:`var(--mantine-color-${d.color}-${Math.min(d.shade,6)})`,border:`${(0,r.D)(1)} solid transparent`}}return{background:"transparent",hover:(0,l.B)(e,.12),color:e,border:`${(0,r.D)(1)} solid transparent`}}return"transparent"===n?d.isThemeColor?void 0===d.shade?{background:"transparent",hover:"transparent",color:`var(--mantine-color-${e}-light-color)`,border:`${(0,r.D)(1)} solid transparent`}:{background:"transparent",hover:"transparent",color:`var(--mantine-color-${d.color}-${Math.min(d.shade,6)})`,border:`${(0,r.D)(1)} solid transparent`}:{background:"transparent",hover:"transparent",color:e,border:`${(0,r.D)(1)} solid transparent`}:"white"===n?d.isThemeColor?void 0===d.shade?{background:"var(--mantine-color-white)",hover:a(t.white,.01),color:`var(--mantine-color-${e}-filled)`,border:`${(0,r.D)(1)} solid transparent`}:{background:"var(--mantine-color-white)",hover:a(t.white,.01),color:`var(--mantine-color-${d.color}-${d.shade})`,border:`${(0,r.D)(1)} solid transparent`}:{background:"var(--mantine-color-white)",hover:a(t.white,.01),color:e,border:`${(0,r.D)(1)} solid transparent`}:"gradient"===n?{background:(0,i.v)(o,t),hover:(0,i.v)(o,t),color:"var(--mantine-color-white)",border:"none"}:"default"===n?{background:"var(--mantine-color-default)",hover:"var(--mantine-color-default-hover)",color:"var(--mantine-color-default-color)",border:`${(0,r.D)(1)} solid var(--mantine-color-default-border)`}:{}},autoContrast:!1,luminanceThreshold:.3,fontFamily:c,fontFamilyMonospace:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",respectReducedMotion:!1,cursorType:"default",defaultGradient:{from:"blue",to:"cyan",deg:45},defaultRadius:"sm",activeClassName:"mantine-active",focusClassName:"",headings:{fontFamily:c,fontWeight:"700",textWrap:"wrap",sizes:{h1:{fontSize:(0,r.D)(34),lineHeight:"1.3"},h2:{fontSize:(0,r.D)(26),lineHeight:"1.35"},h3:{fontSize:(0,r.D)(22),lineHeight:"1.4"},h4:{fontSize:(0,r.D)(18),lineHeight:"1.45"},h5:{fontSize:(0,r.D)(16),lineHeight:"1.5"},h6:{fontSize:(0,r.D)(14),lineHeight:"1.5"}}},fontSizes:{xs:(0,r.D)(12),sm:(0,r.D)(14),md:(0,r.D)(16),lg:(0,r.D)(18),xl:(0,r.D)(20)},lineHeights:{xs:"1.4",sm:"1.45",md:"1.55",lg:"1.6",xl:"1.65"},radius:{xs:(0,r.D)(2),sm:(0,r.D)(4),md:(0,r.D)(8),lg:(0,r.D)(16),xl:(0,r.D)(32)},spacing:{xs:(0,r.D)(10),sm:(0,r.D)(12),md:(0,r.D)(16),lg:(0,r.D)(20),xl:(0,r.D)(32)},breakpoints:{xs:"36em",sm:"48em",md:"62em",lg:"75em",xl:"88em"},shadows:{xs:`0 ${(0,r.D)(1)} ${(0,r.D)(3)} rgba(0, 0, 0, 0.05), 0 ${(0,r.D)(1)} ${(0,r.D)(2)} rgba(0, 0, 0, 0.1)`,sm:`0 ${(0,r.D)(1)} ${(0,r.D)(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${(0,r.D)(10)} ${(0,r.D)(15)} ${(0,r.D)(-5)}, rgba(0, 0, 0, 0.04) 0 ${(0,r.D)(7)} ${(0,r.D)(7)} ${(0,r.D)(-5)}`,md:`0 ${(0,r.D)(1)} ${(0,r.D)(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${(0,r.D)(20)} ${(0,r.D)(25)} ${(0,r.D)(-5)}, rgba(0, 0, 0, 0.04) 0 ${(0,r.D)(10)} ${(0,r.D)(10)} ${(0,r.D)(-5)}`,lg:`0 ${(0,r.D)(1)} ${(0,r.D)(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${(0,r.D)(28)} ${(0,r.D)(23)} ${(0,r.D)(-7)}, rgba(0, 0, 0, 0.04) 0 ${(0,r.D)(12)} ${(0,r.D)(12)} ${(0,r.D)(-7)}`,xl:`0 ${(0,r.D)(1)} ${(0,r.D)(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${(0,r.D)(36)} ${(0,r.D)(28)} ${(0,r.D)(-7)}, rgba(0, 0, 0, 0.04) 0 ${(0,r.D)(17)} ${(0,r.D)(17)} ${(0,r.D)(-7)}`},other:{},components:{}}},322662:(e,t,n)=>{n.d(t,{h:()=>y});var r=n(474848),o=n(288149),a=(n(951609),n(568690)),i=n(656324),s=n(759396),l=n(197170),c=n(746100),d=n(652837),u=n(311507),m=n(618639),p={root:"m_9814e45f"};const f={zIndex:(0,a.I)("modal")},h=(0,s.V)(((e,{gradient:t,color:n,backgroundOpacity:r,blur:a,radius:s,zIndex:c})=>({root:{"--overlay-bg":t||(void 0!==n||void 0!==r)&&(0,l.B)(n||"#000",r??.6)||void 0,"--overlay-filter":a?`blur(${(0,o.D)(a)})`:void 0,"--overlay-radius":void 0===s?void 0:(0,i.nJ)(s),"--overlay-z-index":c?.toString()}}))),y=(0,m.v)(((e,t)=>{const n=(0,c.Y)("Overlay",f,e),{classNames:o,className:a,style:i,styles:s,unstyled:l,vars:m,fixed:y,center:v,children:g,radius:b,zIndex:x,gradient:w,blur:N,color:E,backgroundOpacity:C,mod:S,...M}=n,j=(0,d.I)({name:"Overlay",props:n,classes:p,className:a,style:i,classNames:o,styles:s,unstyled:l,vars:m,varsResolver:h});return(0,r.jsx)(u.a,{ref:t,...j("root"),mod:[{center:v,fixed:y},S],...M,children:g})}));y.classes=p,y.displayName="@mantine/core/Overlay"},336504:(e,t,n)=>{n.d(t,{s:()=>w});var r=n(474848),o=n(951609);const a=/input|select|textarea|button|object/,i="a, input, select, textarea, button, object, [tabindex]";function s(e){return"none"===e.style.display}function l(e){let t=e.getAttribute("tabindex");return null===t&&(t=void 0),parseInt(t,10)}function c(e){const t=e.nodeName.toLowerCase(),n=!Number.isNaN(l(e));return(a.test(t)&&!e.disabled||e instanceof HTMLAnchorElement&&e.href||n)&&function(e){if(e.getAttribute("aria-hidden")||e.getAttribute("hidden")||"hidden"===e.getAttribute("type"))return!1;let t=e;for(;t&&t!==document.body&&11!==t.nodeType;){if(s(t))return!1;t=t.parentNode}return!0}(e)}function d(e){const t=l(e);return(Number.isNaN(t)||t>=0)&&c(e)}function u(e){return Array.from(e.querySelectorAll(i)).filter(d)}var m=n(137055),p=n(449178),f=n(746100),h=n(652837),y=n(311507),v=n(402412),g={root:"m_515a97f8"};const b={},x=(0,v.P9)(((e,t)=>{const n=(0,f.Y)("VisuallyHidden",b,e),{classNames:o,className:a,style:i,styles:s,unstyled:l,vars:c,...d}=n,u=(0,h.I)({name:"VisuallyHidden",classes:g,props:n,className:a,style:i,classNames:o,styles:s,unstyled:l});return(0,r.jsx)(y.a,{component:"span",ref:t,...u("root"),...d})}));function w({children:e,active:t=!0,refProp:n="ref",innerRef:r}){const a=function(e=!0){const t=(0,o.useRef)(null),n=e=>{let t=e.querySelector("[data-autofocus]");if(!t){const n=Array.from(e.querySelectorAll(i));t=n.find(d)||n.find(c)||null,!t&&c(e)&&(t=e)}t&&t.focus({preventScroll:!0})},r=(0,o.useCallback)((r=>{e&&null!==r&&t.current!==r&&(r?(setTimeout((()=>{r.getRootNode()&&n(r)})),t.current=r):t.current=null)}),[e]);return(0,o.useEffect)((()=>{if(!e)return;t.current&&setTimeout((()=>n(t.current)));const r=e=>{"Tab"===e.key&&t.current&&function(e,t){const n=u(e);if(!n.length)return void t.preventDefault();const r=n[t.shiftKey?0:n.length-1],o=e.getRootNode();let a=r===o.activeElement||e===o.activeElement;const i=o.activeElement;if("INPUT"===i.tagName&&"radio"===i.getAttribute("type")&&(a=n.filter((e=>"radio"===e.getAttribute("type")&&e.getAttribute("name")===i.getAttribute("name"))).includes(r)),!a)return;t.preventDefault();const s=n[t.shiftKey?n.length-1:0];s&&s.focus()}(t.current,e)};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)}),[e]),r}(t),s=(0,m.pc)(a,r);return(0,p.v)(e)?(0,o.cloneElement)(e,{[n]:s}):e}function N(e){return(0,r.jsx)(x,{tabIndex:-1,"data-autofocus":!0,...e})}x.classes=g,x.displayName="@mantine/core/VisuallyHidden",w.displayName="@mantine/core/FocusTrap",N.displayName="@mantine/core/FocusTrapInitialFocus",w.InitialFocus=N},344812:(e,t,n)=>{function r({theme:e,styles:t,props:n,stylesCtx:r}){return(Array.isArray(t)?t:[t]).reduce(((t,o)=>"function"==typeof o?{...t,...o(e,n,r)}:{...t,...o}),{})}n.d(t,{N:()=>r})},345585:(e,t,n)=>{n.d(t,{o:()=>o});var r=n(951609);const o="undefined"!=typeof document?r.useLayoutEffect:r.useEffect},360977:(e,t,n)=>{n.d(t,{M:()=>o});var r=n(951609);function o(e,t,n){(0,r.useEffect)((()=>(window.addEventListener(e,t,n),()=>window.removeEventListener(e,t,n))),[e,t])}},363552:(e,t,n)=>{n.d(t,{X:()=>p});var r=n(403052),o=(n(951609),n(474848),n(288149)),a=n(489569);function i(e,t){const n=(0,a.g)({color:e,theme:t});return"dimmed"===n.color?"var(--mantine-color-dimmed)":"bright"===n.color?"var(--mantine-color-bright)":n.variable?`var(${n.variable})`:n.color}const s={text:"var(--mantine-font-family)",mono:"var(--mantine-font-family-monospace)",monospace:"var(--mantine-font-family-monospace)",heading:"var(--mantine-font-family-headings)",headings:"var(--mantine-font-family-headings)"},l=["h1","h2","h3","h4","h5","h6"],c=["h1","h2","h3","h4","h5","h6"],d={color:i,textColor:function(e,t){const n=(0,a.g)({color:e,theme:t});return n.isThemeColor&&void 0===n.shade?`var(--mantine-color-${n.color}-text)`:i(e,t)},fontSize:function(e,t){return"string"==typeof e&&e in t.fontSizes?`var(--mantine-font-size-${e})`:"string"==typeof e&&l.includes(e)?`var(--mantine-${e}-font-size)`:"number"==typeof e||"string"==typeof e?(0,o.D)(e):e},spacing:function(e,t){if("number"==typeof e)return(0,o.D)(e);if("string"==typeof e){const n=e.replace("-","");if(!(n in t.spacing))return(0,o.D)(e);const r=`--mantine-spacing-${n}`;return e.startsWith("-")?`calc(var(${r}) * -1)`:`var(${r})`}return e},identity:function(e){return e},size:function(e){return"number"==typeof e?(0,o.D)(e):e},lineHeight:function(e,t){return"string"==typeof e&&e in t.lineHeights?`var(--mantine-line-height-${e})`:"string"==typeof e&&c.includes(e)?`var(--mantine-${e}-line-height)`:e},fontFamily:function(e){return"string"==typeof e&&e in s?s[e]:e},border:function(e,t){if("number"==typeof e)return(0,o.D)(e);if("string"==typeof e){const[n,r,...a]=e.split(" ").filter((e=>""!==e.trim()));let s=`${(0,o.D)(n)}`;return r&&(s+=` ${r}`),a.length>0&&(s+=` ${i(a.join(" "),t)}`),s.trim()}return e}};function u(e){return e.replace("(min-width: ","").replace("em)","")}function m(e,t){return"object"==typeof e&&null!==e&&t in e?e[t]:e}function p({styleProps:e,data:t,theme:n}){return function({media:e,...t}){return{...t,media:Object.keys(e).sort(((e,t)=>Number(u(e))-Number(u(t)))).map((t=>({query:t,styles:e[t]})))}}((0,r.H)(e).reduce(((o,a)=>{if("hiddenFrom"===a||"visibleFrom"===a||"sx"===a)return o;const i=t[a],s=Array.isArray(i.property)?i.property:[i.property],l="object"==typeof(c=e[a])&&null!==c?"base"in c?c.base:void 0:c;var c;if(!function(e){if("object"!=typeof e||null===e)return!1;const t=Object.keys(e);return 1!==t.length||"base"!==t[0]}(e[a]))return s.forEach((e=>{o.inlineStyles[e]=d[i.type](l,n)})),o;o.hasResponsiveStyles=!0;const u=function(e){return"object"==typeof e&&null!==e?(0,r.H)(e).filter((e=>"base"!==e)):[]}(e[a]);return s.forEach((t=>{l&&(o.styles[t]=d[i.type](l,n)),u.forEach((r=>{const s=`(min-width: ${n.breakpoints[r]})`;o.media[s]={...o.media[s],[t]:d[i.type](m(e[a],r),n)}}))})),o}),{hasResponsiveStyles:!1,styles:{},inlineStyles:{},media:{}}))}},373087:(e,t,n)=>{n.d(t,{e:()=>f});var r=n(474848),o=n(951609),a=n(666192);const i=e=>({in:{opacity:1,transform:"scale(1)"},out:{opacity:0,transform:`scale(.9) translateY(${"bottom"===e?10:-10}px)`},transitionProperty:"transform, opacity"}),s={fade:{in:{opacity:1},out:{opacity:0},transitionProperty:"opacity"},"fade-up":{in:{opacity:1,transform:"translateY(0)"},out:{opacity:0,transform:"translateY(30px)"},transitionProperty:"opacity, transform"},"fade-down":{in:{opacity:1,transform:"translateY(0)"},out:{opacity:0,transform:"translateY(-30px)"},transitionProperty:"opacity, transform"},"fade-left":{in:{opacity:1,transform:"translateX(0)"},out:{opacity:0,transform:"translateX(30px)"},transitionProperty:"opacity, transform"},"fade-right":{in:{opacity:1,transform:"translateX(0)"},out:{opacity:0,transform:"translateX(-30px)"},transitionProperty:"opacity, transform"},scale:{in:{opacity:1,transform:"scale(1)"},out:{opacity:0,transform:"scale(0)"},common:{transformOrigin:"top"},transitionProperty:"transform, opacity"},"scale-y":{in:{opacity:1,transform:"scaleY(1)"},out:{opacity:0,transform:"scaleY(0)"},common:{transformOrigin:"top"},transitionProperty:"transform, opacity"},"scale-x":{in:{opacity:1,transform:"scaleX(1)"},out:{opacity:0,transform:"scaleX(0)"},common:{transformOrigin:"left"},transitionProperty:"transform, opacity"},"skew-up":{in:{opacity:1,transform:"translateY(0) skew(0deg, 0deg)"},out:{opacity:0,transform:"translateY(-20px) skew(-10deg, -5deg)"},common:{transformOrigin:"top"},transitionProperty:"transform, opacity"},"skew-down":{in:{opacity:1,transform:"translateY(0) skew(0deg, 0deg)"},out:{opacity:0,transform:"translateY(20px) skew(-10deg, -5deg)"},common:{transformOrigin:"bottom"},transitionProperty:"transform, opacity"},"rotate-left":{in:{opacity:1,transform:"translateY(0) rotate(0deg)"},out:{opacity:0,transform:"translateY(20px) rotate(-5deg)"},common:{transformOrigin:"bottom"},transitionProperty:"transform, opacity"},"rotate-right":{in:{opacity:1,transform:"translateY(0) rotate(0deg)"},out:{opacity:0,transform:"translateY(20px) rotate(5deg)"},common:{transformOrigin:"top"},transitionProperty:"transform, opacity"},"slide-down":{in:{opacity:1,transform:"translateY(0)"},out:{opacity:0,transform:"translateY(-100%)"},common:{transformOrigin:"top"},transitionProperty:"transform, opacity"},"slide-up":{in:{opacity:1,transform:"translateY(0)"},out:{opacity:0,transform:"translateY(100%)"},common:{transformOrigin:"bottom"},transitionProperty:"transform, opacity"},"slide-left":{in:{opacity:1,transform:"translateX(0)"},out:{opacity:0,transform:"translateX(100%)"},common:{transformOrigin:"left"},transitionProperty:"transform, opacity"},"slide-right":{in:{opacity:1,transform:"translateX(0)"},out:{opacity:0,transform:"translateX(-100%)"},common:{transformOrigin:"right"},transitionProperty:"transform, opacity"},pop:{...i("bottom"),common:{transformOrigin:"center center"}},"pop-bottom-left":{...i("bottom"),common:{transformOrigin:"bottom left"}},"pop-bottom-right":{...i("bottom"),common:{transformOrigin:"bottom right"}},"pop-top-left":{...i("top"),common:{transformOrigin:"top left"}},"pop-top-right":{...i("top"),common:{transformOrigin:"top right"}}},l={entering:"in",entered:"in",exiting:"out",exited:"out","pre-exiting":"out","pre-entering":"out"};function c({transition:e,state:t,duration:n,timingFunction:r}){const o={WebkitBackfaceVisibility:"hidden",willChange:"transform, opacity",transitionDuration:`${n}ms`,transitionTimingFunction:r};return"string"==typeof e?e in s?{transitionProperty:s[e].transitionProperty,...o,...s[e].common,...s[e][l[t]]}:{}:{transitionProperty:e.transitionProperty,...o,...e.common,...e[l[t]]}}var d=n(275795),u=n(636311),m=n(500297),p=n(801101);function f({keepMounted:e,transition:t="fade",duration:n=250,exitDuration:i=n,mounted:s,children:l,timingFunction:f="ease",onExit:h,onEntered:y,onEnter:v,onExited:g,enterDelay:b,exitDelay:x}){const w=(0,a.bv)(),{transitionDuration:N,transitionStatus:E,transitionTimingFunction:C}=function({duration:e,exitDuration:t,timingFunction:n,mounted:r,onEnter:a,onExit:i,onEntered:s,onExited:l,enterDelay:c,exitDelay:f}){const h=(0,p.xd)(),y=(0,u.I)(),v=!!h.respectReducedMotion&&y,[g,b]=(0,o.useState)(v?0:e),[x,w]=(0,o.useState)(r?"entered":"exited"),N=(0,o.useRef)(-1),E=(0,o.useRef)(-1),C=(0,o.useRef)(-1),S=n=>{const r=n?a:i,o=n?s:l;window.clearTimeout(N.current);const c=v?0:n?e:t;b(c),0===c?("function"==typeof r&&r(),"function"==typeof o&&o(),w(n?"entered":"exited")):C.current=requestAnimationFrame((()=>{d.flushSync((()=>{w(n?"pre-entering":"pre-exiting")})),C.current=requestAnimationFrame((()=>{"function"==typeof r&&r(),w(n?"entering":"exiting"),N.current=window.setTimeout((()=>{"function"==typeof o&&o(),w(n?"entered":"exited")}),c)}))}))};return(0,m.C)((()=>{var e;e=r,window.clearTimeout(E.current),"number"==typeof(e?c:f)?E.current=window.setTimeout((()=>{S(e)}),e?c:f):S(e)}),[r]),(0,o.useEffect)((()=>()=>{window.clearTimeout(N.current),cancelAnimationFrame(C.current)}),[]),{transitionDuration:g,transitionStatus:x,transitionTimingFunction:n||"ease"}}({mounted:s,exitDuration:i,duration:n,timingFunction:f,onExit:h,onEntered:y,onEnter:v,onExited:g,enterDelay:b,exitDelay:x});return 0===N||"test"===w?s?(0,r.jsx)(r.Fragment,{children:l({})}):e?l({display:"none"}):null:"exited"===E?e?l({display:"none"}):null:(0,r.jsx)(r.Fragment,{children:l(c({transition:t,duration:N,state:E,timingFunction:C}))})}f.displayName="@mantine/core/Transition"},374593:(e,t,n)=>{n.d(t,{J:()=>a});var r=n(634164);const o={};function a({theme:e,classNames:t,props:n,stylesCtx:a}){return function(e){const t={};return e.forEach((e=>{Object.entries(e).forEach((([e,n])=>{t[e]?t[e]=(0,r.A)(t[e],n):t[e]=n}))})),t}((Array.isArray(t)?t:[t]).map((t=>"function"==typeof t?t(e,n,a):t||o)))}},402412:(e,t,n)=>{n.d(t,{D_:()=>a,LE:()=>i,P9:()=>s});var r=n(474848),o=n(951609);function a(e){return e}function i(e){const t=e;return e=>{const n=(0,o.forwardRef)(((n,o)=>(0,r.jsx)(t,{...e,...n,ref:o})));return n.extend=t.extend,n.displayName=`WithProps(${t.displayName})`,n}}function s(e){const t=(0,o.forwardRef)(e);return t.extend=a,t.withProps=e=>{const n=(0,o.forwardRef)(((n,o)=>(0,r.jsx)(t,{...e,...n,ref:o})));return n.extend=t.extend,n.displayName=`WithProps(${t.displayName})`,n},t}},403052:(e,t,n)=>{function r(e){return Object.keys(e)}n.d(t,{H:()=>r})},449178:(e,t,n)=>{n.d(t,{v:()=>o});var r=n(951609);function o(e){return!Array.isArray(e)&&null!==e&&"object"==typeof e&&e.type!==r.Fragment}},474848:(e,t,n)=>{e.exports=n(221020)},480684:(e,t,n)=>{function r(e,t){return"number"==typeof e.primaryShade?e.primaryShade:"dark"===t?e.primaryShade.dark:e.primaryShade.light}n.d(t,{g:()=>r})},489569:(e,t,n)=>{n.d(t,{g:()=>s});var r=n(480684),o=n(559444);function a(e){return e<=.03928?e/12.92:((e+.055)/1.055)**2.4}function i(e,t=.179){return!e.startsWith("var(")&&function(e){if(e.startsWith("oklch("))return(function(e){const t=e.match(/oklch\((.*?)%\s/);return t?parseFloat(t[1]):null}(e)||0)/100;const{r:t,g:n,b:r}=(0,o.K)(e),i=n/255,s=r/255;return.2126*a(t/255)+.7152*a(i)+.0722*a(s)}(e)>t}function s({color:e,theme:t,colorScheme:n}){if("string"!=typeof e)throw new Error("[@mantine/core] Failed to parse color. Expected color to be a string, instead got "+typeof e);if("bright"===e)return{color:e,value:"dark"===n?t.white:t.black,shade:void 0,isThemeColor:!1,isLight:i("dark"===n?t.white:t.black,t.luminanceThreshold),variable:"--mantine-color-bright"};if("dimmed"===e)return{color:e,value:"dark"===n?t.colors.dark[2]:t.colors.gray[7],shade:void 0,isThemeColor:!1,isLight:i("dark"===n?t.colors.dark[2]:t.colors.gray[6],t.luminanceThreshold),variable:"--mantine-color-dimmed"};if("white"===e||"black"===e)return{color:e,value:"white"===e?t.white:t.black,shade:void 0,isThemeColor:!1,isLight:i("white"===e?t.white:t.black,t.luminanceThreshold),variable:`--mantine-color-${e}`};const[o,a]=e.split("."),s=a?Number(a):void 0,l=o in t.colors;if(l){const e=void 0!==s?t.colors[o][s]:t.colors[o][(0,r.g)(t,n||"light")];return{color:o,value:e,shade:s,isThemeColor:l,isLight:i(e,t.luminanceThreshold),variable:a?`--mantine-color-${o}-${s}`:`--mantine-color-${o}-filled`}}return{color:e,value:e,isThemeColor:l,isLight:i(e,t.luminanceThreshold),shade:s,variable:void 0}}},500297:(e,t,n)=>{n.d(t,{C:()=>o});var r=n(951609);function o(e,t){const n=(0,r.useRef)(!1);(0,r.useEffect)((()=>()=>{n.current=!1}),[]),(0,r.useEffect)((()=>{if(n.current)return e();n.current=!0}),t)}},531074:(e,t,n)=>{n.d(t,{_:()=>f});var r=n(474848),o=n(951609),a=n(656324),i=n(759396),s=n(746100),l=n(652837),c=n(311507),d=n(618639),u={root:"m_9e117634"};const m={},p=(0,i.V)(((e,{radius:t,fit:n})=>({root:{"--image-radius":void 0===t?void 0:(0,a.nJ)(t),"--image-object-fit":n}}))),f=(0,d.v)(((e,t)=>{const n=(0,s.Y)("Image",m,e),{classNames:a,className:i,style:d,styles:f,unstyled:h,vars:y,onError:v,src:g,radius:b,fit:x,fallbackSrc:w,mod:N,...E}=n,[C,S]=(0,o.useState)(!g);(0,o.useEffect)((()=>S(!g)),[g]);const M=(0,l.I)({name:"Image",classes:u,props:n,className:i,style:d,classNames:a,styles:f,unstyled:h,vars:y,varsResolver:p});return C&&w?(0,r.jsx)(c.a,{component:"img",ref:t,src:w,...M("root"),onError:v,mod:["fallback",N],...E}):(0,r.jsx)(c.a,{component:"img",ref:t,...M("root"),src:g,onError:e=>{v?.(e),S(!0)},mod:N,...E})}));f.classes=u,f.displayName="@mantine/core/Image"},531365:(e,t,n)=>{n.d(t,{a:()=>me});var r=n(474848),o=n(951609),a=n(568690),i=n(746100),s=n(402412),l=n(634164),c=n(311507),d=n(746798);const[u,m]=(0,d.F)("ModalBase component was not found in tree");var p="m_615af6c9",f="m_b5489c3c",h="m_60c222c7",y="m_fd1ab0aa",v="m_606cb269",g="m_5df29311";const b=(0,o.forwardRef)((({className:e,...t},n)=>{const a=function(){const e=m();return(0,o.useEffect)((()=>(e.setBodyMounted(!0),()=>e.setBodyMounted(!1))),[]),e.getBodyId()}(),i=m();return(0,r.jsx)(c.a,{ref:n,...t,id:a,className:(0,l.A)({[g]:!i.unstyled},e)})}));b.displayName="@mantine/core/ModalBaseBody";const[x,w]=(0,d.F)("Modal component was not found in tree");var N={root:"m_9df02822",content:"m_54c44539",inner:"m_1f958f16",header:"m_d0e2b9cd"};const E={},C=(0,s.P9)(((e,t)=>{const n=(0,i.Y)("ModalBody",E,e),{classNames:o,className:a,style:s,styles:l,vars:c,...d}=n,u=w();return(0,r.jsx)(b,{ref:t,...u.getStyles("body",{classNames:o,style:s,styles:l,className:a}),...d})}));C.classes=N,C.displayName="@mantine/core/ModalBody";var S=n(580355);const M=(0,o.forwardRef)((({className:e,onClick:t,...n},o)=>{const a=m();return(0,r.jsx)(S.J,{ref:o,...n,onClick:e=>{a.onClose(),t?.(e)},className:(0,l.A)({[v]:!a.unstyled},e),unstyled:a.unstyled})}));M.displayName="@mantine/core/ModalBaseCloseButton";const j={},k=(0,s.P9)(((e,t)=>{const n=(0,i.Y)("ModalCloseButton",j,e),{classNames:o,className:a,style:s,styles:l,vars:c,...d}=n,u=w();return(0,r.jsx)(M,{ref:t,...u.getStyles("close",{classNames:o,style:s,styles:l,className:a}),...d})}));k.classes=N,k.displayName="@mantine/core/ModalCloseButton";var $=n(288149),D=n(336504),I=n(716267),L=n(373087);const O=(0,o.forwardRef)((({transitionProps:e,className:t,innerProps:n,onKeyDown:o,style:a,...i},s)=>{const c=m();return(0,r.jsx)(L.e,{mounted:c.opened,transition:"pop",...c.transitionProps,onExited:()=>{c.onExitTransitionEnd?.(),c.transitionProps?.onExited?.()},onEntered:()=>{c.onEnterTransitionEnd?.(),c.transitionProps?.onEntered?.()},...e,children:e=>(0,r.jsx)("div",{...n,className:(0,l.A)({[h]:!c.unstyled},n.className),children:(0,r.jsx)(D.s,{active:c.opened&&c.trapFocus,innerRef:s,children:(0,r.jsx)(I.t,{...i,component:"section",role:"dialog",tabIndex:-1,"aria-modal":!0,"aria-describedby":c.bodyMounted?c.getBodyId():void 0,"aria-labelledby":c.titleMounted?c.getTitleId():void 0,style:[a,e],className:(0,l.A)({[y]:!c.unstyled},t),unstyled:c.unstyled,children:i.children})})})})}));function T({children:e}){return(0,r.jsx)(r.Fragment,{children:e})}O.displayName="@mantine/core/ModalBaseContent";const P={},R=(0,s.P9)(((e,t)=>{const n=(0,i.Y)("ModalContent",P,e),{classNames:o,className:a,style:s,styles:l,vars:c,children:d,__hidden:u,...m}=n,p=w(),f=p.scrollAreaComponent||T;return(0,r.jsx)(O,{...p.getStyles("content",{className:a,style:s,styles:l,classNames:o}),innerProps:p.getStyles("inner",{className:a,style:s,styles:l,classNames:o}),"data-full-screen":p.fullScreen||void 0,"data-modal-content":!0,"data-hidden":u||void 0,ref:t,...m,children:(0,r.jsx)(f,{style:{maxHeight:p.fullScreen?"100dvh":`calc(100dvh - (${(0,$.D)(p.yOffset)} * 2))`},children:d})})}));R.classes=N,R.displayName="@mantine/core/ModalContent";const z=(0,o.forwardRef)((({className:e,...t},n)=>{const o=m();return(0,r.jsx)(c.a,{component:"header",ref:n,className:(0,l.A)({[f]:!o.unstyled},e),...t})}));z.displayName="@mantine/core/ModalBaseHeader";const A={},_=(0,s.P9)(((e,t)=>{const n=(0,i.Y)("ModalHeader",A,e),{classNames:o,className:a,style:s,styles:l,vars:c,...d}=n,u=w();return(0,r.jsx)(z,{ref:t,...u.getStyles("header",{classNames:o,style:s,styles:l,className:a}),...d})}));_.classes=N,_.displayName="@mantine/core/ModalHeader";var B=n(322662);const Y={duration:200,timingFunction:"ease",transition:"fade"},F=(0,o.forwardRef)((({onClick:e,transitionProps:t,style:n,visible:o,...a},i)=>{const s=m(),l=function(e){const t=m();return{...Y,...t.transitionProps,...e}}(t);return(0,r.jsx)(L.e,{mounted:void 0!==o?o:s.opened,...l,transition:"fade",children:t=>(0,r.jsx)(B.h,{ref:i,fixed:!0,style:[n,t],zIndex:s.zIndex,unstyled:s.unstyled,onClick:t=>{e?.(t),s.closeOnClickOutside&&s.onClose()},...a})})}));F.displayName="@mantine/core/ModalBaseOverlay";const U={},W=(0,s.P9)(((e,t)=>{const n=(0,i.Y)("ModalOverlay",U,e),{classNames:o,className:a,style:s,styles:l,vars:c,...d}=n,u=w();return(0,r.jsx)(F,{ref:t,...u.getStyles("overlay",{classNames:o,style:s,styles:l,className:a}),...d})}));W.classes=N,W.displayName="@mantine/core/ModalOverlay";var H=n(656324),V=n(759396),G=n(652837),Q=n(274099),Z=n(839268),X=n(966284),J=n(360977),q=n(672273),K=n(636311);const ee=(0,o.forwardRef)((({keepMounted:e,opened:t,onClose:n,id:i,transitionProps:s,onExitTransitionEnd:l,onEnterTransitionEnd:d,trapFocus:m,closeOnEscape:p,returnFocus:f,closeOnClickOutside:h,withinPortal:y,portalProps:v,lockScroll:g,children:b,zIndex:x,shadow:w,padding:N,__vars:E,unstyled:C,removeScrollProps:S,...M},j)=>{const{_id:k,titleMounted:$,bodyMounted:D,shouldLockScroll:I,setTitleMounted:L,setBodyMounted:O}=function({id:e,transitionProps:t,opened:n,trapFocus:r,closeOnEscape:a,onClose:i,returnFocus:s}){const l=(0,X.B)(e),[c,d]=(0,o.useState)(!1),[u,m]=(0,o.useState)(!1),p=function({opened:e,transitionDuration:t}){const[n,r]=(0,o.useState)(e),a=(0,o.useRef)(-1),i=(0,K.I)()?0:t;return(0,o.useEffect)((()=>(e?(r(!0),window.clearTimeout(a.current)):0===i?r(!1):a.current=window.setTimeout((()=>r(!1)),i),()=>window.clearTimeout(a.current))),[e,i]),n}({opened:n,transitionDuration:"number"==typeof t?.duration?t?.duration:200});return(0,J.M)("keydown",(e=>{"Escape"===e.key&&a&&n&&"true"!==e.target?.getAttribute("data-mantine-stop-propagation")&&i()}),{capture:!0}),(0,q.E)({opened:n,shouldReturnFocus:r&&s}),{_id:l,titleMounted:c,bodyMounted:u,shouldLockScroll:p,setTitleMounted:d,setBodyMounted:m}}({id:i,transitionProps:s,opened:t,trapFocus:m,closeOnEscape:p,onClose:n,returnFocus:f}),{key:T,...P}=S||{};return(0,r.jsx)(Z.r,{...v,withinPortal:y,children:(0,r.jsx)(u,{value:{opened:t,onClose:n,closeOnClickOutside:h,onExitTransitionEnd:l,onEnterTransitionEnd:d,transitionProps:{...s,keepMounted:e},getTitleId:()=>`${k}-title`,getBodyId:()=>`${k}-body`,titleMounted:$,bodyMounted:D,setTitleMounted:L,setBodyMounted:O,trapFocus:m,closeOnEscape:p,zIndex:x,unstyled:C},children:(0,r.jsx)(Q.A,{enabled:I&&g,...P,children:(0,r.jsx)(c.a,{ref:j,...M,__vars:{...E,"--mb-z-index":(x||(0,a.I)("modal")).toString(),"--mb-shadow":(0,H.dh)(w),"--mb-padding":(0,H.GY)(N)},children:b})},T)})})}));ee.displayName="@mantine/core/ModalBase";const te={__staticSelector:"Modal",closeOnClickOutside:!0,withinPortal:!0,lockScroll:!0,trapFocus:!0,returnFocus:!0,closeOnEscape:!0,keepMounted:!1,zIndex:(0,a.I)("modal"),transitionProps:{duration:200,transition:"fade-down"},yOffset:"5dvh"},ne=(0,V.V)(((e,{radius:t,size:n,yOffset:r,xOffset:o})=>({root:{"--modal-radius":void 0===t?void 0:(0,H.nJ)(t),"--modal-size":(0,H.YC)(n,"modal-size"),"--modal-y-offset":(0,$.D)(r),"--modal-x-offset":(0,$.D)(o)}}))),re=(0,s.P9)(((e,t)=>{const n=(0,i.Y)("ModalRoot",te,e),{classNames:o,className:a,style:s,styles:l,unstyled:c,vars:d,yOffset:u,scrollAreaComponent:m,radius:p,fullScreen:f,centered:h,xOffset:y,__staticSelector:v,...g}=n,b=(0,G.I)({name:v,classes:N,props:n,className:a,style:s,classNames:o,styles:l,unstyled:c,vars:d,varsResolver:ne});return(0,r.jsx)(x,{value:{yOffset:u,scrollAreaComponent:m,getStyles:b,fullScreen:f},children:(0,r.jsx)(ee,{ref:t,...b("root"),"data-full-screen":f||void 0,"data-centered":h||void 0,unstyled:c,...g})})}));re.classes=N,re.displayName="@mantine/core/ModalRoot";var oe=n(97986);const[ae,ie]=(0,oe.e)();function se({children:e}){const[t,n]=(0,o.useState)([]),[i,s]=(0,o.useState)((0,a.I)("modal"));return(0,r.jsx)(ae,{value:{stack:t,addModal:(e,t)=>{n((t=>[...new Set([...t,e])])),s((e=>"number"==typeof t&&"number"==typeof e?Math.max(e,t):e))},removeModal:e=>n((t=>t.filter((t=>t!==e)))),getZIndex:e=>`calc(${i} + ${t.indexOf(e)} + 1)`,currentId:t[t.length-1],maxZIndex:i},children:e})}se.displayName="@mantine/core/ModalStack";const le=(0,o.forwardRef)((({className:e,...t},n)=>{const a=function(){const e=m();return(0,o.useEffect)((()=>(e.setTitleMounted(!0),()=>e.setTitleMounted(!1))),[]),e.getTitleId()}(),i=m();return(0,r.jsx)(c.a,{component:"h2",ref:n,className:(0,l.A)({[p]:!i.unstyled},e),...t,id:a})}));le.displayName="@mantine/core/ModalBaseTitle";const ce={},de=(0,s.P9)(((e,t)=>{const n=(0,i.Y)("ModalTitle",ce,e),{classNames:o,className:a,style:s,styles:l,vars:c,...d}=n,u=w();return(0,r.jsx)(le,{ref:t,...u.getStyles("title",{classNames:o,style:s,styles:l,className:a}),...d})}));de.classes=N,de.displayName="@mantine/core/ModalTitle";const ue={closeOnClickOutside:!0,withinPortal:!0,lockScroll:!0,trapFocus:!0,returnFocus:!0,closeOnEscape:!0,keepMounted:!1,zIndex:(0,a.I)("modal"),transitionProps:{duration:200,transition:"fade-down"},withOverlay:!0,withCloseButton:!0},me=(0,s.P9)(((e,t)=>{const{title:n,withOverlay:s,overlayProps:l,withCloseButton:c,closeButtonProps:d,children:u,radius:m,opened:p,stackId:f,zIndex:h,...y}=(0,i.Y)("Modal",ue,e),v=ie(),g=!!n||c,b=v&&f?{closeOnEscape:v.currentId===f,trapFocus:v.currentId===f,zIndex:v.getZIndex(f)}:{},x=!1!==s&&(f&&v?v.currentId===f:p);return(0,o.useEffect)((()=>{v&&f&&(p?v.addModal(f,h||(0,a.I)("modal")):v.removeModal(f))}),[p,f,h]),(0,r.jsxs)(re,{ref:t,radius:m,opened:p,zIndex:v&&f?v.getZIndex(f):h,...y,...b,children:[s&&(0,r.jsx)(W,{visible:x,transitionProps:v&&f?{duration:0}:void 0,...l}),(0,r.jsxs)(R,{radius:m,__hidden:!!(v&&f&&p)&&f!==v.currentId,children:[g&&(0,r.jsxs)(_,{children:[n&&(0,r.jsx)(de,{children:n}),c&&(0,r.jsx)(k,{...d})]}),(0,r.jsx)(C,{children:u})]})]})}));me.classes=N,me.displayName="@mantine/core/Modal",me.Root=re,me.Overlay=W,me.Content=R,me.Body=C,me.Header=_,me.Title=de,me.CloseButton=k,me.Stack=se},545588:(e,t,n)=>{function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(this,arguments)}var o;n.d(t,{HS:()=>$,Oi:()=>s,Rr:()=>m,TM:()=>i,pX:()=>L,pb:()=>k,rc:()=>o,tH:()=>I,ue:()=>f}),function(e){e.Pop="POP",e.Push="PUSH",e.Replace="REPLACE"}(o||(o={}));const a="popstate";function i(e){return void 0===e&&(e={}),function(e,t,n,i){void 0===i&&(i={});let{window:l=document.defaultView,v5Compat:m=!1}=i,p=l.history,f=o.Pop,h=null,y=v();function v(){return(p.state||{idx:null}).idx}function g(){f=o.Pop;let e=v(),t=null==e?null:e-y;y=e,h&&h({action:f,location:x.location,delta:t})}function b(e){let t="null"!==l.location.origin?l.location.origin:l.location.href,n="string"==typeof e?e:u(e);return n=n.replace(/ $/,"%20"),s(t,"No window.location.(origin|href) available to create URL for href: "+n),new URL(n,t)}null==y&&(y=0,p.replaceState(r({},p.state,{idx:y}),""));let x={get action(){return f},get location(){return e(l,p)},listen(e){if(h)throw new Error("A history only accepts one active listener");return l.addEventListener(a,g),h=e,()=>{l.removeEventListener(a,g),h=null}},createHref:e=>t(l,e),createURL:b,encodeLocation(e){let t=b(e);return{pathname:t.pathname,search:t.search,hash:t.hash}},push:function(e,t){f=o.Push;let r=d(x.location,e,t);n&&n(r,e),y=v()+1;let a=c(r,y),i=x.createHref(r);try{p.pushState(a,"",i)}catch(e){if(e instanceof DOMException&&"DataCloneError"===e.name)throw e;l.location.assign(i)}m&&h&&h({action:f,location:x.location,delta:1})},replace:function(e,t){f=o.Replace;let r=d(x.location,e,t);n&&n(r,e),y=v();let a=c(r,y),i=x.createHref(r);p.replaceState(a,"",i),m&&h&&h({action:f,location:x.location,delta:0})},go:e=>p.go(e)};return x}((function(e,t){let{pathname:n="/",search:r="",hash:o=""}=m(e.location.hash.substr(1));return n.startsWith("/")||n.startsWith(".")||(n="/"+n),d("",{pathname:n,search:r,hash:o},t.state&&t.state.usr||null,t.state&&t.state.key||"default")}),(function(e,t){let n=e.document.querySelector("base"),r="";if(n&&n.getAttribute("href")){let t=e.location.href,n=t.indexOf("#");r=-1===n?t:t.slice(0,n)}return r+"#"+("string"==typeof t?t:u(t))}),(function(e,t){l("/"===e.pathname.charAt(0),"relative pathnames are not supported in hash history.push("+JSON.stringify(t)+")")}),e)}function s(e,t){if(!1===e||null==e)throw new Error(t)}function l(e,t){if(!e){"undefined"!=typeof console&&console.warn(t);try{throw new Error(t)}catch(e){}}}function c(e,t){return{usr:e.state,key:e.key,idx:t}}function d(e,t,n,o){return void 0===n&&(n=null),r({pathname:"string"==typeof e?e:e.pathname,search:"",hash:""},"string"==typeof t?m(t):t,{state:n,key:t&&t.key||o||Math.random().toString(36).substr(2,8)})}function u(e){let{pathname:t="/",search:n="",hash:r=""}=e;return n&&"?"!==n&&(t+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(t+="#"===r.charAt(0)?r:"#"+r),t}function m(e){let t={};if(e){let n=e.indexOf("#");n>=0&&(t.hash=e.substr(n),e=e.substr(0,n));let r=e.indexOf("?");r>=0&&(t.search=e.substr(r),e=e.substr(0,r)),e&&(t.pathname=e)}return t}var p;function f(e,t,n){return void 0===n&&(n="/"),function(e,t,n,r){let o=k(("string"==typeof t?m(t):t).pathname||"/",n);if(null==o)return null;let a=h(e);!function(e){e.sort(((e,t)=>e.score!==t.score?t.score-e.score:function(e,t){return e.length===t.length&&e.slice(0,-1).every(((e,n)=>e===t[n]))?e[e.length-1]-t[t.length-1]:0}(e.routesMeta.map((e=>e.childrenIndex)),t.routesMeta.map((e=>e.childrenIndex)))))}(a);let i=null;for(let e=0;null==i&&e<a.length;++e){let t=j(o);i=S(a[e],t,r)}return i}(e,t,n,!1)}function h(e,t,n,r){void 0===t&&(t=[]),void 0===n&&(n=[]),void 0===r&&(r="");let o=(e,o,a)=>{let i={relativePath:void 0===a?e.path||"":a,caseSensitive:!0===e.caseSensitive,childrenIndex:o,route:e};i.relativePath.startsWith("/")&&(s(i.relativePath.startsWith(r),'Absolute route path "'+i.relativePath+'" nested under path "'+r+'" is not valid. An absolute child route path must start with the combined path of all its parent routes.'),i.relativePath=i.relativePath.slice(r.length));let l=$([r,i.relativePath]),c=n.concat(i);e.children&&e.children.length>0&&(s(!0!==e.index,'Index routes must not have child routes. Please remove all child routes from route path "'+l+'".'),h(e.children,t,c,l)),(null!=e.path||e.index)&&t.push({path:l,score:C(l,e.index),routesMeta:c})};return e.forEach(((e,t)=>{var n;if(""!==e.path&&null!=(n=e.path)&&n.includes("?"))for(let n of y(e.path))o(e,t,n);else o(e,t)})),t}function y(e){let t=e.split("/");if(0===t.length)return[];let[n,...r]=t,o=n.endsWith("?"),a=n.replace(/\?$/,"");if(0===r.length)return o?[a,""]:[a];let i=y(r.join("/")),s=[];return s.push(...i.map((e=>""===e?a:[a,e].join("/")))),o&&s.push(...i),s.map((t=>e.startsWith("/")&&""===t?"/":t))}!function(e){e.data="data",e.deferred="deferred",e.redirect="redirect",e.error="error"}(p||(p={})),new Set(["lazy","caseSensitive","path","id","index","children"]);const v=/^:[\w-]+$/,g=3,b=2,x=1,w=10,N=-2,E=e=>"*"===e;function C(e,t){let n=e.split("/"),r=n.length;return n.some(E)&&(r+=N),t&&(r+=b),n.filter((e=>!E(e))).reduce(((e,t)=>e+(v.test(t)?g:""===t?x:w)),r)}function S(e,t,n){void 0===n&&(n=!1);let{routesMeta:r}=e,o={},a="/",i=[];for(let e=0;e<r.length;++e){let s=r[e],l=e===r.length-1,c="/"===a?t:t.slice(a.length)||"/",d=M({path:s.relativePath,caseSensitive:s.caseSensitive,end:l},c),u=s.route;if(!d&&l&&n&&!r[r.length-1].route.index&&(d=M({path:s.relativePath,caseSensitive:s.caseSensitive,end:!1},c)),!d)return null;Object.assign(o,d.params),i.push({params:o,pathname:$([a,d.pathname]),pathnameBase:D($([a,d.pathnameBase])),route:u}),"/"!==d.pathnameBase&&(a=$([a,d.pathnameBase]))}return i}function M(e,t){"string"==typeof e&&(e={path:e,caseSensitive:!1,end:!0});let[n,r]=function(e,t,n){void 0===t&&(t=!1),void 0===n&&(n=!0),l("*"===e||!e.endsWith("*")||e.endsWith("/*"),'Route path "'+e+'" will be treated as if it were "'+e.replace(/\*$/,"/*")+'" because the `*` character must always follow a `/` in the pattern. To get rid of this warning, please change the route path to "'+e.replace(/\*$/,"/*")+'".');let r=[],o="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,((e,t,n)=>(r.push({paramName:t,isOptional:null!=n}),n?"/?([^\\/]+)?":"/([^\\/]+)")));return e.endsWith("*")?(r.push({paramName:"*"}),o+="*"===e||"/*"===e?"(.*)$":"(?:\\/(.+)|\\/*)$"):n?o+="\\/*$":""!==e&&"/"!==e&&(o+="(?:(?=\\/|$))"),[new RegExp(o,t?void 0:"i"),r]}(e.path,e.caseSensitive,e.end),o=t.match(n);if(!o)return null;let a=o[0],i=a.replace(/(.)\/+$/,"$1"),s=o.slice(1);return{params:r.reduce(((e,t,n)=>{let{paramName:r,isOptional:o}=t;if("*"===r){let e=s[n]||"";i=a.slice(0,a.length-e.length).replace(/(.)\/+$/,"$1")}const l=s[n];return e[r]=o&&!l?void 0:(l||"").replace(/%2F/g,"/"),e}),{}),pathname:a,pathnameBase:i,pattern:e}}function j(e){try{return e.split("/").map((e=>decodeURIComponent(e).replace(/\//g,"%2F"))).join("/")}catch(t){return l(!1,'The URL path "'+e+'" could not be decoded because it is is a malformed URL segment. This is probably due to a bad percent encoding ('+t+")."),e}}function k(e,t){if("/"===t)return e;if(!e.toLowerCase().startsWith(t.toLowerCase()))return null;let n=t.endsWith("/")?t.length-1:t.length,r=e.charAt(n);return r&&"/"!==r?null:e.slice(n)||"/"}const $=e=>e.join("/").replace(/\/\/+/g,"/"),D=e=>e.replace(/\/+$/,"").replace(/^\/*/,"/");class I extends Error{}function L(e){return null!=e&&"number"==typeof e.status&&"string"==typeof e.statusText&&"boolean"==typeof e.internal&&"data"in e}const O=["post","put","patch","delete"],T=(new Set(O),["get",...O]);new Set(T),new Set([301,302,303,307,308]),new Set([307,308]),Symbol("deferred")},546076:(e,t,n)=>{n.d(t,{N:()=>d});var r=n(474848),o=(n(951609),n(746100)),a=n(652837),i=n(311507),s=n(618639),l={root:"m_87cf2631"};const c={__staticSelector:"UnstyledButton"},d=(0,s.v)(((e,t)=>{const n=(0,o.Y)("UnstyledButton",c,e),{className:s,component:d="button",__staticSelector:u,unstyled:m,classNames:p,styles:f,style:h,...y}=n,v=(0,a.I)({name:u,props:n,classes:l,className:s,style:h,classNames:p,styles:f,unstyled:m});return(0,r.jsx)(i.a,{...v("root",{focusable:!0}),component:d,ref:t,type:"button"===d?"button":void 0,...y})}));d.classes=l,d.displayName="@mantine/core/UnstyledButton"},559444:(e,t,n)=>{function r(e){return/^#?([0-9A-F]{3}){1,2}([0-9A-F]{2})?$/i.test(e)?function(e){let t=e.replace("#","");if(3===t.length){const e=t.split("");t=[e[0],e[0],e[1],e[1],e[2],e[2]].join("")}if(8===t.length){const e=parseInt(t.slice(6,8),16)/255;return{r:parseInt(t.slice(0,2),16),g:parseInt(t.slice(2,4),16),b:parseInt(t.slice(4,6),16),a:e}}const n=parseInt(t,16);return{r:n>>16&255,g:n>>8&255,b:255&n,a:1}}(e):e.startsWith("rgb")?function(e){const[t,n,r,o]=e.replace(/[^0-9,./]/g,"").split(/[/,]/).map(Number);return{r:t,g:n,b:r,a:o||1}}(e):e.startsWith("hsl")?function(e){const t=e.match(/^hsla?\(\s*(\d+)\s*,\s*(\d+%)\s*,\s*(\d+%)\s*(,\s*(0?\.\d+|\d+(\.\d+)?))?\s*\)$/i);if(!t)return{r:0,g:0,b:0,a:1};const n=parseInt(t[1],10),r=parseInt(t[2],10)/100,o=parseInt(t[3],10)/100,a=t[5]?parseFloat(t[5]):void 0,i=(1-Math.abs(2*o-1))*r,s=n/60,l=i*(1-Math.abs(s%2-1)),c=o-i/2;let d,u,m;return s>=0&&s<1?(d=i,u=l,m=0):s>=1&&s<2?(d=l,u=i,m=0):s>=2&&s<3?(d=0,u=i,m=l):s>=3&&s<4?(d=0,u=l,m=i):s>=4&&s<5?(d=l,u=0,m=i):(d=i,u=0,m=l),{r:Math.round(255*(d+c)),g:Math.round(255*(u+c)),b:Math.round(255*(m+c)),a:a||1}}(e):{r:0,g:0,b:0,a:1}}n.d(t,{K:()=>r})},568690:(e,t,n)=>{n.d(t,{I:()=>o});const r={app:100,modal:200,popover:300,overlay:400,max:9999};function o(e){return r[e]}},580355:(e,t,n)=>{n.d(t,{J:()=>y});var r=n(474848),o=n(288149),a=n(951609),i=n(656324),s=n(759396),l=n(746100),c=n(652837),d=n(618639),u=n(546076);const m=(0,a.forwardRef)((({size:e="var(--cb-icon-size, 70%)",style:t,...n},o)=>(0,r.jsx)("svg",{viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{...t,width:e,height:e},ref:o,...n,children:(0,r.jsx)("path",{d:"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})})));m.displayName="@mantine/core/CloseIcon";var p={root:"m_86a44da5","root--subtle":"m_220c80f2"};const f={variant:"subtle"},h=(0,s.V)(((e,{size:t,radius:n,iconSize:r})=>({root:{"--cb-size":(0,i.YC)(t,"cb-size"),"--cb-radius":void 0===n?void 0:(0,i.nJ)(n),"--cb-icon-size":(0,o.D)(r)}}))),y=(0,d.v)(((e,t)=>{const n=(0,l.Y)("CloseButton",f,e),{iconSize:o,children:a,vars:i,radius:s,className:d,classNames:y,style:v,styles:g,unstyled:b,"data-disabled":x,disabled:w,variant:N,icon:E,mod:C,__staticSelector:S,...M}=n,j=(0,c.I)({name:S||"CloseButton",props:n,className:d,style:v,classes:p,classNames:y,styles:g,unstyled:b,vars:i,varsResolver:h});return(0,r.jsxs)(u.N,{ref:t,...M,unstyled:b,variant:N,disabled:w,mod:[{disabled:w||x},C],...j("root",{variant:N,active:!w&&!x}),children:[E||(0,r.jsx)(m,{}),a]})}));y.classes=p,y.displayName="@mantine/core/CloseButton"},618639:(e,t,n)=>{n.d(t,{v:()=>i});var r=n(474848),o=n(951609),a=n(402412);function i(e){const t=(0,o.forwardRef)(e);return t.withProps=e=>{const n=(0,o.forwardRef)(((n,o)=>(0,r.jsx)(t,{...e,...n,ref:o})));return n.extend=t.extend,n.displayName=`WithProps(${t.displayName})`,n},t.extend=a.D_,t}},634164:(e,t,n)=>{function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}n.d(t,{A:()=>o});const o=function(){for(var e,t,n=0,o="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}},636311:(e,t,n)=>{n.d(t,{I:()=>o});var r=n(951609);function o(e,t){return function(e,t,{getInitialValueInEffect:n}={getInitialValueInEffect:!0}){const[o,a]=(0,r.useState)(n?t:function(e){return"undefined"!=typeof window&&"matchMedia"in window&&window.matchMedia(e).matches}(e)),i=(0,r.useRef)(null);return(0,r.useEffect)((()=>{if("matchMedia"in window)return i.current=window.matchMedia(e),a(i.current.matches),function(e,t){try{return e.addEventListener("change",t),()=>e.removeEventListener("change",t)}catch(n){return e.addListener(t),()=>e.removeListener(t)}}(i.current,(e=>a(e.matches)))}),[e]),o}("(prefers-reduced-motion: reduce)",e,t)}},652837:(e,t,n)=>{n.d(t,{I:()=>y}),n(951609),n(474848);var r=n(666192),o=n(801101),a=n(634164);const i={always:"mantine-focus-always",auto:"mantine-focus-auto",never:"mantine-focus-never"};var s=n(374593);function l({selector:e,stylesCtx:t,theme:n,classNames:r,props:o}){return(0,s.J)({theme:n,classNames:r,props:o,stylesCtx:t})[e]}function c({theme:e,options:t,themeName:n,selector:r,classNamesPrefix:o,classNames:c,classes:d,unstyled:u,className:m,rootSelector:p,props:f,stylesCtx:h,withStaticClasses:y,headless:v,transformedStyles:g}){return(0,a.A)(function({theme:e,options:t,unstyled:n}){return(0,a.A)(t?.focusable&&!n&&(e.focusClassName||i[e.focusRing]),t?.active&&!n&&e.activeClassName)}({theme:e,options:t,unstyled:u||v}),function({themeName:e,theme:t,selector:n,props:r,stylesCtx:o}){return e.map((e=>(0,s.J)({theme:t,classNames:t.components[e]?.classNames,props:r,stylesCtx:o})?.[n]))}({theme:e,themeName:n,selector:r,props:f,stylesCtx:h}),function({options:e,classes:t,selector:n,unstyled:r}){return e?.variant&&!r?t[`${n}--${e.variant}`]:void 0}({options:t,classes:d,selector:r,unstyled:u}),l({selector:r,stylesCtx:h,theme:e,classNames:c,props:f}),l({selector:r,stylesCtx:h,theme:e,classNames:g,props:f}),function({selector:e,stylesCtx:t,options:n,props:r,theme:o}){return(0,s.J)({theme:o,classNames:n?.classNames,props:n?.props||r,stylesCtx:t})[e]}({selector:r,stylesCtx:h,options:t,props:f,theme:e}),function({rootSelector:e,selector:t,className:n}){return e===t?n:void 0}({rootSelector:p,selector:r,className:m}),function({selector:e,classes:t,unstyled:n}){return n?void 0:t[e]}({selector:r,classes:d,unstyled:u||v}),y&&!v&&function({themeName:e,classNamesPrefix:t,selector:n,withStaticClass:r}){return!1===r?[]:e.map((e=>`${t}-${e}-${n}`))}({themeName:n,classNamesPrefix:o,selector:r,withStaticClass:t?.withStaticClass}),t?.className)}var d=n(344812);function u({theme:e,themeName:t,props:n,stylesCtx:r,selector:o}){return t.map((t=>(0,d.N)({theme:e,styles:e.components[t]?.styles,props:n,stylesCtx:r})[o])).reduce(((e,t)=>({...e,...t})),{})}function m({style:e,theme:t}){return Array.isArray(e)?[...e].reduce(((e,n)=>({...e,...m({style:n,theme:t})})),{}):"function"==typeof e?e(t):null==e?{}:e}var p=n(77602);function f({vars:e,varsResolver:t,theme:n,props:r,stylesCtx:o,selector:a,themeName:i,headless:s}){return function(e){return e.reduce(((e,t)=>(t&&Object.keys(t).forEach((n=>{e[n]={...e[n],...(0,p.J)(t[n])}})),e)),{})}([s?{}:t?.(n,r,o),...i.map((e=>n.components?.[e]?.vars?.(n,r,o))),e?.(n,r,o)])?.[a]}function h({theme:e,themeName:t,selector:n,options:r,props:o,stylesCtx:a,rootSelector:i,styles:s,style:l,vars:c,varsResolver:p,headless:h,withStylesTransform:y}){return{...!y&&u({theme:e,themeName:t,props:o,stylesCtx:a,selector:n}),...!y&&(0,d.N)({theme:e,styles:s,props:o,stylesCtx:a})[n],...!y&&(0,d.N)({theme:e,styles:r?.styles,props:r?.props||o,stylesCtx:a})[n],...f({theme:e,props:o,stylesCtx:a,vars:c,varsResolver:p,selector:n,themeName:t,headless:h}),...i===n?m({style:l,theme:e}):null,...m({style:r?.style,theme:e})}}function y({name:e,classes:t,props:n,stylesCtx:a,className:i,style:s,rootSelector:l="root",unstyled:d,classNames:u,styles:m,vars:p,varsResolver:f}){const y=(0,o.xd)(),v=(0,r.AI)(),g=(0,r.If)(),b=(0,r.FI)(),x=(Array.isArray(e)?e:[e]).filter((e=>e)),{withStylesTransform:w,getTransformedStyles:N}=function({props:e,stylesCtx:t,themeName:n}){const a=(0,o.xd)(),i=(0,r.m6)()?.();return{getTransformedStyles:r=>i?[...r.map((n=>i(n,{props:e,theme:a,ctx:t}))),...n.map((n=>i(a.components[n]?.styles,{props:e,theme:a,ctx:t})))].filter(Boolean):[],withStylesTransform:!!i}}({props:n,stylesCtx:a,themeName:x});return(e,r)=>({className:c({theme:y,options:r,themeName:x,selector:e,classNamesPrefix:v,classNames:u,classes:t,unstyled:d,className:i,rootSelector:l,props:n,stylesCtx:a,withStaticClasses:g,headless:b,transformedStyles:N([r?.styles,m])}),style:h({theme:y,themeName:x,selector:e,options:r,props:n,stylesCtx:a,rootSelector:l,styles:m,style:s,vars:p,varsResolver:f,headless:b,withStylesTransform:w})})}},656324:(e,t,n)=>{n.d(t,{GY:()=>i,YC:()=>a,dh:()=>d,ks:()=>c,nJ:()=>s,ny:()=>l});var r=n(312940),o=n(288149);function a(e,t="size",n=!0){if(void 0!==e)return(0,r.t)(e)?n?(0,o.D)(e):e:`var(--${t}-${e})`}function i(e){return a(e,"mantine-spacing")}function s(e){return void 0===e?"var(--mantine-radius-default)":a(e,"mantine-radius")}function l(e){return a(e,"mantine-font-size")}function c(e){return a(e,"mantine-line-height",!1)}function d(e){if(e)return a(e,"mantine-shadow",!1)}},658335:(e,t,n)=>{n.d(t,{jQ:()=>l,Fj:()=>a});var r=n(345585),o=n(45727);const[a,i]=(s="mantine-modals",[function(e){const t=Object.keys(e).reduce(((t,n)=>(t[`${s}:${n}`]=t=>e[n](t.detail),t)),{});(0,r.o)((()=>(Object.keys(t).forEach((e=>{window.removeEventListener(e,t[e]),window.addEventListener(e,t[e])})),()=>Object.keys(t).forEach((e=>{window.removeEventListener(e,t[e])})))),[t])},function(e){return(...t)=>{return n=`${s}:${String(e)}`,r=t[0],void window.dispatchEvent(new CustomEvent(n,{detail:r}));var n,r}}]);var s;const l={open:e=>{const t=e.modalId||(0,o.z)();return i("openModal")({...e,modalId:t}),t},close:i("closeModal"),closeAll:i("closeAllModals"),openConfirmModal:e=>{const t=e.modalId||(0,o.z)();return i("openConfirmModal")({...e,modalId:t}),t},openContextModal:e=>{const t=e.modalId||(0,o.z)();return i("openContextModal")({...e,modalId:t}),t},updateModal:e=>i("updateModal")(e),updateContextModal:e=>i("updateContextModal")(e)}},663733:(e,t,n)=>{n.d(t,{j:()=>o});var r=n(77602);function o(e){const{m:t,mx:n,my:o,mt:a,mb:i,ml:s,mr:l,me:c,ms:d,p:u,px:m,py:p,pt:f,pb:h,pl:y,pr:v,pe:g,ps:b,bd:x,bg:w,c:N,opacity:E,ff:C,fz:S,fw:M,lts:j,ta:k,lh:$,fs:D,tt:I,td:L,w:O,miw:T,maw:P,h:R,mih:z,mah:A,bgsz:_,bgp:B,bgr:Y,bga:F,pos:U,top:W,left:H,bottom:V,right:G,inset:Q,display:Z,flex:X,hiddenFrom:J,visibleFrom:q,lightHidden:K,darkHidden:ee,sx:te,...ne}=e;return{styleProps:(0,r.J)({m:t,mx:n,my:o,mt:a,mb:i,ml:s,mr:l,me:c,ms:d,p:u,px:m,py:p,pt:f,pb:h,pl:y,pr:v,pe:g,ps:b,bd:x,bg:w,c:N,opacity:E,ff:C,fz:S,fw:M,lts:j,ta:k,lh:$,fs:D,tt:I,td:L,w:O,miw:T,maw:P,h:R,mih:z,mah:A,bgsz:_,bgp:B,bgr:Y,bga:F,pos:U,top:W,left:H,bottom:V,right:G,inset:Q,display:Z,flex:X,hiddenFrom:J,visibleFrom:q,lightHidden:K,darkHidden:ee,sx:te}),rest:ne}}n(951609),n(474848)},666192:(e,t,n)=>{n.d(t,{A$:()=>o,AI:()=>s,FI:()=>d,If:()=>c,NL:()=>u,OY:()=>i,WV:()=>l,bv:()=>p,m6:()=>m});var r=n(951609);const o=(0,r.createContext)(null);function a(){const e=(0,r.useContext)(o);if(!e)throw new Error("[@mantine/core] MantineProvider was not found in tree");return e}function i(){return a().cssVariablesResolver}function s(){return a().classNamesPrefix}function l(){return a().getStyleNonce}function c(){return a().withStaticClasses}function d(){return a().headless}function u(){return a().stylesTransform?.sx}function m(){return a().stylesTransform?.styles}function p(){return a().env||"default"}},672273:(e,t,n)=>{n.d(t,{E:()=>a});var r=n(951609),o=n(500297);function a({opened:e,shouldReturnFocus:t=!0}){const n=(0,r.useRef)(null),a=()=>{n.current&&"focus"in n.current&&"function"==typeof n.current.focus&&n.current?.focus({preventScroll:!0})};return(0,o.C)((()=>{let r=-1;const o=e=>{"Tab"===e.key&&window.clearTimeout(r)};return document.addEventListener("keydown",o),e?n.current=document.activeElement:t&&(r=window.setTimeout(a,10)),()=>{window.clearTimeout(r),document.removeEventListener("keydown",o)}}),[e,t]),a}},715074:(e,t,n)=>{n.d(t,{K:()=>l});var r=n(474848),o=(n(951609),n(666192)),a=n(403052);function i(e){return(0,a.H)(e).reduce(((t,n)=>{return void 0!==e[n]?`${t}${r=n,r.replace(/[A-Z]/g,(e=>`-${e.toLowerCase()}`))}:${e[n]};`:t;var r}),"").trim()}function s({selector:e,styles:t,media:n,container:r}){const o=t?i(t):"",a=Array.isArray(n)?n.map((t=>`@media${t.query}{${e}{${i(t.styles)}}}`)):[],s=Array.isArray(r)?r.map((t=>`@container ${t.query}{${e}{${i(t.styles)}}}`)):[];return`${o?`${e}{${o}}`:""}${a.join("")}${s.join("")}`.trim()}function l(e){const t=(0,o.WV)();return(0,r.jsx)("style",{"data-mantine-styles":"inline",nonce:t?.(),dangerouslySetInnerHTML:{__html:s(e)}})}},716267:(e,t,n)=>{n.d(t,{t:()=>p});var r=n(474848),o=(n(951609),n(656324)),a=n(759396),i=n(746100),s=n(652837),l=n(311507),c=n(618639),d={root:"m_1b7284a3"};const u={},m=(0,a.V)(((e,{radius:t,shadow:n})=>({root:{"--paper-radius":void 0===t?void 0:(0,o.nJ)(t),"--paper-shadow":(0,o.dh)(n)}}))),p=(0,c.v)(((e,t)=>{const n=(0,i.Y)("Paper",u,e),{classNames:o,className:a,style:c,styles:p,unstyled:f,withBorder:h,vars:y,radius:v,shadow:g,variant:b,mod:x,...w}=n,N=(0,s.I)({name:"Paper",props:n,classes:d,className:a,style:c,classNames:o,styles:p,unstyled:f,vars:y,varsResolver:m});return(0,r.jsx)(l.a,{ref:t,mod:[{"data-with-border":h},x],...N("root"),variant:b,...w})}));p.classes=d,p.displayName="@mantine/core/Paper"},746100:(e,t,n)=>{n.d(t,{Y:()=>a});var r=n(77602),o=(n(951609),n(474848),n(801101));function a(e,t,n){const a=(0,o.xd)(),i=a.components[e]?.defaultProps;return{...t,..."function"==typeof i?i(a):i,...(0,r.J)(n)}}},746798:(e,t,n)=>{n.d(t,{F:()=>a});var r=n(474848),o=n(951609);function a(e){const t=(0,o.createContext)(null);return[({children:e,value:n})=>(0,r.jsx)(t.Provider,{value:n,children:e}),()=>{const n=(0,o.useContext)(t);if(null===n)throw new Error(e);return n}]}},759396:(e,t,n)=>{function r(e){return e}n.d(t,{V:()=>r})},791752:(e,t,n)=>{n.d(t,{v:()=>o});var r=n(86344);function o(e,t){const n={from:e?.from||t.defaultGradient.from,to:e?.to||t.defaultGradient.to,deg:e?.deg??t.defaultGradient.deg??0},o=(0,r.r)(n.from,t),a=(0,r.r)(n.to,t);return`linear-gradient(${n.deg}deg, ${o} 0%, ${a} 100%)`}},801101:(e,t,n)=>{n.d(t,{nW:()=>f,xd:()=>p});var r=n(474848),o=n(951609),a=n(315304),i=n(901518);const s="[@mantine/core] MantineProvider: Invalid theme.primaryColor, it accepts only key of theme.colors, learn more – https://mantine.dev/theming/colors/#primary-color",l="[@mantine/core] MantineProvider: Invalid theme.primaryShade, it accepts only 0-9 integers or an object { light: 0-9, dark: 0-9 }";function c(e){return!(e<0||e>9)&&parseInt(e.toString(),10)===e}function d(e){if(!(e.primaryColor in e.colors))throw new Error(s);if(!("object"!=typeof e.primaryShade||c(e.primaryShade.dark)&&c(e.primaryShade.light)))throw new Error(l);if("number"==typeof e.primaryShade&&!c(e.primaryShade))throw new Error(l)}const u=(0,o.createContext)(null),m=()=>(0,o.useContext)(u)||a.S;function p(){const e=(0,o.useContext)(u);if(!e)throw new Error("@mantine/core: MantineProvider was not found in component tree, make sure you have it in your app");return e}function f({theme:e,children:t,inherit:n=!0}){const s=m(),l=(0,o.useMemo)((()=>function(e,t){if(!t)return d(e),e;const n=(0,i.$)(e,t);return t.fontFamily&&!t.headings?.fontFamily&&(n.headings.fontFamily=t.fontFamily),d(n),n}(n?s:a.S,e)),[e,s,n]);return(0,r.jsx)(u.Provider,{value:l,children:t})}f.displayName="@mantine/core/MantineThemeProvider"},805055:(e,t,n)=>{n.d(t,{$:()=>S});var r=n(474848),o=n(288149),a=(n(951609),n(656324)),i=n(759396),s=n(746100),l=n(652837),c=n(311507),d=n(618639),u=n(924952),m=n(373087),p=n(546076),f=n(402412),h={root:"m_77c9d27d",inner:"m_80f1301b",label:"m_811560b9",section:"m_a74036a",loader:"m_a25b86ee",group:"m_80d6d844",groupSection:"m_70be2a01"};const y={orientation:"horizontal"},v=(0,i.V)(((e,{borderWidth:t})=>({group:{"--button-border-width":(0,o.D)(t)}}))),g=(0,f.P9)(((e,t)=>{const n=(0,s.Y)("ButtonGroup",y,e),{className:o,style:a,classNames:i,styles:d,unstyled:u,orientation:m,vars:p,borderWidth:f,variant:g,mod:b,...x}=(0,s.Y)("ButtonGroup",y,e),w=(0,l.I)({name:"ButtonGroup",props:n,classes:h,className:o,style:a,classNames:i,styles:d,unstyled:u,vars:p,varsResolver:v,rootSelector:"group"});return(0,r.jsx)(c.a,{...w("group"),ref:t,variant:g,mod:[{"data-orientation":m},b],role:"group",...x})}));g.classes=h,g.displayName="@mantine/core/ButtonGroup";const b={},x=(0,i.V)(((e,{radius:t,color:n,gradient:r,variant:o,autoContrast:i,size:s})=>{const l=e.variantColorResolver({color:n||e.primaryColor,theme:e,gradient:r,variant:o||"filled",autoContrast:i});return{groupSection:{"--section-height":(0,a.YC)(s,"section-height"),"--section-padding-x":(0,a.YC)(s,"section-padding-x"),"--section-fz":s?.includes("compact")?(0,a.ny)(s.replace("compact-","")):(0,a.ny)(s),"--section-radius":void 0===t?void 0:(0,a.nJ)(t),"--section-bg":n||o?l.background:void 0,"--section-color":l.color,"--section-bd":n||o?l.border:void 0}}})),w=(0,f.P9)(((e,t)=>{const n=(0,s.Y)("ButtonGroupSection",b,e),{className:o,style:a,classNames:i,styles:d,unstyled:u,vars:m,variant:p,gradient:f,radius:y,autoContrast:v,...g}=(0,s.Y)("ButtonGroupSection",b,e),w=(0,l.I)({name:"ButtonGroupSection",props:n,classes:h,className:o,style:a,classNames:i,styles:d,unstyled:u,vars:m,varsResolver:x,rootSelector:"groupSection"});return(0,r.jsx)(c.a,{...w("groupSection"),ref:t,variant:p,...g})}));w.classes=h,w.displayName="@mantine/core/ButtonGroupSection";const N={in:{opacity:1,transform:`translate(-50%, calc(-50% + ${(0,o.D)(1)}))`},out:{opacity:0,transform:"translate(-50%, -200%)"},common:{transformOrigin:"center"},transitionProperty:"transform, opacity"},E={},C=(0,i.V)(((e,{radius:t,color:n,gradient:r,variant:o,size:i,justify:s,autoContrast:l})=>{const c=e.variantColorResolver({color:n||e.primaryColor,theme:e,gradient:r,variant:o||"filled",autoContrast:l});return{root:{"--button-justify":s,"--button-height":(0,a.YC)(i,"button-height"),"--button-padding-x":(0,a.YC)(i,"button-padding-x"),"--button-fz":i?.includes("compact")?(0,a.ny)(i.replace("compact-","")):(0,a.ny)(i),"--button-radius":void 0===t?void 0:(0,a.nJ)(t),"--button-bg":n||o?c.background:void 0,"--button-hover":n||o?c.hover:void 0,"--button-color":c.color,"--button-bd":n||o?c.border:void 0,"--button-hover-color":n||o?c.hoverColor:void 0}}})),S=(0,d.v)(((e,t)=>{const n=(0,s.Y)("Button",E,e),{style:o,vars:a,className:i,color:d,disabled:f,children:y,leftSection:v,rightSection:g,fullWidth:b,variant:x,radius:w,loading:S,loaderProps:M,gradient:j,classNames:k,styles:$,unstyled:D,"data-disabled":I,autoContrast:L,mod:O,...T}=n,P=(0,l.I)({name:"Button",props:n,classes:h,className:i,style:o,classNames:k,styles:$,unstyled:D,vars:a,varsResolver:C}),R=!!v,z=!!g;return(0,r.jsxs)(p.N,{ref:t,...P("root",{active:!f&&!S&&!I}),unstyled:D,variant:x,disabled:f||S,mod:[{disabled:f||I,loading:S,block:b,"with-left-section":R,"with-right-section":z},O],...T,children:[(0,r.jsx)(m.e,{mounted:!!S,transition:N,duration:150,children:e=>(0,r.jsx)(c.a,{component:"span",...P("loader",{style:e}),"aria-hidden":!0,children:(0,r.jsx)(u.a,{color:"var(--button-color)",size:"calc(var(--button-height) / 1.8)",...M})})}),(0,r.jsxs)("span",{...P("inner"),children:[v&&(0,r.jsx)(c.a,{component:"span",...P("section"),mod:{position:"left"},children:v}),(0,r.jsx)(c.a,{component:"span",mod:{loading:S},...P("label"),children:y}),g&&(0,r.jsx)(c.a,{component:"span",...P("section"),mod:{position:"right"},children:g})]})]})}));S.classes=h,S.displayName="@mantine/core/Button",S.Group=g,S.GroupSection=w},838459:(e,t,n)=>{function r(e){const t=function(e){return"string"==typeof e&&e.includes("var(--mantine-scale)")?e.match(/^calc\((.*?)\)$/)?.[1].split("*")[0].trim():e}(e);return"number"==typeof t?t:"string"==typeof t?t.includes("calc")||t.includes("var")?t:t.includes("px")?Number(t.replace("px","")):t.includes("rem")?16*Number(t.replace("rem","")):t.includes("em")?16*Number(t.replace("em","")):Number(t):NaN}n.d(t,{px:()=>r})},839268:(e,t,n)=>{n.d(t,{r:()=>f});var r=n(474848),o=n(951609),a=n(666192),i=n(402412),s=n(275795),l=n(345585),c=n(137055),d=n(746100);function u(e){const t=document.createElement("div");return t.setAttribute("data-portal","true"),"string"==typeof e.className&&t.classList.add(...e.className.split(" ").filter(Boolean)),"object"==typeof e.style&&Object.assign(t.style,e.style),"string"==typeof e.id&&t.setAttribute("id",e.id),t}const m={},p=(0,i.P9)(((e,t)=>{const{children:n,target:a,reuseTargetNode:i,...p}=(0,d.Y)("Portal",m,e),[f,h]=(0,o.useState)(!1),y=(0,o.useRef)(null);return(0,l.o)((()=>(h(!0),y.current=function({target:e,reuseTargetNode:t,...n}){if(e)return"string"==typeof e?document.querySelector(e)||u(n):e;if(t){const e=document.querySelector("[data-mantine-shared-portal-node]");if(e)return e;const t=u(n);return t.setAttribute("data-mantine-shared-portal-node","true"),document.body.appendChild(t),t}return u(n)}({target:a,reuseTargetNode:i,...p}),(0,c.bl)(t,y.current),a||i||!y.current||document.body.appendChild(y.current),()=>{a||i||!y.current||document.body.removeChild(y.current)})),[a]),f&&y.current?(0,s.createPortal)((0,r.jsx)(r.Fragment,{children:n}),y.current):null}));p.displayName="@mantine/core/Portal";const f=(0,i.P9)((({withinPortal:e=!0,children:t,...n},o)=>"test"!==(0,a.bv)()&&e?(0,r.jsx)(p,{ref:o,...n,children:t}):(0,r.jsx)(r.Fragment,{children:t})));f.displayName="@mantine/core/OptionalPortal"},864999:(e,t,n)=>{n.d(t,{Y:()=>f});var r=n(474848),o=n(951609),a=n(656324),i=n(759396),s=n(746100),l=n(652837),c=n(311507),d=n(402412),u={root:"m_4081bf90"};const m={preventGrowOverflow:!0,gap:"md",align:"center",justify:"flex-start",wrap:"wrap"},p=(0,i.V)(((e,{grow:t,preventGrowOverflow:n,gap:r,align:o,justify:i,wrap:s},{childWidth:l})=>({root:{"--group-child-width":t&&n?l:void 0,"--group-gap":(0,a.GY)(r),"--group-align":o,"--group-justify":i,"--group-wrap":s}}))),f=(0,d.P9)(((e,t)=>{const n=(0,s.Y)("Group",m,e),{classNames:i,className:d,style:f,styles:h,unstyled:y,children:v,gap:g,align:b,justify:x,wrap:w,grow:N,preventGrowOverflow:E,vars:C,variant:S,__size:M,mod:j,...k}=n,$=function(e){return o.Children.toArray(e).filter(Boolean)}(v),D=$.length,I=(0,a.GY)(g??"md"),L={childWidth:`calc(${100/D}% - (${I} - ${I} / ${D}))`},O=(0,l.I)({name:"Group",props:n,stylesCtx:L,className:d,style:f,classes:u,classNames:i,styles:h,unstyled:y,vars:C,varsResolver:p});return(0,r.jsx)(c.a,{...O("root"),ref:t,variant:S,mod:[{grow:N},j],size:M,...k,children:$})}));f.classes=u,f.displayName="@mantine/core/Group"},883974:(e,t,n)=>{n.d(t,{C:()=>o});var r=n(951609);function o(){return`__m__-${(0,r.useId)().replace(/:/g,"")}`}},901518:(e,t,n)=>{function r(e){return e&&"object"==typeof e&&!Array.isArray(e)}function o(e,t){const n={...e},a=t;return r(e)&&r(t)&&Object.keys(t).forEach((t=>{r(a[t])?n[t]=t in e?o(n[t],a[t]):a[t]:n[t]=a[t]})),n}n.d(t,{$:()=>o})},909543:(e,t,n)=>{n.d(t,{_b:()=>l,$e:()=>c,__:()=>a,E$:()=>i});var r=n(45727),o=n(951609);const a=function(){let e={notifications:[],queue:[],defaultPosition:"bottom-right",limit:5},t=!1;const n=new Set;return{getState:()=>e,updateState(t){e="function"==typeof t?t(e):t},setState(t){this.updateState(t),n.forEach((t=>t(e)))},initialize(n){t||(e=n,t=!0)},subscribe:e=>(n.add(e),()=>n.delete(e))}}(),i=(e=a)=>function(e){return(0,o.useSyncExternalStore)(e.subscribe,(()=>e.getState()),(()=>e.getState()))}(e);function s(e,t){const n=e.getState(),r=function(e,t,n){const r=[],o=[],a={};for(const i of e){const e=i.position||t;a[e]=a[e]||0,a[e]+=1,a[e]<=n?o.push(i):r.push(i)}return{notifications:o,queue:r}}(t([...n.notifications,...n.queue]),n.defaultPosition,n.limit);e.setState({notifications:r.notifications,queue:r.queue,limit:n.limit,defaultPosition:n.defaultPosition})}function l(e,t=a){return s(t,(t=>t.filter((t=>t.id!==e||(t.onClose?.(t),!1))))),e}const c={show:function(e,t=a){const n=e.id||(0,r.z)();return s(t,(t=>e.id&&t.some((t=>t.id===e.id))?t:[...t,{...e,id:n}])),n},hide:l,update:function(e,t=a){return s(t,(t=>t.map((t=>t.id===e.id?{...t,...e}:t)))),e.id},clean:function(e=a){s(e,(()=>[]))},cleanQueue:function(e=a){s(e,(t=>t.slice(0,e.getState().limit)))},updateState:s}},917826:(e,t,n)=>{n.d(t,{E:()=>y});var r=n(474848),o=(n(951609),n(656324)),a=n(759396),i=n(86344),s=n(791752),l=n(746100),c=n(652837),d=n(311507),u=n(618639),m={root:"m_b6d8b162"};function p(e){return"start"===e?"start":"end"===e||e?"end":void 0}const f={inherit:!1},h=(0,a.V)(((e,{variant:t,lineClamp:n,gradient:r,size:a,color:l})=>({root:{"--text-fz":(0,o.ny)(a),"--text-lh":(0,o.ks)(a),"--text-gradient":"gradient"===t?(0,s.v)(r,e):void 0,"--text-line-clamp":"number"==typeof n?n.toString():void 0,"--text-color":l?(0,i.r)(l,e):void 0}}))),y=(0,u.v)(((e,t)=>{const n=(0,l.Y)("Text",f,e),{lineClamp:o,truncate:a,inline:i,inherit:s,gradient:u,span:y,__staticSelector:v,vars:g,className:b,style:x,classNames:w,styles:N,unstyled:E,variant:C,mod:S,size:M,...j}=n,k=(0,c.I)({name:["Text",v],props:n,classes:m,className:b,style:x,classNames:w,styles:N,unstyled:E,vars:g,varsResolver:h});return(0,r.jsx)(d.a,{...k("root",{focusable:!0}),ref:t,component:y?"span":"p",variant:C,mod:[{"data-truncate":p(a),"data-line-clamp":"number"==typeof o,"data-inline":i,"data-inherit":s},S],size:M,...j})}));y.classes=m,y.displayName="@mantine/core/Text"},924952:(e,t,n)=>{n.d(t,{a:()=>x});var r=n(474848),o=n(951609),a=n(656324),i=n(759396),s=n(86344),l=n(746100),c=n(652837),d=n(311507),u=n(402412),m=n(634164),p={root:"m_5ae2e3c",barsLoader:"m_7a2bd4cd",bar:"m_870bb79","bars-loader-animation":"m_5d2b3b9d",dotsLoader:"m_4e3f22d7",dot:"m_870c4af","loader-dots-animation":"m_aac34a1",ovalLoader:"m_b34414df","oval-loader-animation":"m_f8e89c4b"};const f=(0,o.forwardRef)((({className:e,...t},n)=>(0,r.jsxs)(d.a,{component:"span",className:(0,m.A)(p.barsLoader,e),...t,ref:n,children:[(0,r.jsx)("span",{className:p.bar}),(0,r.jsx)("span",{className:p.bar}),(0,r.jsx)("span",{className:p.bar})]})));f.displayName="@mantine/core/Bars";const h=(0,o.forwardRef)((({className:e,...t},n)=>(0,r.jsxs)(d.a,{component:"span",className:(0,m.A)(p.dotsLoader,e),...t,ref:n,children:[(0,r.jsx)("span",{className:p.dot}),(0,r.jsx)("span",{className:p.dot}),(0,r.jsx)("span",{className:p.dot})]})));h.displayName="@mantine/core/Dots";const y=(0,o.forwardRef)((({className:e,...t},n)=>(0,r.jsx)(d.a,{component:"span",className:(0,m.A)(p.ovalLoader,e),...t,ref:n})));y.displayName="@mantine/core/Oval";const v={bars:f,oval:y,dots:h},g={loaders:v,type:"oval"},b=(0,i.V)(((e,{size:t,color:n})=>({root:{"--loader-size":(0,a.YC)(t,"loader-size"),"--loader-color":n?(0,s.r)(n,e):void 0}}))),x=(0,u.P9)(((e,t)=>{const n=(0,l.Y)("Loader",g,e),{size:o,color:a,type:i,vars:s,className:u,style:m,classNames:f,styles:h,unstyled:y,loaders:v,variant:x,children:w,...N}=n,E=(0,c.I)({name:"Loader",props:n,classes:p,className:u,style:m,classNames:f,styles:h,unstyled:y,vars:s,varsResolver:b});return w?(0,r.jsx)(d.a,{...E("root"),ref:t,...N,children:w}):(0,r.jsx)(d.a,{...E("root"),ref:t,component:v[i],variant:x,size:o,...N})}));x.defaultLoaders=v,x.classes=p,x.displayName="@mantine/core/Loader"},951609:e=>{e.exports=window.React},966284:(e,t,n)=>{n.d(t,{B:()=>s});var r=n(951609),o=n(345585),a=n(45727);const i=r["useId".toString()]||(()=>{});function s(e){const t=function(){const e=i();return e?`mantine-${e.replace(/:/g,"")}`:""}(),[n,s]=(0,r.useState)(t);return(0,o.o)((()=>{s((0,a.z)())}),[]),"string"==typeof e?e:"undefined"==typeof window?t:n}},986087:e=>{e.exports=window.wp.element}},a={};function i(e){var t=a[e];if(void 0!==t)return t.exports;var n=a[e]={exports:{}};return o[e].call(n.exports,n,n.exports,i),n.exports}i.m=o,i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,i.t=function(n,r){if(1&r&&(n=this(n)),8&r)return n;if("object"==typeof n&&n){if(4&r&&n.__esModule)return n;if(16&r&&"function"==typeof n.then)return n}var o=Object.create(null);i.r(o);var a={};e=e||[null,t({}),t([]),t(t)];for(var s=2&r&&n;"object"==typeof s&&!~e.indexOf(s);s=t(s))Object.getOwnPropertyNames(s).forEach((e=>a[e]=()=>n[e]));return a.default=()=>n,i.d(o,a),o},i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,n)=>(i.f[n](e,t),t)),[])),i.u=e=>e+".js",i.miniCssF=e=>e+".css",i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n={},r="frontend:",i.l=(e,t,o,a)=>{if(n[e])n[e].push(t);else{var s,l;if(void 0!==o)for(var c=document.getElementsByTagName("script"),d=0;d<c.length;d++){var u=c[d];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==r+o){s=u;break}}s||(l=!0,(s=document.createElement("script")).charset="utf-8",s.timeout=120,i.nc&&s.setAttribute("nonce",i.nc),s.setAttribute("data-webpack",r+o),s.src=e),n[e]=[t];var m=(t,r)=>{s.onerror=s.onload=null,clearTimeout(p);var o=n[e];if(delete n[e],s.parentNode&&s.parentNode.removeChild(s),o&&o.forEach((e=>e(r))),t)return t(r)},p=setTimeout(m.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=m.bind(null,s.onerror),s.onload=m.bind(null,s.onload),l&&document.head.appendChild(s)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;i.g.importScripts&&(e=i.g.location+"");var t=i.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var n=t.getElementsByTagName("script");if(n.length)for(var r=n.length-1;r>-1&&(!e||!/^http(s?):/.test(e));)e=n[r--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),i.p=e})(),(()=>{if("undefined"!=typeof document){var e={57:0};i.f.miniCss=(t,n)=>{e[t]?n.push(e[t]):0!==e[t]&&{176:1,633:1,691:1,746:1,943:1}[t]&&n.push(e[t]=(e=>new Promise(((t,n)=>{var r=i.miniCssF(e),o=i.p+r;if(((e,t)=>{for(var n=document.getElementsByTagName("link"),r=0;r<n.length;r++){var o=(i=n[r]).getAttribute("data-href")||i.getAttribute("href");if("stylesheet"===i.rel&&(o===e||o===t))return i}var a=document.getElementsByTagName("style");for(r=0;r<a.length;r++){var i;if((o=(i=a[r]).getAttribute("data-href"))===e||o===t)return i}})(r,o))return t();((e,t,n,r,o)=>{var a=document.createElement("link");a.rel="stylesheet",a.type="text/css",i.nc&&(a.nonce=i.nc),a.onerror=a.onload=n=>{if(a.onerror=a.onload=null,"load"===n.type)r();else{var i=n&&n.type,s=n&&n.target&&n.target.href||t,l=new Error("Loading CSS chunk "+e+" failed.\n("+i+": "+s+")");l.name="ChunkLoadError",l.code="CSS_CHUNK_LOAD_FAILED",l.type=i,l.request=s,a.parentNode&&a.parentNode.removeChild(a),o(l)}},a.href=t,document.head.appendChild(a)})(e,o,0,t,n)})))(t).then((()=>{e[t]=0}),(n=>{throw delete e[t],n})))}}})(),(()=>{var e={57:0};i.f.j=(t,n)=>{var r=i.o(e,t)?e[t]:void 0;if(0!==r)if(r)n.push(r[2]);else{var o=new Promise(((n,o)=>r=e[t]=[n,o]));n.push(r[2]=o);var a=i.p+i.u(t),s=new Error;i.l(a,(n=>{if(i.o(e,t)&&(0!==(r=e[t])&&(e[t]=void 0),r)){var o=n&&("load"===n.type?"missing":n.type),a=n&&n.target&&n.target.src;s.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",s.name="ChunkLoadError",s.type=o,s.request=a,r[1](s)}}),"chunk-"+t,t)}};var t=(t,n)=>{var r,o,[a,s,l]=n,c=0;if(a.some((t=>0!==e[t]))){for(r in s)i.o(s,r)&&(i.m[r]=s[r]);l&&l(i)}for(t&&t(n);c<a.length;c++)o=a[c],i.o(e,o)&&e[o]&&e[o][0](),e[o]=0},n=globalThis.webpackChunkfrontend=globalThis.webpackChunkfrontend||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),i.nc=void 0;var s=i(951609),l=i.n(s),c=i(474848),d=i(531365),u=i(568690),m=i(45727),p=i(311507),f=i(864999),h=i(805055);const y=(0,s.createContext)(null);function v({id:e,cancelProps:t,confirmProps:n,labels:r={cancel:"",confirm:""},closeOnConfirm:o=!0,closeOnCancel:a=!0,groupProps:i,onCancel:l,onConfirm:d,children:u}){const{cancel:m,confirm:v}=r,g=function(){const e=(0,s.useContext)(y);if(!e)throw new Error("[@mantine/modals] useModals hook was called outside of context, wrap your app with ModalsProvider component");return e}();return(0,c.jsxs)(c.Fragment,{children:[u&&(0,c.jsx)(p.a,{mb:"md",children:u}),(0,c.jsxs)(f.Y,{mt:u?0:"md",justify:"flex-end",...i,children:[(0,c.jsx)(h.$,{variant:"default",...t,onClick:n=>{"function"==typeof t?.onClick&&t?.onClick(n),"function"==typeof l&&l(),a&&g.closeModal(e)},children:t?.children||m}),(0,c.jsx)(h.$,{...n,onClick:t=>{"function"==typeof n?.onClick&&n?.onClick(t),"function"==typeof d&&d(),o&&g.closeModal(e)},children:n?.children||v})]})]})}y.displayName="@mantine/modals/ModalsContext";var g=i(658335);function b(e,t){t&&"confirm"===e.type&&e.props.onCancel?.(),e.props.onClose?.()}function x(e,t){switch(t.type){case"OPEN":return{current:t.modal,modals:[...e.modals,t.modal]};case"CLOSE":{const n=e.modals.find((e=>e.id===t.modalId));if(!n)return e;b(n,t.canceled);const r=e.modals.filter((e=>e.id!==t.modalId));return{current:r[r.length-1]||e.current,modals:r}}case"CLOSE_ALL":return e.modals.length?(e.modals.concat().reverse().forEach((e=>{b(e,t.canceled)})),{current:e.current,modals:[]}):e;case"UPDATE":{const{modalId:n,newProps:r}=t,o=e.modals.map((e=>e.id!==n?e:"content"===e.type||"confirm"===e.type?{...e,props:{...e.props,...r}}:"context"===e.type?{...e,props:{...e.props,...r,innerProps:{...e.props.innerProps,...r.innerProps}}}:e)),a=e.current?.id===n&&o.find((e=>e.id===n))||e.current;return{...e,modals:o,current:a}}default:return e}}var w=i(924952);function N(e){return"auto"===e||"dark"===e||"light"===e}function E({key:e="mantine-color-scheme-value"}={}){let t;return{get:t=>{if("undefined"==typeof window)return t;try{const n=window.localStorage.getItem(e);return N(n)?n:t}catch{return t}},set:t=>{try{window.localStorage.setItem(e,t)}catch(e){console.warn("[@mantine/core] Local storage color scheme manager was unable to save color scheme.",e)}},subscribe:n=>{t=t=>{t.storageArea===window.localStorage&&t.key===e&&N(t.newValue)&&n(t.newValue)},window.addEventListener("storage",t)},unsubscribe:()=>{window.removeEventListener("storage",t)},clear:()=>{window.localStorage.removeItem(e)}}}var C=i(666192),S=i(403052),M=i(838459),j=i(288149),k=i(801101);function $(){const e=(0,k.xd)(),t=(0,C.WV)(),n=(0,S.H)(e.breakpoints).reduce(((t,n)=>{const r=e.breakpoints[n].includes("px"),o=(0,M.px)(e.breakpoints[n]);return`${t}@media (max-width: ${r?o-.1+"px":(0,j.em)(o-.1)}) {.mantine-visible-from-${n} {display: none !important;}}@media (min-width: ${r?`${o}px`:(0,j.em)(o)}) {.mantine-hidden-from-${n} {display: none !important;}}`}),"");return(0,c.jsx)("style",{"data-mantine-styles":"classes",nonce:t?.(),dangerouslySetInnerHTML:{__html:n}})}function D(e){return Object.entries(e).map((([e,t])=>`${e}: ${t};`)).join("")}function I(e,t){return(Array.isArray(e)?e:[e]).reduce(((e,t)=>`${t}{${e}}`),t)}var L=i(901518),O=i(480684),T=i(55488),P=i(197170);function R({theme:e,color:t,colorScheme:n,name:r=t,withColorValues:o=!0}){if(!e.colors[t])return{};if("light"===n){const n=(0,O.g)(e,"light"),a={[`--mantine-color-${r}-text`]:`var(--mantine-color-${r}-filled)`,[`--mantine-color-${r}-filled`]:`var(--mantine-color-${r}-${n})`,[`--mantine-color-${r}-filled-hover`]:`var(--mantine-color-${r}-${9===n?8:n+1})`,[`--mantine-color-${r}-light`]:(0,P.X)(e.colors[t][n],.1),[`--mantine-color-${r}-light-hover`]:(0,P.X)(e.colors[t][n],.12),[`--mantine-color-${r}-light-color`]:`var(--mantine-color-${r}-${n})`,[`--mantine-color-${r}-outline`]:`var(--mantine-color-${r}-${n})`,[`--mantine-color-${r}-outline-hover`]:(0,P.X)(e.colors[t][n],.05)};return o?{[`--mantine-color-${r}-0`]:e.colors[t][0],[`--mantine-color-${r}-1`]:e.colors[t][1],[`--mantine-color-${r}-2`]:e.colors[t][2],[`--mantine-color-${r}-3`]:e.colors[t][3],[`--mantine-color-${r}-4`]:e.colors[t][4],[`--mantine-color-${r}-5`]:e.colors[t][5],[`--mantine-color-${r}-6`]:e.colors[t][6],[`--mantine-color-${r}-7`]:e.colors[t][7],[`--mantine-color-${r}-8`]:e.colors[t][8],[`--mantine-color-${r}-9`]:e.colors[t][9],...a}:a}const a=(0,O.g)(e,"dark"),i={[`--mantine-color-${r}-text`]:`var(--mantine-color-${r}-4)`,[`--mantine-color-${r}-filled`]:`var(--mantine-color-${r}-${a})`,[`--mantine-color-${r}-filled-hover`]:`var(--mantine-color-${r}-${9===a?8:a+1})`,[`--mantine-color-${r}-light`]:(0,P.X)(e.colors[t][Math.max(0,a-2)],.15),[`--mantine-color-${r}-light-hover`]:(0,P.X)(e.colors[t][Math.max(0,a-2)],.2),[`--mantine-color-${r}-light-color`]:`var(--mantine-color-${r}-${Math.max(a-5,0)})`,[`--mantine-color-${r}-outline`]:`var(--mantine-color-${r}-${Math.max(a-4,0)})`,[`--mantine-color-${r}-outline-hover`]:(0,P.X)(e.colors[t][Math.max(a-4,0)],.05)};return o?{[`--mantine-color-${r}-0`]:e.colors[t][0],[`--mantine-color-${r}-1`]:e.colors[t][1],[`--mantine-color-${r}-2`]:e.colors[t][2],[`--mantine-color-${r}-3`]:e.colors[t][3],[`--mantine-color-${r}-4`]:e.colors[t][4],[`--mantine-color-${r}-5`]:e.colors[t][5],[`--mantine-color-${r}-6`]:e.colors[t][6],[`--mantine-color-${r}-7`]:e.colors[t][7],[`--mantine-color-${r}-8`]:e.colors[t][8],[`--mantine-color-${r}-9`]:e.colors[t][9],...i}:i}function z(e,t,n){(0,S.H)(t).forEach((r=>Object.assign(e,{[`--mantine-${n}-${r}`]:t[r]})))}const A=e=>{const t=(0,O.g)(e,"light"),n=e.defaultRadius in e.radius?e.radius[e.defaultRadius]:(0,j.D)(e.defaultRadius),r={variables:{"--mantine-scale":e.scale.toString(),"--mantine-cursor-type":e.cursorType,"--mantine-color-scheme":"light dark","--mantine-webkit-font-smoothing":e.fontSmoothing?"antialiased":"unset","--mantine-moz-font-smoothing":e.fontSmoothing?"grayscale":"unset","--mantine-color-white":e.white,"--mantine-color-black":e.black,"--mantine-line-height":e.lineHeights.md,"--mantine-font-family":e.fontFamily,"--mantine-font-family-monospace":e.fontFamilyMonospace,"--mantine-font-family-headings":e.headings.fontFamily,"--mantine-heading-font-weight":e.headings.fontWeight,"--mantine-heading-text-wrap":e.headings.textWrap,"--mantine-radius-default":n,"--mantine-primary-color-filled":`var(--mantine-color-${e.primaryColor}-filled)`,"--mantine-primary-color-filled-hover":`var(--mantine-color-${e.primaryColor}-filled-hover)`,"--mantine-primary-color-light":`var(--mantine-color-${e.primaryColor}-light)`,"--mantine-primary-color-light-hover":`var(--mantine-color-${e.primaryColor}-light-hover)`,"--mantine-primary-color-light-color":`var(--mantine-color-${e.primaryColor}-light-color)`},light:{"--mantine-primary-color-contrast":(0,T.g)(e,"light"),"--mantine-color-bright":"var(--mantine-color-black)","--mantine-color-text":e.black,"--mantine-color-body":e.white,"--mantine-color-error":"var(--mantine-color-red-6)","--mantine-color-placeholder":"var(--mantine-color-gray-5)","--mantine-color-anchor":`var(--mantine-color-${e.primaryColor}-${t})`,"--mantine-color-default":"var(--mantine-color-white)","--mantine-color-default-hover":"var(--mantine-color-gray-0)","--mantine-color-default-color":"var(--mantine-color-black)","--mantine-color-default-border":"var(--mantine-color-gray-4)","--mantine-color-dimmed":"var(--mantine-color-gray-6)"},dark:{"--mantine-primary-color-contrast":(0,T.g)(e,"dark"),"--mantine-color-bright":"var(--mantine-color-white)","--mantine-color-text":"var(--mantine-color-dark-0)","--mantine-color-body":"var(--mantine-color-dark-7)","--mantine-color-error":"var(--mantine-color-red-8)","--mantine-color-placeholder":"var(--mantine-color-dark-3)","--mantine-color-anchor":`var(--mantine-color-${e.primaryColor}-4)`,"--mantine-color-default":"var(--mantine-color-dark-6)","--mantine-color-default-hover":"var(--mantine-color-dark-5)","--mantine-color-default-color":"var(--mantine-color-white)","--mantine-color-default-border":"var(--mantine-color-dark-4)","--mantine-color-dimmed":"var(--mantine-color-dark-2)"}};z(r.variables,e.breakpoints,"breakpoint"),z(r.variables,e.spacing,"spacing"),z(r.variables,e.fontSizes,"font-size"),z(r.variables,e.lineHeights,"line-height"),z(r.variables,e.shadows,"shadow"),z(r.variables,e.radius,"radius"),e.colors[e.primaryColor].forEach(((t,n)=>{r.variables[`--mantine-primary-color-${n}`]=`var(--mantine-color-${e.primaryColor}-${n})`})),(0,S.H)(e.colors).forEach((t=>{const n=e.colors[t];if(function(e){return!!e&&"object"==typeof e&&"mantine-virtual-color"in e}(n))return Object.assign(r.light,R({theme:e,name:n.name,color:n.light,colorScheme:"light",withColorValues:!0})),void Object.assign(r.dark,R({theme:e,name:n.name,color:n.dark,colorScheme:"dark",withColorValues:!0}));n.forEach(((e,n)=>{r.variables[`--mantine-color-${t}-${n}`]=e})),Object.assign(r.light,R({theme:e,color:t,colorScheme:"light",withColorValues:!1})),Object.assign(r.dark,R({theme:e,color:t,colorScheme:"dark",withColorValues:!1}))}));const o=e.headings.sizes;return(0,S.H)(o).forEach((t=>{r.variables[`--mantine-${t}-font-size`]=o[t].fontSize,r.variables[`--mantine-${t}-line-height`]=o[t].lineHeight,r.variables[`--mantine-${t}-font-weight`]=o[t].fontWeight||e.headings.fontWeight})),r};var _=i(315304);const B=A(_.S);function Y({cssVariablesSelector:e,deduplicateCssVariables:t}){const n=(0,k.xd)(),r=(0,C.WV)(),o=function({theme:e,generator:t}){const n=A(e),r=t?.(e);return r?(0,L.$)(n,r):n}({theme:n,generator:(0,C.OY)()}),a=":root"===e&&t,i=function(e,t){const n=D(e.variables),r=n?I(t,n):"",o=D(e.dark),a=D(e.light);return`${r}${o?I(":host"===t?`${t}([data-mantine-color-scheme="dark"])`:`${t}[data-mantine-color-scheme="dark"]`,o):""}${a?I(":host"===t?`${t}([data-mantine-color-scheme="light"])`:`${t}[data-mantine-color-scheme="light"]`,a):""}`}(a?function(e){const t={variables:{},light:{},dark:{}};return(0,S.H)(e.variables).forEach((n=>{B.variables[n]!==e.variables[n]&&(t.variables[n]=e.variables[n])})),(0,S.H)(e.light).forEach((n=>{B.light[n]!==e.light[n]&&(t.light[n]=e.light[n])})),(0,S.H)(e.dark).forEach((n=>{B.dark[n]!==e.dark[n]&&(t.dark[n]=e.dark[n])})),t}(o):o,e);return i?(0,c.jsx)("style",{"data-mantine-styles":!0,nonce:r?.(),dangerouslySetInnerHTML:{__html:`${i}${a?"":(s=e,`\n  ${s}[data-mantine-color-scheme="dark"] { --mantine-color-scheme: dark; }\n  ${s}[data-mantine-color-scheme="light"] { --mantine-color-scheme: light; }\n`)}`}}):null;var s}Y.displayName="@mantine/CssVariables";var F=i(345585);function U(e,t){const n="undefined"!=typeof window&&"matchMedia"in window&&window.matchMedia("(prefers-color-scheme: dark)")?.matches,r="auto"!==e?e:n?"dark":"light";t()?.setAttribute("data-mantine-color-scheme",r)}function W({theme:e,children:t,getStyleNonce:n,withStaticClasses:r=!0,withGlobalClasses:o=!0,deduplicateCssVariables:a=!0,withCssVariables:i=!0,cssVariablesSelector:l=":root",classNamesPrefix:d="mantine",colorSchemeManager:u=E(),defaultColorScheme:m="light",getRootElement:p=()=>document.documentElement,cssVariablesResolver:f,forceColorScheme:h,stylesTransform:y,env:v}){const{colorScheme:g,setColorScheme:b,clearColorScheme:x}=function({manager:e,defaultColorScheme:t,getRootElement:n,forceColorScheme:r}){const o=(0,s.useRef)(null),[a,i]=(0,s.useState)((()=>e.get(t))),l=r||a,c=(0,s.useCallback)((t=>{r||(U(t,n),i(t),e.set(t))}),[e.set,l,r]),d=(0,s.useCallback)((()=>{i(t),U(t,n),e.clear()}),[e.clear,t]);return(0,s.useEffect)((()=>(e.subscribe(c),e.unsubscribe)),[e.subscribe,e.unsubscribe]),(0,F.o)((()=>{U(e.get(t),n)}),[]),(0,s.useEffect)((()=>{if(r)return U(r,n),()=>{};void 0===r&&U(a,n),"undefined"!=typeof window&&"matchMedia"in window&&(o.current=window.matchMedia("(prefers-color-scheme: dark)"));const e=e=>{"auto"===a&&U(e.matches?"dark":"light",n)};return o.current?.addEventListener("change",e),()=>o.current?.removeEventListener("change",e)}),[a,r]),{colorScheme:l,setColorScheme:c,clearColorScheme:d}}({defaultColorScheme:m,forceColorScheme:h,manager:u,getRootElement:p});return function({respectReducedMotion:e,getRootElement:t}){(0,F.o)((()=>{e&&t()?.setAttribute("data-respect-reduced-motion","true")}),[e])}({respectReducedMotion:e?.respectReducedMotion||!1,getRootElement:p}),(0,c.jsx)(C.A$.Provider,{value:{colorScheme:g,setColorScheme:b,clearColorScheme:x,getRootElement:p,classNamesPrefix:d,getStyleNonce:n,cssVariablesResolver:f,cssVariablesSelector:l,withStaticClasses:r,stylesTransform:y,env:v},children:(0,c.jsxs)(k.nW,{theme:e,children:[i&&(0,c.jsx)(Y,{cssVariablesSelector:l,deduplicateCssVariables:a}),o&&(0,c.jsx)($,{}),t]})})}!function(){const e=console.error;console.error=(...t)=>{t.length>1&&"string"==typeof t[0]&&t[0].toLowerCase().includes("extra attributes from the server")&&"string"==typeof t[1]&&t[1].toLowerCase().includes("data-mantine-color-scheme")||e(...t)}}(),W.displayName="@mantine/core/MantineProvider";var H=i(198587);function V(e,t){return V=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},V(e,t)}function G(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,V(e,t)}var Q=i(275795),Z=i.n(Q);const X=l().createContext(null);var J="unmounted",q="exited",K="entering",ee="entered",te="exiting",ne=function(e){function t(t,n){var r;r=e.call(this,t,n)||this;var o,a=n&&!n.isMounting?t.enter:t.appear;return r.appearStatus=null,t.in?a?(o=q,r.appearStatus=K):o=ee:o=t.unmountOnExit||t.mountOnEnter?J:q,r.state={status:o},r.nextCallback=null,r}G(t,e),t.getDerivedStateFromProps=function(e,t){return e.in&&t.status===J?{status:q}:null};var n=t.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?n!==K&&n!==ee&&(t=K):n!==K&&n!==ee||(t=te)}this.updateStatus(!1,t)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var e,t,n,r=this.props.timeout;return e=t=n=r,null!=r&&"number"!=typeof r&&(e=r.exit,t=r.enter,n=void 0!==r.appear?r.appear:t),{exit:e,enter:t,appear:n}},n.updateStatus=function(e,t){if(void 0===e&&(e=!1),null!==t)if(this.cancelNextCallback(),t===K){if(this.props.unmountOnExit||this.props.mountOnEnter){var n=this.props.nodeRef?this.props.nodeRef.current:Z().findDOMNode(this);n&&function(e){e.scrollTop}(n)}this.performEnter(e)}else this.performExit();else this.props.unmountOnExit&&this.state.status===q&&this.setState({status:J})},n.performEnter=function(e){var t=this,n=this.props.enter,r=this.context?this.context.isMounting:e,o=this.props.nodeRef?[r]:[Z().findDOMNode(this),r],a=o[0],i=o[1],s=this.getTimeouts(),l=r?s.appear:s.enter;e||n?(this.props.onEnter(a,i),this.safeSetState({status:K},(function(){t.props.onEntering(a,i),t.onTransitionEnd(l,(function(){t.safeSetState({status:ee},(function(){t.props.onEntered(a,i)}))}))}))):this.safeSetState({status:ee},(function(){t.props.onEntered(a)}))},n.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:Z().findDOMNode(this);t?(this.props.onExit(r),this.safeSetState({status:te},(function(){e.props.onExiting(r),e.onTransitionEnd(n.exit,(function(){e.safeSetState({status:q},(function(){e.props.onExited(r)}))}))}))):this.safeSetState({status:q},(function(){e.props.onExited(r)}))},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},n.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,t.nextCallback=null,e(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},n.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:Z().findDOMNode(this),r=null==e&&!this.props.addEndListener;if(n&&!r){if(this.props.addEndListener){var o=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],a=o[0],i=o[1];this.props.addEndListener(a,i)}null!=e&&setTimeout(this.nextCallback,e)}else setTimeout(this.nextCallback,0)},n.render=function(){var e=this.state.status;if(e===J)return null;var t=this.props,n=t.children,r=(t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef,(0,H.A)(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return l().createElement(X.Provider,{value:null},"function"==typeof n?n(e,r):l().cloneElement(l().Children.only(n),r))},t}(l().Component);function re(){}ne.contextType=X,ne.propTypes={},ne.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:re,onEntering:re,onEntered:re,onExit:re,onExiting:re,onExited:re},ne.UNMOUNTED=J,ne.EXITED=q,ne.ENTERING=K,ne.ENTERED=ee,ne.EXITING=te;const oe=ne;var ae=i(58168);function ie(e,t){var n=Object.create(null);return e&&s.Children.map(e,(function(e){return e})).forEach((function(e){n[e.key]=function(e){return t&&(0,s.isValidElement)(e)?t(e):e}(e)})),n}function se(e,t,n){return null!=n[t]?n[t]:e.props[t]}function le(e,t,n){var r=ie(e.children),o=function(e,t){function n(n){return n in t?t[n]:e[n]}e=e||{},t=t||{};var r,o=Object.create(null),a=[];for(var i in e)i in t?a.length&&(o[i]=a,a=[]):a.push(i);var s={};for(var l in t){if(o[l])for(r=0;r<o[l].length;r++){var c=o[l][r];s[o[l][r]]=n(c)}s[l]=n(l)}for(r=0;r<a.length;r++)s[a[r]]=n(a[r]);return s}(t,r);return Object.keys(o).forEach((function(a){var i=o[a];if((0,s.isValidElement)(i)){var l=a in t,c=a in r,d=t[a],u=(0,s.isValidElement)(d)&&!d.props.in;!c||l&&!u?c||!l||u?c&&l&&(0,s.isValidElement)(d)&&(o[a]=(0,s.cloneElement)(i,{onExited:n.bind(null,i),in:d.props.in,exit:se(i,"exit",e),enter:se(i,"enter",e)})):o[a]=(0,s.cloneElement)(i,{in:!1}):o[a]=(0,s.cloneElement)(i,{onExited:n.bind(null,i),in:!0,exit:se(i,"exit",e),enter:se(i,"enter",e)})}})),o}var ce=Object.values||function(e){return Object.keys(e).map((function(t){return e[t]}))},de=function(e){function t(t,n){var r,o=(r=e.call(this,t,n)||this).handleExited.bind(function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(r));return r.state={contextValue:{isMounting:!0},handleExited:o,firstRender:!0},r}G(t,e);var n=t.prototype;return n.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},n.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(e,t){var n,r,o=t.children,a=t.handleExited;return{children:t.firstRender?(n=e,r=a,ie(n.children,(function(e){return(0,s.cloneElement)(e,{onExited:r.bind(null,e),in:!0,appear:se(e,"appear",n),enter:se(e,"enter",n),exit:se(e,"exit",n)})}))):le(e,o,a),firstRender:!1}},n.handleExited=function(e,t){var n=ie(this.props.children);e.key in n||(e.props.onExited&&e.props.onExited(t),this.mounted&&this.setState((function(t){var n=(0,ae.A)({},t.children);return delete n[e.key],{children:n}})))},n.render=function(){var e=this.props,t=e.component,n=e.childFactory,r=(0,H.A)(e,["component","childFactory"]),o=this.state.contextValue,a=ce(this.state.children).map(n);return delete r.appear,delete r.enter,delete r.exit,null===t?l().createElement(X.Provider,{value:o},a):l().createElement(X.Provider,{value:o},l().createElement(t,r,a))},t}(l().Component);de.propTypes={},de.defaultProps={component:"div",childFactory:function(e){return e}};const ue=de;var me=i(759396),pe=i(402412),fe=i(746100),he=i(652837),ye=i(839268),ve=i(274099);const ge=e=>(e+1)%1e6;var be=i(636311),xe=i(500297);const we=["bottom-center","bottom-left","bottom-right","top-center","top-left","top-right"],Ne={left:"translateX(-100%)",right:"translateX(100%)","top-center":"translateY(-100%)","bottom-center":"translateY(100%)"},Ee={left:"translateX(0)",right:"translateX(0)","top-center":"translateY(0)","bottom-center":"translateY(0)"};function Ce({state:e,maxHeight:t,position:n,transitionDuration:r}){const[o,a]=n.split("-"),i="center"===a?`${o}-center`:a,s={opacity:1,transform:Ee[i]},l={opacity:0,maxHeight:0,transform:Ne[i]};return{opacity:0,maxHeight:t,transform:Ne[i],transitionDuration:`${r}ms, ${r}ms, ${r}ms`,transitionTimingFunction:"cubic-bezier(.51,.3,0,1.21), cubic-bezier(.51,.3,0,1.21), linear",transitionProperty:"opacity, transform, max-height",...{entering:s,entered:s,exiting:l,exited:l}[e]}}var Se=i(656324),Me=i(86344),je=i(580355),ke={root:"m_a513464",icon:"m_a4ceffb",loader:"m_b0920b15",body:"m_a49ed24",title:"m_3feedf16",description:"m_3d733a3a",closeButton:"m_919a4d88"};const $e={withCloseButton:!0},De=(0,me.V)(((e,{radius:t,color:n})=>({root:{"--notification-radius":void 0===t?void 0:(0,Se.nJ)(t),"--notification-color":n?(0,Me.r)(n,e):void 0}}))),Ie=(0,pe.P9)(((e,t)=>{const n=(0,fe.Y)("Notification",$e,e),{className:r,color:o,radius:a,loading:i,withCloseButton:s,withBorder:l,title:d,icon:u,children:m,onClose:f,closeButtonProps:h,classNames:y,style:v,styles:g,unstyled:b,variant:x,vars:N,mod:E,loaderProps:C,...S}=n,M=(0,he.I)({name:"Notification",classes:ke,props:n,className:r,style:v,classNames:y,styles:g,unstyled:b,vars:N,varsResolver:De});return(0,c.jsxs)(p.a,{...M("root"),mod:[{"data-with-icon":!!u||i,"data-with-border":l},E],ref:t,variant:x,...S,role:"alert",children:[u&&!i&&(0,c.jsx)("div",{...M("icon"),children:u}),i&&(0,c.jsx)(w.a,{size:28,color:o,...C,...M("loader")}),(0,c.jsxs)("div",{...M("body"),children:[d&&(0,c.jsx)("div",{...M("title"),children:d}),(0,c.jsx)(p.a,{...M("description"),mod:{"data-with-title":!!d},children:m})]}),s&&(0,c.jsx)(je.J,{iconSize:16,color:"gray",...h,unstyled:b,onClick:f,...M("closeButton")})]})}));Ie.classes=ke,Ie.displayName="@mantine/core/Notification";const Le=(0,s.forwardRef)((({data:e,onHide:t,autoClose:n,...r},o)=>{const{autoClose:a,message:i,...l}=e,d=function(e,t){return"number"==typeof t?t:!1!==t&&!1!==e&&e}(n,e.autoClose),u=(0,s.useRef)(-1),m=()=>window.clearTimeout(u.current),p=()=>{t(e.id),m()},f=()=>{"number"==typeof d&&(u.current=window.setTimeout(p,d))};return(0,s.useEffect)((()=>{e.onOpen?.(e)}),[]),(0,s.useEffect)((()=>(f(),m)),[d]),(0,c.jsx)(Ie,{...r,...l,onClose:p,ref:o,onMouseEnter:m,onMouseLeave:f,children:i})}));Le.displayName="@mantine/notifications/NotificationContainer";var Oe=i(909543),Te={root:"m_b37d9ac7",notification:"m_5ed0edd0"};const Pe=oe,Re={position:"bottom-right",autoClose:4e3,transitionDuration:250,containerWidth:440,notificationMaxHeight:200,limit:5,zIndex:(0,u.I)("overlay"),store:Oe.__,withinPortal:!0},ze=(0,me.V)(((e,{zIndex:t,containerWidth:n})=>({root:{"--notifications-z-index":t?.toString(),"--notifications-container-width":(0,j.D)(n)}}))),Ae=(0,pe.P9)(((e,t)=>{const n=(0,fe.Y)("Notifications",Re,e),{classNames:r,className:o,style:a,styles:i,unstyled:l,vars:d,position:u,autoClose:m,transitionDuration:f,containerWidth:h,notificationMaxHeight:y,limit:v,zIndex:g,store:b,portalProps:x,withinPortal:w,...N}=n,E=(0,k.xd)(),C=(0,Oe.E$)(b),S=function(){const[,e]=(0,s.useReducer)(ge,0);return e}(),M=(0,be.I)(),j=(0,s.useRef)({}),$=(0,s.useRef)(0),D=E.respectReducedMotion&&M?1:f,I=(0,he.I)({name:"Notifications",classes:Te,props:n,className:o,style:a,classNames:r,styles:i,unstyled:l,vars:d,varsResolver:ze});(0,s.useEffect)((()=>{b?.updateState((e=>({...e,limit:v||5,defaultPosition:u})))}),[v,u]),(0,xe.C)((()=>{C.notifications.length>$.current&&setTimeout((()=>S()),0),$.current=C.notifications.length}),[C.notifications]);const L=(O=C.notifications,T=u,O.reduce(((e,t)=>(e[t.position||T].push(t),e)),we.reduce(((e,t)=>(e[t]=[],e)),{})));var O,T;const P=we.reduce(((e,t)=>(e[t]=L[t].map((({style:e,...n})=>(0,c.jsx)(Pe,{timeout:D,onEnter:()=>j.current[n.id].offsetHeight,nodeRef:{current:j.current[n.id]},children:r=>(0,c.jsx)(Le,{ref:e=>{j.current[n.id]=e},data:n,onHide:e=>(0,Oe._b)(e,b),autoClose:m,...I("notification",{style:{...Ce({state:r,position:t,transitionDuration:D,maxHeight:y}),...e}})})},n.id))),e)),{});return(0,c.jsxs)(ye.r,{withinPortal:w,...x,children:[(0,c.jsx)(p.a,{...I("root"),"data-position":"top-center",ref:t,...N,children:(0,c.jsx)(ue,{children:P["top-center"]})}),(0,c.jsx)(p.a,{...I("root"),"data-position":"top-left",...N,children:(0,c.jsx)(ue,{children:P["top-left"]})}),(0,c.jsx)(p.a,{...I("root",{className:ve.A.classNames.fullWidth}),"data-position":"top-right",...N,children:(0,c.jsx)(ue,{children:P["top-right"]})}),(0,c.jsx)(p.a,{...I("root",{className:ve.A.classNames.fullWidth}),"data-position":"bottom-right",...N,children:(0,c.jsx)(ue,{children:P["bottom-right"]})}),(0,c.jsx)(p.a,{...I("root"),"data-position":"bottom-left",...N,children:(0,c.jsx)(ue,{children:P["bottom-left"]})}),(0,c.jsx)(p.a,{...I("root"),"data-position":"bottom-center",...N,children:(0,c.jsx)(ue,{children:P["bottom-center"]})})]})}));Ae.classes=Te,Ae.displayName="@mantine/notifications/Notifications",Ae.show=Oe.$e.show,Ae.hide=Oe.$e.hide,Ae.update=Oe.$e.update,Ae.clean=Oe.$e.clean,Ae.cleanQueue=Oe.$e.cleanQueue,Ae.updateState=Oe.$e.updateState;var _e=i(247767),Be=i(545588);new Set(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]);try{window.__reactRouterVersion="6"}catch(e){}new Map;const Ye=s.startTransition;var Fe,Ue;Q.flushSync,s.useId,"undefined"!=typeof window&&void 0!==window.document&&window.document.createElement,function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"}(Fe||(Fe={})),function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"}(Ue||(Ue={}));var We=i(986087),He=i(141670),Ve=i(69019),Ge=i(531074),Qe=i(917826),Ze=i(634164);const Xe="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjI1MnB4IiBoZWlnaHQ9IjI1MnB4IiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPGc+PHBhdGggc3R5bGU9Im9wYWNpdHk6MC45ODkiIGZpbGw9IiNmNzkyMWQiIGQ9Ik0gMTE2LjUsLTAuNSBDIDEyMi41LC0wLjUgMTI4LjUsLTAuNSAxMzQuNSwtMC41QyAxODkuOTc5LDYuMTYzNjMgMjI3LjE0NiwzNS44MzAzIDI0Niw4OC41QyAyNDguNjA2LDk3LjgyODggMjUwLjQ0LDEwNy4xNjIgMjUxLjUsMTE2LjVDIDI1MS41LDEyMi41IDI1MS41LDEyOC41IDI1MS41LDEzNC41QyAyNDQuODM2LDE4OS45NzkgMjE1LjE3LDIyNy4xNDYgMTYyLjUsMjQ2QyAxNTMuMTcxLDI0OC42MDYgMTQzLjgzOCwyNTAuNDQgMTM0LjUsMjUxLjVDIDEyOC41LDI1MS41IDEyMi41LDI1MS41IDExNi41LDI1MS41QyA2MS4wMjEsMjQ0LjgzNiAyMy44NTQzLDIxNS4xNyA1LDE2Mi41QyAyLjM5MzgsMTUzLjE3MSAwLjU2MDQ3MSwxNDMuODM4IC0wLjUsMTM0LjVDIC0wLjUsMTI4LjUgLTAuNSwxMjIuNSAtMC41LDExNi41QyA2LjE2MzYzLDYxLjAyMSAzNS44MzAzLDIzLjg1NDMgODguNSw1QyA5Ny44Mjg4LDIuMzkzOCAxMDcuMTYyLDAuNTYwNDcxIDExNi41LC0wLjUgWiIvPjwvZz4KPGc+PHBhdGggc3R5bGU9Im9wYWNpdHk6MSIgZmlsbD0iI2ZmZmJmNyIgZD0iTSAxMTkuNSw0My41IEMgMTM0LjU5Myw0Mi4xODc3IDE0OS4yNiw0NC4wMjEgMTYzLjUsNDlDIDE4MC42MTYsNTYuNDc0NSAxODkuNDQ5LDY5LjY0MTIgMTkwLDg4LjVDIDE5MC41LDEyNy4xNjUgMTkwLjY2NywxNjUuODMyIDE5MC41LDIwNC41QyAxODMuNDY4LDIwNC44MyAxNzYuNDY4LDIwNC40OTcgMTY5LjUsMjAzLjVDIDE2OC4xMjEsMTk1Ljk4MiAxNjYuMTIxLDE4OC42NDkgMTYzLjUsMTgxLjVDIDE0My42OTksMjA1LjcwOCAxMTguNjk5LDIxMy4yMDggODguNSwyMDRDIDY5LjE5NjEsMTk1LjU4IDU5Ljg2MjgsMTgwLjc0NyA2MC41LDE1OS41QyA2MS4xNjc2LDEzOC4zNDcgNzEuNTAwOSwxMjQuMTggOTEuNSwxMTdDIDk3LjYyNjcsMTE0LjU4OSAxMDMuOTYsMTEyLjkyMiAxMTAuNSwxMTJDIDEyNy43OTIsMTEwLjEzNCAxNDUuMTI1LDEwOC45NjcgMTYyLjUsMTA4LjVDIDE2NS41MDksNzcuMzQxNyAxNTEuNTA5LDYzLjUwODQgMTIwLjUsNjdDIDEwOS41ODcsNjguNTI2NiA5OS4yNTM2LDcxLjg1OTkgODkuNSw3N0MgODguMDU2Myw3Ny43ODA1IDg2LjcyMyw3Ny42MTM5IDg1LjUsNzYuNUMgODMsNzAuODMzMyA4MC41LDY1LjE2NjcgNzgsNTkuNUMgNzcuMjUwNiw1OC4zNjUgNzcuNDE3Myw1Ny4zNjUgNzguNSw1Ni41QyA5MS42NDkzLDUwLjEzNjkgMTA1LjMxNiw0NS44MDM2IDExOS41LDQzLjUgWiIvPjwvZz4KPGc+PHBhdGggc3R5bGU9Im9wYWNpdHk6MSIgZmlsbD0iI2Y3OTIxZSIgZD0iTSAxNTAuNSwxMjguNSBDIDE1NC4xNjcsMTI4LjUgMTU3LjgzMywxMjguNSAxNjEuNSwxMjguNUMgMTYxLjUsMTM0LjUgMTYxLjUsMTQwLjUgMTYxLjUsMTQ2LjVDIDE1OS41NzgsMTY4LjU5IDE0Ny41NzgsMTgxLjA5IDEyNS41LDE4NEMgMTEzLjA5MSwxODYuNzc4IDEwMi41OTEsMTgzLjYxMSA5NCwxNzQuNUMgODYuMjAyNSwxNTMuMjYyIDkzLjAzNTksMTM5LjA5NSAxMTQuNSwxMzJDIDEyNi4zOSwxMjkuNzk2IDEzOC4zOSwxMjguNjI5IDE1MC41LDEyOC41IFoiLz48L2c+CjxnPjxwYXRoIHN0eWxlPSJvcGFjaXR5OjEiIGZpbGw9IiNmZmQ5YjIiIGQ9Ik0gMTUwLjUsMTI4LjUgQyAxNTQuMjk4LDEyNy41MTcgMTU4LjI5OCwxMjcuMTgzIDE2Mi41LDEyNy41QyAxNjIuODIzLDEzNC4wMjIgMTYyLjQ5LDE0MC4zNTUgMTYxLjUsMTQ2LjVDIDE2MS41LDE0MC41IDE2MS41LDEzNC41IDE2MS41LDEyOC41QyAxNTcuODMzLDEyOC41IDE1NC4xNjcsMTI4LjUgMTUwLjUsMTI4LjUgWiIvPjwvZz4KPC9zdmc+Cg==",Je=({imageWidth:e,height:t,text:n})=>(0,s.createElement)(He.o,{h:"100vh"},(0,s.createElement)(Ve.B,{gap:"xs",align:"center"},(0,s.createElement)(Ge._,{className:"PsKfdwuo56hjMRFiqlg5",w:50,src:Xe}),(0,s.createElement)(Qe.E,{fs:"italic",size:"xs"},"Preparing...")));Je.defaultProps={imageWidth:50,height:"100%",text:"Loading..."};const qe=(0,We.forwardRef)((({className:e,...t},n)=>(0,s.createElement)(Ge._,{src:Xe,className:(0,Ze.A)("jp2d3mRqaqZJpvxgaCdA",e),...t,ref:n}))),{render:Ke}=wp.element,et={primaryColor:"orange",fontFamily:"Open Sans, sans-serif",components:{Loader:w.a.extend({defaultProps:{loaders:{...w.a.defaultLoaders,custom:qe},type:"custom"}})}};document.getElementById("appza-builder").setAttribute("style","overflow: hidden !important"),document.getElementById("adminmenumain").classList.add("folded"),document.getElementById("wpadminbar")&&document.getElementById("wpadminbar").remove(),document.getElementById("wpfooter")&&document.getElementById("wpfooter").remove(),document.getElementById("wpcontent").setAttribute("style","margin-left: 36px !important; padding-left: 0px !important"),document.getElementById("wpbody-content").setAttribute("style","padding-bottom: 0px !important"),document.getElementsByClassName("wp-toolbar")[0].style.paddingTop="0px";const tt=(0,We.lazy)((()=>Promise.all([i.e(168),i.e(176)]).then(i.bind(i,230209))));document.getElementById("appza-builder")&&Ke((0,s.createElement)((function(e){let{basename:t,children:n,future:r,window:o}=e,a=s.useRef();null==a.current&&(a.current=(0,Be.TM)({window:o,v5Compat:!0}));let i=a.current,[l,c]=s.useState({action:i.action,location:i.location}),{v7_startTransition:d}=r||{},u=s.useCallback((e=>{d&&Ye?Ye((()=>c(e))):c(e)}),[c,d]);return s.useLayoutEffect((()=>i.listen(u)),[i,u]),s.useEffect((()=>(0,_e.V8)(r)),[r]),s.createElement(_e.Ix,{basename:t,children:n,location:l.location,navigationType:l.action,navigator:i,future:r})}),null,(0,s.createElement)(W,{theme:et,classNamesPrefix:"appza-builder"},(0,s.createElement)(Ae,null),(0,s.createElement)((function({children:e,modalProps:t,labels:n,modals:r}){const[o,a]=(0,s.useReducer)(x,{modals:[],current:null}),i=(0,s.useRef)(o);i.current=o;const l=(0,s.useCallback)((e=>{a({type:"CLOSE_ALL",canceled:e})}),[i,a]),p=(0,s.useCallback)((({modalId:e,...t})=>{const n=e||(0,m.z)();return a({type:"OPEN",modal:{id:n,type:"content",props:t}}),n}),[a]),f=(0,s.useCallback)((({modalId:e,...t})=>{const n=e||(0,m.z)();return a({type:"OPEN",modal:{id:n,type:"confirm",props:t}}),n}),[a]),h=(0,s.useCallback)(((e,{modalId:t,...n})=>{const r=t||(0,m.z)();return a({type:"OPEN",modal:{id:r,type:"context",props:n,ctx:e}}),r}),[a]),b=(0,s.useCallback)(((e,t)=>{a({type:"CLOSE",modalId:e,canceled:t})}),[i,a]),w=(0,s.useCallback)((({modalId:e,...t})=>{a({type:"UPDATE",modalId:e,newProps:t})}),[a]),N=(0,s.useCallback)((({modalId:e,...t})=>{a({type:"UPDATE",modalId:e,newProps:t})}),[a]);(0,g.Fj)({openModal:p,openConfirmModal:f,openContextModal:({modal:e,...t})=>h(e,t),closeModal:b,closeContextModal:b,closeAllModals:l,updateModal:w,updateContextModal:N});const E={modalProps:t||{},modals:o.modals,openModal:p,openConfirmModal:f,openContextModal:h,closeModal:b,closeContextModal:b,closeAll:l,updateModal:w,updateContextModal:N},{modalProps:C,content:S}=(()=>{const e=i.current.current;switch(e?.type){case"context":{const{innerProps:t,...n}=e.props,o=r[e.ctx];return{modalProps:n,content:(0,c.jsx)(o,{innerProps:t,context:E,id:e.id})}}case"confirm":{const{modalProps:t,confirmProps:r}=function(e){if(!e)return{confirmProps:{},modalProps:{}};const{id:t,children:n,onCancel:r,onConfirm:o,closeOnConfirm:a,closeOnCancel:i,cancelProps:s,confirmProps:l,groupProps:c,labels:d,...u}=e;return{confirmProps:{id:t,children:n,onCancel:r,onConfirm:o,closeOnConfirm:a,closeOnCancel:i,cancelProps:s,confirmProps:l,groupProps:c,labels:d},modalProps:{id:t,...u}}}(e.props);return{modalProps:t,content:(0,c.jsx)(v,{...r,id:e.id,labels:e.props.labels||n})}}case"content":{const{children:t,...n}=e.props;return{modalProps:n,content:t}}default:return{modalProps:{},content:null}}})();return(0,c.jsxs)(y.Provider,{value:E,children:[(0,c.jsx)(d.a,{zIndex:(0,u.I)("modal")+1,...t,...C,opened:o.modals.length>0,onClose:()=>b(o.current?.id),children:S}),e]})}),{labels:{confirm:"Submit",cancel:"Cancel"}},(0,s.createElement)(We.Suspense,{fallback:(0,s.createElement)(Je,null)},(0,s.createElement)(tt,null))))),document.getElementById("appza-builder"))})();

  • appza-builder/trunk/admin/frontend/package.json

    r3256938 r3298544  
    4646    "@wordpress/element": "^5.20.0",
    4747    "axios": "^1.7.9",
     48    "clsx": "^2.1.1",
    4849    "embla-carousel-autoplay": "^7.1.0",
    4950    "embla-carousel-react": "^7.1.0",

  • appza-builder/trunk/admin/frontend/src/components/builder-dashboard/Dashboard.jsx

    r3296152 r3298544  
    396396                    <Grid.Col span={3} pos="relative">
    397397                        <Suspense
    398                             fallback={<LoadingOverlay visible={true} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ type: "dots", size: 'sm' }}/>}
     398                            fallback={<LoadingOverlay visible={true} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ size: 'sm' }}/>}
    399399                        >
    400400                            {
    … …  
    459459                                >
    460460                                    <List spacing="xl">
    461                                         <LoadingOverlay visible={isSupportPluginsLoading} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ type: 'dots', size: 'sm' }} />
     461                                        {/*<LoadingOverlay visible={isSupportPluginsLoading} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ type: 'dots', size: 'sm' }} />*/}
     462                                        <LoadingOverlay visible={isSupportPluginsLoading} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ size: 'sm' }} />
    462463
    463464                                        {supportPlugins.length === 0 && <Center h={300}><Button variant="outline" size="xs" onClick={() => reloadSupportPluginsHandlers.toggle()} leftSection={<IconReload />}>Reload</Button></Center>}
    … …  
    530531
    531532                    <Stepper.Step label="Theme Activation" description="" pos="relative">
    532                         <Suspense fallback={<LoadingOverlay visible={true} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ type: 'dots', size: 'sm' }} />}>
     533                        {/*<Suspense fallback={<LoadingOverlay visible={true} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ type: 'dots', size: 'sm' }} />}>*/}
     534                        <Suspense fallback={<LoadingOverlay visible={true} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ size: 'sm' }} />}>
    533535                            <ThemeList setThemeChange={setThemeChange} slideHeight={`61vh`}/>
    534536                        </Suspense>

  • appza-builder/trunk/admin/frontend/src/components/builder-dashboard/Header.jsx

    r3296152 r3298544  
    126126                            w="inherit"
    127127                        >
    128                             <Text fw={700}>Page</Text>
     128                            <Text fw={700}>Screen</Text>
    129129                            <Select
    130130                                size="xs"

  • appza-builder/trunk/admin/frontend/src/components/builder-dashboard/inc/DefaultSidebar.jsx

    r3296152 r3298544  
    102102                px="sm"
    103103                pb="sm"
    104                 h="100%"
     104                // h="100%"
    105105                variant="pills"
    106106                defaultValue="global"
    … …  
    209209                            </ActionIcon>
    210210                        </Tooltip>
    211                         <LoadingOverlay visible={pageComponentLoading} zIndex={100} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ type: 'dots', size: 'sm' }} />
     211                        <LoadingOverlay visible={pageComponentLoading} zIndex={100} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ size: 'sm' }} />
    212212
    213213                    {/*{
    … …  
    343343                {/*<Settings setIsSupportPluginChange={setIsSupportPluginChange}/>*/}
    344344                <Box pos="relative">
    345                     <Suspense fallback={<LoadingOverlay visible={true} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ type: 'dots', size: 'sm' }} />}>
     345                    <Suspense fallback={<LoadingOverlay visible={true} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ size: 'sm' }} />}>
    346346                        <Settings setIsSupportPluginChange={setIsSupportPluginChange} handlesSettingsModal={handlesSettingsModal} handlesThemesModal={handlesThemesModal}/>
    347347                    </Suspense>
    … …  
    385385
    386386                <Box pos="relative">
    387                     <Suspense fallback={<LoadingOverlay visible={true} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ type: 'dots', size: 'sm' }} />}>
     387                    <Suspense fallback={<LoadingOverlay visible={true} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ size: 'sm' }} />}>
    388388                        <ThemeList setThemeChange={setThemeChange} isOnboarding={false} slideHeight={`78vh`}/>
    389389                    </Suspense>

  • appza-builder/trunk/admin/frontend/src/components/builder-dashboard/inc/RightSidebar.jsx

    r3296152 r3298544  
    2323
    2424          <Box pt="sm" bg="white" mr={-1} pos="relative" h={`100vh`}>
     25              {/*<LoadingOverlay
     26                  visible={isLoading}
     27                  zIndex={1000}
     28                  overlayProps={{ radius: "sm", blur: 5 }}
     29                  loaderProps={{ type: "dots", size: 'sm' }}
     30              />*/}
    2531              <LoadingOverlay
    2632                  visible={isLoading}
    2733                  zIndex={1000}
    2834                  overlayProps={{ radius: "sm", blur: 5 }}
    29                   loaderProps={{ type: "dots", size: 'sm' }}
     35                  loaderProps={{ size: 'sm' }}
    3036              />
    3137

  • appza-builder/trunk/admin/frontend/src/components/builder-dashboard/inc/appbar/AppbarCustomization.jsx

    r3296152 r3298544  
    8181    return(
    8282        <Box pt="sm" pos="relative">
    83             <LoadingOverlay visible={!activeLayout} zIndex={1000} overlayProps={{radius: "sm", blur: 5}}loaderProps={{type: 'dots', size: 'sm'}}/>
     83            {/*<LoadingOverlay visible={!activeLayout} zIndex={1000} overlayProps={{radius: "sm", blur: 5}}loaderProps={{type: 'dots', size: 'sm'}}/>*/}
     84            <LoadingOverlay visible={!activeLayout} zIndex={1000} overlayProps={{radius: "sm", blur: 5}} loaderProps={{size: 'sm'}}/>
    8485            <Tabs
    8586                variant="pills"

  • appza-builder/trunk/admin/frontend/src/components/builder-dashboard/inc/appbar/AppbarLayouts.jsx

    r3296152 r3298544  
    7676        <>
    7777            <Stack pos="relative">
    78                 <LoadingOverlay visible={isLoading} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ type: 'dots', size: 'sm' }} />
     78                {/*<LoadingOverlay visible={isLoading} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ size: 'sm' }} />*/}
    7979
    8080                <Box bg={theme.primaryColor + '.0'} p={5} mt={`xs`}> <Text fz={12} fw={700}>Selected</Text> </Box>
    … …  
    133133                </Box>
    134134
    135                 {
    136                     availableLayouts?.length > 0 && availableLayouts?.map(layout => <_Layout key={layout.slug} layout={layout} setRecallAppbar={setRecallAppbar} setSelectedLayout={setSelectedLayout} setShowRightSidebar={setShowRightSidebar} />)
    137                 }
     135                <Box pos="relative">
     136                    <LoadingOverlay visible={isLoading} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ size: 'sm' }} />
     137                    {
     138                        availableLayouts?.length > 0 && availableLayouts?.map(layout => <_Layout key={layout.slug} layout={layout} setRecallAppbar={setRecallAppbar} setSelectedLayout={setSelectedLayout} setShowRightSidebar={setShowRightSidebar} />)
     139                    }
     140
     141                </Box>
     142
    138143
    139144                {

  • appza-builder/trunk/admin/frontend/src/components/builder-dashboard/inc/component-customization/ComponentCustomization.jsx

    r3296152 r3298544  
    353353    return (
    354354        <Box pt="sm" pos="relative">
    355             <LoadingOverlay visible={!activeLayout} zIndex={1000} overlayProps={{radius: "sm", blur: 5}} loaderProps={{type: 'dots', size: 'sm'}}/>
     355            {/*<LoadingOverlay visible={!activeLayout} zIndex={1000} overlayProps={{radius: "sm", blur: 5}} loaderProps={{type: 'dots', size: 'sm'}}/>*/}
     356            <LoadingOverlay visible={!activeLayout} zIndex={1000} overlayProps={{radius: "sm", blur: 5}} loaderProps={{size: 'sm'}}/>
    356357            <Tabs
    357358                variant="pills"

  • appza-builder/trunk/admin/frontend/src/components/builder-dashboard/inc/drawer/DrawerCustomization.jsx

    r3296152 r3298544  
    7878    return(
    7979        <Box pt="sm" pos="relative">
    80             <LoadingOverlay visible={!activeLayout} zIndex={1000} overlayProps={{radius: "sm", blur: 5}}loaderProps={{type: 'dots', size: 'sm'}}/>
     80            {/*<LoadingOverlay visible={!activeLayout} zIndex={1000} overlayProps={{radius: "sm", blur: 5}}loaderProps={{type: 'dots', size: 'sm'}}/>*/}
     81            <LoadingOverlay visible={!activeLayout} zIndex={1000} overlayProps={{radius: "sm", blur: 5}}loaderProps={{size: 'sm'}}/>
    8182            <Tabs
    8283                variant="pills"

  • appza-builder/trunk/admin/frontend/src/components/builder-dashboard/inc/drawer/DrawerLayouts.jsx

    r3296152 r3298544  
    7474        <>
    7575            <Stack pos="relative">
    76                 <LoadingOverlay visible={isLoading} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ type: 'dots', size: 'sm'}} />
     76                {/*<LoadingOverlay visible={isLoading} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ size: 'sm'}} />*/}
    7777
    7878                <Box bg={theme.primaryColor + '.0'} p={5} my="var(--mantine-spacing-xs)"> <Text fz={12} fw={700}>Selected</Text> </Box>
    … …  
    124124                    availableLayouts?.length > 0 && (
    125125                        <Carousel
     126                            pos="relative"
    126127                            slideSize="30%"
    127128                            controlsOffset="lg"
    … …  
    137138                            }}
    138139                        >
    139                             { availableLayouts?.map((layout) => <_Layout key={layout.slug} layout={layout} setRecallDrawer={setRecallDrawer} setSelectedLayout={setSelectedLayout} setShowRightSidebar={setShowRightSidebar} />) }
     140                                <LoadingOverlay visible={isLoading} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ size: 'sm'}} />
     141                                { availableLayouts?.map((layout) => <_Layout key={layout.slug} layout={layout} setRecallDrawer={setRecallDrawer} setSelectedLayout={setSelectedLayout} setShowRightSidebar={setShowRightSidebar} />) }
    140142
    141143                        </Carousel>

  • appza-builder/trunk/admin/frontend/src/components/builder-dashboard/inc/mobile-render/Appbar.jsx

    r3296152 r3298544  
    4646    return(
    4747        <Box pos="relative" mih={25}>
     48            {/*<LoadingOverlay
     49                visible={isLoading}
     50                zIndex={10}
     51                overlayProps={{ radius: "sm", blur: 5 }}
     52                loaderProps={{ type: "dots", size: 'xs' }}
     53            />*/}
    4854            <LoadingOverlay
    4955                visible={isLoading}
    5056                zIndex={10}
    5157                overlayProps={{ radius: "sm", blur: 5 }}
    52                 loaderProps={{ type: "dots", size: 'xs' }}
     58                loaderProps={{size: 'xs' }}
    5359            />
    5460            <Box

  • appza-builder/trunk/admin/frontend/src/components/builder-dashboard/inc/mobile-render/MobileRender.jsx

    r3296152 r3298544  
    122122                <Suspense
    123123                    fallback={
    124                         <LoadingOverlay visible={true} zIndex={10} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ type: "dots", size: 'xs' }}/>
     124                        // <LoadingOverlay visible={true} zIndex={10} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ type: "dots", size: 'xs' }}/>
     125                        <LoadingOverlay visible={true} zIndex={10} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{size: 'xs' }}/>
    125126                    }
    126127                >
    … …  
    136137
    137138                <ScrollArea h={ height < 850 ? (height - 300) : 502 } scrollbarSize={3} type={`never`} scrollbars="y" viewportRef={viewport}>
    138                     <LoadingOverlay visible={isLoading} overlayProps={{radius: "sm", blur: 5}} loaderProps={{type: 'dots', size: 'sm'}} zIndex={10}/>
     139                    {/*<LoadingOverlay visible={isLoading} overlayProps={{radius: "sm", blur: 5}} loaderProps={{type: 'dots', size: 'sm'}} zIndex={10}/>*/}
     140                    <LoadingOverlay visible={isLoading} overlayProps={{radius: "sm", blur: 5}} loaderProps={{size: 'sm'}} zIndex={10}/>
    139141                    {/*<LoadingOverlay visible={true} overlayProps={{radius: "sm", blur: 5}} loaderProps={{type: 'dots', size: 'sm'}} zIndex={10}/>*/}
    140142
    … …  
    159161                                                            <Suspense
    160162                                                                fallback={
    161                                                                     <LoadingOverlay visible={true} overlayProps={{radius: "sm", blur: 5}} loaderProps={{type: 'dots', size: 'sm'}} zIndex={10}/>
     163                                                                    // <LoadingOverlay visible={true} overlayProps={{radius: "sm", blur: 5}} loaderProps={{type: 'dots', size: 'sm'}} zIndex={10}/>
     164                                                                    <LoadingOverlay visible={true} overlayProps={{radius: "sm", blur: 5}} loaderProps={{size: 'sm'}} zIndex={10}/>
    162165                                                                }
    163166                                                            >
    … …  
    202205                <Suspense
    203206                    fallback={
    204                         <LoadingOverlay visible={true} zIndex={10} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ type: "dots", size: 'xs' }}/>
     207                        // <LoadingOverlay visible={true} zIndex={10} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ type: "dots", size: 'xs' }}/>
     208                        <LoadingOverlay visible={true} zIndex={10} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{size: 'xs' }}/>
    205209                    }
    206210                >

  • appza-builder/trunk/admin/frontend/src/components/builder-dashboard/inc/mobile-render/Navbar.jsx

    r3296152 r3298544  
    4040    return(
    4141        <Box pos="relative" mih={25}>
     42            {/*<LoadingOverlay
     43                visible={isLoading}
     44                zIndex={10}
     45                overlayProps={{ radius: "sm", blur: 5 }}
     46                loaderProps={{ type: "dots", size: 'xs' }}
     47            />*/}
    4248            <LoadingOverlay
    4349                visible={isLoading}
    4450                zIndex={10}
    4551                overlayProps={{ radius: "sm", blur: 5 }}
    46                 loaderProps={{ type: "dots", size: 'xs' }}
     52                loaderProps={{size: 'xs' }}
    4753            />
    4854            <Box

  • appza-builder/trunk/admin/frontend/src/components/builder-dashboard/inc/navbar/NavbarCustomization.jsx

    r3296152 r3298544  
    8686    return(
    8787        <Box pt="sm" pos="relative">
    88             <LoadingOverlay visible={!activeLayout} zIndex={1000} overlayProps={{radius: "sm", blur: 5}}loaderProps={{type: 'dots', size: 'sm'}}/>
     88            {/*<LoadingOverlay visible={!activeLayout} zIndex={1000} overlayProps={{radius: "sm", blur: 5}} loaderProps={{type: 'dots', size: 'sm'}}/>*/}
     89            <LoadingOverlay visible={!activeLayout} zIndex={1000} overlayProps={{radius: "sm", blur: 5}} loaderProps={{size: 'sm'}}/>
    8990            <Tabs
    9091                variant="pills"

  • appza-builder/trunk/admin/frontend/src/components/builder-dashboard/inc/navbar/NavbarLayouts.jsx

    r3296152 r3298544  
    7777        <>
    7878            <Stack pos="relative">
    79                 <LoadingOverlay visible={isLoading} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ type: 'dots', size: 'sm' }} />
     79                {/*<LoadingOverlay visible={isLoading} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ size: 'sm' }} />*/}
    8080
    8181                <Box bg={theme.primaryColor + '.0'} p={5} mt={`xs`}> <Text fz={12} fw={700}>Selected</Text> </Box>
    … …  
    132132                </Box>
    133133
    134                 {
    135                     availableLayouts?.length > 0 && availableLayouts?.map(layout => <_Layout key={layout.slug} layout={layout} setRecallNavbar={setRecallNavbar} setSelectedLayout={setSelectedLayout} setShowRightSidebar={setShowRightSidebar}/>)
    136                 }
     134                <Box pos="relative">
     135                    <LoadingOverlay visible={isLoading} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ size: 'sm' }} />
     136                    {
     137                        availableLayouts?.length > 0 && availableLayouts?.map(layout => <_Layout key={layout.slug} layout={layout} setRecallNavbar={setRecallNavbar} setSelectedLayout={setSelectedLayout} setShowRightSidebar={setShowRightSidebar}/>)
     138                    }
     139                </Box>
     140
    137141
    138142                {

  • appza-builder/trunk/admin/frontend/src/components/builder-dashboard/inc/settings/Settings.jsx

    r3296152 r3298544  
    321321        <>
    322322            <Tabs defaultValue="general" h={`92%`} pos="relative">
    323                 <LoadingOverlay visible={loading} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ type: 'dots', size: 'sm' }} />
     323                <LoadingOverlay visible={loading} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ size: 'sm' }} />
    324324                <Tabs.List>
    325325                    <Tabs.Tab leftSection={<IconSettings size={14}/>} value="general">General</Tabs.Tab>

  • appza-builder/trunk/admin/frontend/src/components/builder-dashboard/inc/theme/ThemeList.jsx

    r3296152 r3298544  
    6565            {/*<Box pos="relative" h={height - 200}>*/}
    6666            <Box pos="relative">
    67                 <LoadingOverlay visible={isLoading} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ type: 'dots', size: 'sm' }} />
     67                {/*<LoadingOverlay visible={isLoading} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ type: 'dots', size: 'sm' }} />*/}
     68                <LoadingOverlay visible={isLoading} zIndex={1000} overlayProps={{ radius: "sm", blur: 5 }} loaderProps={{ size: 'sm' }} />
    6869
    6970                {themes.length === 0 && <Center h={slideHeight}>

  • appza-builder/trunk/admin/frontend/src/index.js

    r3296152 r3298544  
    44import {
    55    MantineProvider,
    6     createTheme,
    7     Image,
    8     Text,
    9     Center,
    10     Stack
     6    createTheme, Loader,
    117} from "@mantine/core";
    128import { Notifications } from '@mantine/notifications';
    … …  
    1814import { HashRouter } from 'react-router-dom';
    1915import {lazy, Suspense} from "@wordpress/element";
    20 
    21 import AppzaIcon from '../assets/images/appza-iocn.svg';
    22 import classes from './InitialLoader.module.css'
     16import {CssLoader, Initial as InitialLoader} from "./utils/loader/AppzaLoader";
    2317
    2418const theme = createTheme({
    2519    primaryColor: 'orange',
    2620    fontFamily: 'Open Sans, sans-serif',
     21    components: {
     22        Loader: Loader.extend({
     23            defaultProps: {
     24                loaders: { ...Loader.defaultLoaders, custom: CssLoader },
     25                type: 'custom',
     26            },
     27        }),
     28    },
    2729});
    2830
    … …  
    4749
    4850
    49 function Loader() {
    50     return (
    51         <Center h={`100vh`}>
    52             <Stack gap="xs" align="center">
    53                 <Image className={classes.loader} w={50} src={AppzaIcon}/>
    54                 <Text fs="italic" size="xs">Preparing...</Text>
    55             </Stack>
    56         </Center>
    57     )
    58 }
    59 
    6051
    6152if (document.getElementById('appza-builder')) { //check if an element exists before rendering
    … …  
    6556                    <Notifications />
    6657                    <ModalsProvider labels={{ confirm: 'Submit', cancel: 'Cancel' }}>
    67                         <Suspense fallback={<Loader/>}>
     58                        <Suspense fallback={<InitialLoader/>}>
    6859                            <App />
    6960                        </Suspense>

  • appza-builder/trunk/mobile-store-builder.php

    r3296152 r3298544  
    1717 * Plugin URI:        https://lazycoders.co/appza/
    1818 * Description:       Mobile app builder
    19  * Version:           1.1.3
     19 * Version:           1.1.4
    2020 * Author:            Lazycoders
    2121 * Author URI:        https://lazycoders.co
    … …  
    3535 * Rename this for your plugin and update it as you release new versions.
    3636 */
    37 const APPZA_BUILDER_VERSION = '1.1.3';
     37const APPZA_BUILDER_VERSION = '1.1.4';
    3838
    3939define( 'APPZA_BUILDER_RESOURCE_URL', 'https://admin.appza.net' );

  • appza-builder/trunk/readme.txt

    r3296359 r3298544  
    55Requires at least: 6.2
    66Tested up to: 6.8
    7 Stable tag: 1.1.3
     7Stable tag: 1.1.4
    88Requires PHP: 7.4
    99License: GPLv2 or later
    … …  
    145145== Changelog ==
    146146
     147= 1.1.4 (Date: May 22, 2025) =
     148- Hotfix: fixed component class_type check
     149
    147150= 1.1.3 (Date: May 19, 2025) =
    148151- Updated play store and app store QR code.
    … …  
    160163
    161164== Upgrade Notice ==
    162 This is our first version, so nothing to worry about. 
     165This is our first version, so nothing to worry about.
    163166Wish us luck :)

  • appza-builder/trunk/src/Controller/Appza_Mobile_Screen_Api_Controller.php

    r3296152 r3298544  
    9797            }
    9898
    99             if (
    100                 strpos($component['class_type'], 'Woo_') && false === Appza_Plugins_Check::is_woocommerce_active() ||
    101                 strpos($component['class_type'], 'TLMS_') && false === Appza_Plugins_Check::is_tutorlmspro_active() ||
    102                 strpos($component['class_type'], 'FCommunity_') && false === Appza_Plugins_Check::is_fcommunity_active() ||
    103                 strpos($component['class_type'], 'LLMS_') && false === Appza_Plugins_Check::is_lifterlms_active()
    104             ) { // Check if required plugin is active
    105                 $component['items'] = array();
    106                 $data['views'][] = $component;
    107                 continue;
     99            if ($component['class_type']){
     100                if (
     101                    strpos($component['class_type'], 'Woo_') && false === Appza_Plugins_Check::is_woocommerce_active() ||
     102                    strpos($component['class_type'], 'TLMS_') && false === Appza_Plugins_Check::is_tutorlmspro_active() ||
     103                    strpos($component['class_type'], 'FCommunity_') && false === Appza_Plugins_Check::is_fcommunity_active() ||
     104                    strpos($component['class_type'], 'LLMS_') && false === Appza_Plugins_Check::is_lifterlms_active()
     105                ) { // Check if required plugin is active
     106                    $component['items'] = array();
     107                    $data['views'][] = $component;
     108                    continue;
     109                }
    108110            }
    109111

  • appza-builder/trunk/src/Controller/Appza_Page_Controller.php

    r3296152 r3298544  
    8181            $component['customize_styles'] = json_decode($component['customize_styles'], true);
    8282
    83             if (
    84                 (strpos($component['customize_properties']['class_type'], 'Woo_') && false === Appza_Plugins_Check::is_woocommerce_active()) ||
    85                 (strpos($component['customize_properties']['class_type'], 'TLMS_') && false === Appza_Plugins_Check::is_tutorlmspro_active()) ||
    86                 (strpos($component['customize_properties']['class_type'], 'FCommunity_') && false === Appza_Plugins_Check::is_fcommunity_active()) ||
    87                 (strpos($component['customize_properties']['class_type'], 'LLMS_') && false === Appza_Plugins_Check::is_lifterlms_active())
    88             ) { // check if required plugin is active
    89                 $component['items'] = array();
    90                 $page['components'][] = $component;
    91                 continue;
     83            if($component['customize_properties']['class_type']){
     84                if (
     85                    (strpos($component['customize_properties']['class_type'], 'Woo_') && false === Appza_Plugins_Check::is_woocommerce_active()) ||
     86                    (strpos($component['customize_properties']['class_type'], 'TLMS_') && false === Appza_Plugins_Check::is_tutorlmspro_active()) ||
     87                    (strpos($component['customize_properties']['class_type'], 'FCommunity_') && false === Appza_Plugins_Check::is_fcommunity_active()) ||
     88                    (strpos($component['customize_properties']['class_type'], 'LLMS_') && false === Appza_Plugins_Check::is_lifterlms_active())
     89                ) { // check if required plugin is active
     90                    $component['items'] = array();
     91                    $page['components'][] = $component;
     92                    continue;
     93                }
    9294            }
    9395
Note: See TracChangeset for help on using the changeset viewer.