@chem-po/react-web 0.0.43 → 0.0.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.cjs +2 -2
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +2 -2
  4. package/dist/index.js.map +1 -1
  5. package/package.json +3 -3
  6. package/src/components/form/input/Editable.tsx +8 -10
  7. package/src/components/form/input/boolean/index.tsx +5 -5
package/dist/index.cjs CHANGED
@@ -1,7 +1,7 @@
1
- 'use strict';var react=require('@chakra-ui/react'),react$1=require('@chem-po/react'),b=require('react'),icons=require('@chakra-ui/icons'),pr=require('@react-hook/resize-observer'),core=require('@chem-po/core'),framerMotion=require('framer-motion'),reactErrorBoundary=require('react-error-boundary'),reactRouterDom=require('react-router-dom'),reactTransitionGroup=require('react-transition-group'),lottieReact=require('lottie-react'),dnd=require('@hello-pangea/dnd'),reactHookForm=require('react-hook-form'),reactDayPicker=require('react-day-picker'),zustand=require('zustand'),Cd=require('react-currency-input-field'),iu=require('react-textarea-autosize'),reactWindow=require('react-window'),si=require('react-window-infinite-loader');require('firebase/firestore');var anatomy=require('@chakra-ui/anatomy'),themeTools=require('@chakra-ui/theme-tools');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var b__default=/*#__PURE__*/_interopDefault(b);var pr__default=/*#__PURE__*/_interopDefault(pr);var Cd__default=/*#__PURE__*/_interopDefault(Cd);var iu__default=/*#__PURE__*/_interopDefault(iu);var si__default=/*#__PURE__*/_interopDefault(si);var ss=({layout:e="row"})=>{let{adapter:{auth:o}}=react$1.useBackendBase(),t=react$1.useAuth(r=>r.user);return b__default.default.createElement(react.Flex,{gap:[1,1,2],align:"center",flexFlow:["column","column","row"]},t?b__default.default.createElement(react.Button,{size:"sm",onClick:()=>{o.logout();}},"SIGN OUT"):b__default.default.createElement(b__default.default.Fragment,null,b__default.default.createElement(react.Text,{whiteSpace:"nowrap",textAlign:"center",opacity:.8,fontWeight:600,fontSize:"sm"},"SIGN IN"),b__default.default.createElement(react.Flex,{flexFlow:e,gap:2,w:"100%"})))},O0=e=>b__default.default.createElement(react.Portal,null,b__default.default.createElement(react.Flex,{position:"fixed",bottom:4,left:4},b__default.default.createElement(ss,{...e})));var tr=({width:e,children:o,active:t,duration:r=400,...n})=>b__default.default.createElement(react.Center,{width:`${t?e:0}px`,opacity:t?1:0,transition:`all ${r}ms ease-in-out`,overflow:"hidden",...n},o);var ms=(e,o)=>b__default.default.createElement(react.Flex,{ref:o,bg:"background.100",p:3,borderRadius:6,boxShadow:"1px 1px 4px #00000066",...e}),Oe=b.forwardRef(ms);var G=()=>react.useColorModeValue("#00000033","#ffffff33");var rr=({viewText:e="View",hideText:o="Hide",onClick:t,isOpen:r,color:n})=>b__default.default.createElement(react.IconButton,{icon:r?b__default.default.createElement(icons.ChevronUpIcon,{width:5,height:5}):b__default.default.createElement(icons.ChevronDownIcon,{width:5,height:5}),"aria-label":r?o:e,variant:"ghost",p:"2px",ml:"auto",size:"xs",fontSize:"xs",borderRadius:"full",_hover:{bg:"blackAlpha.200"},color:n??"#777",onClick:s=>{s.stopPropagation(),t(s);}});var Ro=({header:e,children:o,initExpanded:t=false,nested:r,alwaysExpanded:n,headerProps:s,iconColor:i,footer:l,isOpen:a,onClose:d,onOpen:m,...u})=>{let{isOpen:p,onClose:c,onOpen:f}=react.useDisclosure({defaultIsOpen:n??t,isOpen:a,onClose:d,onOpen:m}),g=b.useCallback(y=>{if(y.stopPropagation(),!n){if(p){c();return}f();}},[n,f,c,p]),h=G();return b__default.default.createElement(react.VStack,{spacing:0,borderColor:h,w:"100%",...u},b__default.default.createElement(react.HStack,{borderBottom:p?`1px solid ${h}`:void 0,px:2,spacing:0,w:"100%",...s},b__default.default.createElement(react.Flex,{onClick:g,cursor:"pointer","aria-label":"expand/hide",align:"center",flex:1},typeof e=="string"?b__default.default.createElement(react.Text,{fontWeight:600,color:"gray.500",flex:1},e):b__default.default.createElement(e,{isOpen:p,onClose:c})),n?null:b__default.default.createElement(rr,{color:i,onClick:g,isOpen:p})),b__default.default.createElement(react.Box,{w:"100%",borderLeft:r?"4px solid #00000033":void 0},b__default.default.createElement(react.Collapse,{unmountOnExit:true,style:{width:"100%"},in:p},o)),l?b__default.default.createElement(l,{isOpen:p,onClose:c}):null)};var ee=({animateOpacity:e,duration:o=300,children:t,in:r=true,onExited:n,...s})=>{let i=react$1.useMounted(),[l,a]=b.useState(0),d=b.useRef(null),[m,u]=b.useState(false),p=b.useMemo(()=>i&&r,[r,i]),c=b.useMemo(()=>p?l:0,[l,p]),f=b.useCallback(y=>{a(y.target.scrollHeight);},[]);pr__default.default(d,f);let g=b.useRef(null);b.useEffect(()=>{g.current&&(clearTimeout(g.current),g.current=null),u(true),g.current=setTimeout(()=>{u(false),n&&!p&&n();},o);},[p,o,n]);let h=b.useMemo(()=>!m&&p?"height 0ms":e?`height ${o}ms, opacity ${o}ms ease ${p?o:0}ms`:`height ${o}ms`,[e,o,p,m]);return b__default.default.createElement(react.Box,{overflow:"hidden",w:"100%",transition:h,height:`${c}px`,...s},b__default.default.createElement(react.Box,{ref:d,w:"100%",...s},t))};var yg=({children:e,...o})=>{let[t,r]=b.useState(0),[n,s]=b.useState(0),i=b.useRef(null),l=b.useCallback(a=>{r(a.target.scrollWidth),s(a.target.scrollHeight);},[]);return pr__default.default(i,l),b__default.default.createElement(react.Box,{ref:i,...o,width:"100%",height:"100%"},b__default.default.createElement(e,{width:t,height:n}))},mr=({children:e,...o})=>{let[t,r]=b.useState(0),[n,s]=b.useState(0),i=b.useRef(null),l=b.useCallback(d=>{r(d.target.scrollWidth),s(d.target.scrollHeight);},[]);pr__default.default(i,l);let a=b.useMemo(()=>({width:t,height:n}),[t,n]);return b__default.default.createElement(react.Box,{ref:i,...o,width:"100%",height:"100%"},b__default.default.createElement(react$1.FullSizeContext.Provider,{value:a},e))};var cr=b.createContext([]),fo=()=>b.useContext(cr),fr=({children:e,views:o})=>{let t=react$1.useAuth(n=>n.user),r=b.useMemo(()=>core.getUserViews(o,t).map(n=>({view:n,routes:core.getViewRoutes(n)})),[t,o]);return b__default.default.createElement(cr.Provider,{value:r},e)};var hr=b__default.default.createContext(false),xr=({children:e})=>b__default.default.createElement(hr.Provider,{value:true},e),br=()=>b.useContext(hr);var tt=50,js=({view:e,absolute:o})=>{let{path:t,name:r,icon:n,iconScale:s}=e,i=Array.isArray(t)?t[0]:t,l=react.useColorModeValue(1,1.8),a=b.useMemo(()=>o?2.4:l,[o,l]),{pathname:d}=reactRouterDom.useLocation(),m=react.useColorModeValue("#ffffff33","#00000033"),u=b__default.default.createElement(react.Button,{pointerEvents:d===i?"none":"auto",opacity:d===i?1:.7,width:"100%",height:"100%",borderRadius:0,flexFlow:"column",_hover:{bg:m},variant:"unstyled",display:"flex",alignItems:"center",justifyContent:"center"},b__default.default.createElement(react.Image,{height:`${34*(s??1)}px`,filter:`brightness(${a})${o?" drop-shadow(1px 1px 3px #00000099 )":""}`,src:n,alt:r}));return d===i?b__default.default.createElement(react.Flex,{key:i,flex:1,h:"100%",justify:"center"},u):b__default.default.createElement(reactRouterDom.Link,{key:i,style:{flex:1,display:"flex",height:"100%",justifyContent:"center"},to:i},u)},yr=({selectedView:e,children:o})=>{let t=react.useColorModeValue("#dedede",core.palette.gray.dark),r=react.useColorModeValue("#00000022","#ffffff33"),n=fo(),s=b.useMemo(()=>n.filter(d=>!!d.view.icon),[n]),i=b.useMemo(()=>!!e?.navBar?.absolute,[e]),l=b.useMemo(()=>e?.navBar?.backgroundColor??t,[t,e]),a=b.useMemo(()=>e?.navBar?.borderColor?!!e?.navBar?.borderColor:i?"#ffffff33":r,[r,e,i]);return b__default.default.createElement(react.Flex,{position:"absolute",bottom:0,left:0,bg:l,w:"100%",transition:"all 500ms",h:`${tt}px`,borderTop:`1px solid ${a}`},b__default.default.createElement(react.Flex,{position:"relative",w:"100%",justify:"space-around",align:"center"},s.map(({view:d})=>b__default.default.createElement(js,{absolute:i,key:d.name,view:d})),o))};var wr=({message:e})=>{let o=react.useColorModeValue("gray.600","gray.100");return b__default.default.createElement(react.Flex,{pt:4},b__default.default.createElement(Oe,null,b__default.default.createElement(react.Text,{color:o},e??"Sorry, something went wrong.")))};var ho=e=>{let o=react.useColorModeValue("gray.400","gray.400"),t=react.useColorModeValue("gray.300","gray.600");return b__default.default.createElement(react.CircularProgress,{isIndeterminate:true,trackColor:t,color:o,...e})};var Ir=({size:e=30,isLoading:o,speed:t=2,inFeed:r,asset:n})=>{let s=react.useColorModeValue(n.default,n.dark??n.default),i=b.useMemo(()=>r?n.dark??n.default:s,[s,n,r]),l=b.useMemo(()=>({animationData:i,loop:true}),[i]),a=b.useMemo(()=>({width:e,height:e,opacity:o?.85:0,transition:"opacity 300ms ease-in-out"}),[e,o]),{View:d,pause:m,play:u,setSpeed:p}=lottieReact.useLottie(l,a);return b.useEffect(()=>{p(t);},[p,t]),b.useEffect(()=>{o?u():m();},[o,u,m]),b__default.default.createElement(b__default.default.Fragment,null,d)},Pr=({size:e=30,isLoading:o,asset:t,inFeed:r})=>{let n=react.useColorModeValue(t.default,t.dark??t.default),s=b.useMemo(()=>r?t.dark??t.default:n,[n,t,r]),i=b.useMemo(()=>({width:e,height:e,opacity:o?.85:0,transition:"opacity 300ms ease-in-out"}),[e,o]);return b__default.default.createElement("img",{src:s,style:i,alt:"loading"})},Rs=({isLoading:e,size:o})=>{let{loading:t}=react$1.useAppAssets();return t.lottieJson?b__default.default.createElement(Ir,{isLoading:e,size:o,asset:t.lottieJson}):t.svg?b__default.default.createElement(Pr,{isLoading:e,size:o,asset:t.svg}):null},Ie=({isLoading:e,size:o,inFeed:t})=>{let{loading:r}=react$1.useAppAssets();return r.lottieJson?b__default.default.createElement(Ir,{inFeed:t,isLoading:e,size:o,asset:r.lottieJson}):r.svg?b__default.default.createElement(Pr,{inFeed:t,isLoading:e,size:o,asset:r.svg}):b__default.default.createElement(react.Text,{color:"red"},"ERROR: No loading animation found")},Pe=({text:e="Loading...",inBox:o,stackProps:t})=>{let r=b__default.default.createElement(react.HStack,{p:2,...t},b__default.default.createElement(Rs,{isLoading:true}),b__default.default.createElement(react.Text,{opacity:.8,fontSize:"sm"},e));return o?b__default.default.createElement(Oe,null,r):r},ze=({isLoading:e,text:o,inFeed:t,...r})=>{let n=react.useColorModeValue("#ffffffaa","#00000088");return b__default.default.createElement(react.Center,{pos:"absolute",top:0,left:0,right:0,bottom:0,bg:n,pointerEvents:e?"auto":"none",opacity:e?1:0,...r},o?b__default.default.createElement(Pe,{text:o}):b__default.default.createElement(Ie,{inFeed:t,size:100,isLoading:e}))};var Mr=({loading:e})=>{let o=b.useRef(null),t=react$1.useAuth(s=>s.signInLoading);react$1.useAuth(s=>s.multiFactorLoading);let n=reactRouterDom.useNavigate();return b.useEffect(()=>(!e&&!t&&(o.current=setTimeout(()=>{n("/");},1500)),()=>{o.current&&clearTimeout(o.current);}),[e,n,t]),!e&&!t?b__default.default.createElement(react.Center,{minH:"100%",w:"100%"},b__default.default.createElement(Oe,{maxW:"500px"},b__default.default.createElement(react.HStack,{spacing:3},b__default.default.createElement(ho,{size:6}),b__default.default.createElement(react.VStack,{spacing:0,align:"flex-start"},b__default.default.createElement(react.Text,null,"404"),b__default.default.createElement(react.Text,{fontSize:"sm",opacity:.7},"Page not found - redirecting to Home..."))))):b__default.default.createElement(Pe,null)};var Or=390,zr=844,Ar=Or/zr,yl=({children:e,navBarChildren:o})=>{let{isMobile:t,height:r,width:n}=react$1.useScreen(),{contentHeight:s,contentWidth:i}=b.useMemo(()=>{let x=t?r:zr,v=t?n:Or;if(t)return {contentHeight:x,contentWidth:v};let S=Math.floor(r*.9),w=Math.floor(n*.9);return x>S?(v=Math.floor(S*Ar),x=S):v>w&&(x=Math.floor(w/Ar),v=w),{contentHeight:x,contentWidth:v}},[t,r,n]),l=react.useColorModeValue(core.cssGradients.accentGray,core.cssGradients.darkGray),a=reactRouterDom.useLocation(),d=reactRouterDom.useOutlet(),m=fo(),u=b.useMemo(()=>m.find(x=>!!reactRouterDom.matchRoutes(x.routes,a)),[m,a]),p=b.useMemo(()=>u?typeof u.view.path=="string"?u.view.path:u.view.path[0]:"404",[u]),c=b.useRef(null),f=b.useRef(null),g=b.useMemo(()=>!!u?.view?.navBar?.absolute,[u]),h=b.useMemo(()=>s-(g?0:tt),[s,g]),y=b.useMemo(()=>({overlayRef:c,height:s,width:i,absoluteNavBar:g,bodyHeight:h}),[c,s,i,g,h]);return b__default.default.createElement(xr,null,b__default.default.createElement(react$1.MobileFrameProvider,{value:y},b__default.default.createElement(react.Center,{position:"relative",bg:l,w:"100%",height:"100%"},b__default.default.createElement(react.Flex,{bg:"background.100",position:"relative",style:{height:`${s}px`,width:`${i}px`},boxShadow:t?"none":"1px 1px 4px rgba(0,0,0,0.4)",borderRadius:t?0:10,overflow:"hidden",direction:"column",maxH:s},b__default.default.createElement(framerMotion.AnimatePresence,null,b__default.default.createElement(reactTransitionGroup.SwitchTransition,null,b__default.default.createElement(reactTransitionGroup.CSSTransition,{key:p,nodeRef:f,unmountOnExit:true,classNames:"page",timeout:300},()=>b__default.default.createElement(framerMotion.motion.div,{style:{position:"relative",width:"100%",overflow:"hidden"},animate:{height:h,opacity:1,dur:.5,scale:1},initial:{opacity:0,scale:.9,height:h},exit:{opacity:0}},b__default.default.createElement(reactErrorBoundary.ErrorBoundary,{FallbackComponent:()=>b__default.default.createElement(wr,null)},u?d:b__default.default.createElement(Mr,null)),e?b__default.default.createElement(react.Box,{height:"100%",w:"100%",position:"absolute",top:0,left:0,pointerEvents:"none"},e):null)))),b__default.default.createElement(yr,{selectedView:u?.view},o),b__default.default.createElement(react.Flex,{pos:"absolute",pointerEvents:"none",bottom:0,w:"100%",h:"100%"},b__default.default.createElement(react.Flex,{ref:c,w:"100%",h:"100%",pos:"relative"}))))))},Lh=({children:e,navBarChildren:o,views:t})=>b__default.default.createElement(fr,{views:t},b__default.default.createElement(yl,{navBarChildren:o},e));var Bl="Are you sure? You can't undo this action afterwards.",Al=({confirmActive:e,onCancel:o,onConfirm:t,body:r=Bl,actionName:n="Delete",actionLoading:s,itemName:i})=>{let l=b.useRef(null);return b__default.default.createElement(react.AlertDialog,{isCentered:true,isOpen:e,leastDestructiveRef:l,onClose:()=>o()},b__default.default.createElement(react.AlertDialogOverlay,null,b__default.default.createElement(react.AlertDialogContent,{gap:0},b__default.default.createElement(react.AlertDialogBody,null,b__default.default.createElement(react.VStack,{align:"flex-start",py:1},b__default.default.createElement(react.Text,{fontSize:"lg",fontWeight:500},n," ",i,"?"),typeof r=="string"?b__default.default.createElement(react.Text,{fontSize:"md"},r):r,b__default.default.createElement(react.HStack,{justify:"flex-end",w:"100%"},b__default.default.createElement(react.Button,{size:"sm",ref:l,onClick:o},"Cancel"),b__default.default.createElement(react.Button,{size:"sm",isLoading:s,color:"white",textShadow:"1px 1px 3px #00000077",bg:"red.500",_dark:{bg:"red.500"},onClick:t},n)))))))},Vr=({onDelete:e,itemName:o,noConfirm:t,alertBody:r,text:n,actionName:s="Delete",...i})=>{let[l,a]=b.useState(false),[d,m]=b.useState(false),u=b.useRef(null),p=b.useRef(true);b.useEffect(()=>(p.current=true,()=>{p.current=false;}),[]);let c=react.useToast(),f=b.useCallback(async()=>{if(u.current&&clearTimeout(u.current),m(false),e){a(true);try{await e();}catch(g){console.error(g),c({title:"Error",description:g.message??"An error occurred",status:"error",duration:5e3,isClosable:true});}p.current&&a(false);}else console.error("No delete function");},[e,c]);return b__default.default.createElement(b__default.default.Fragment,null,n?b__default.default.createElement(react.Button,{variant:"ghost",size:i.size??"md","aria-label":"delete",_hover:{color:"red.600",bg:"red.200"},color:"red.600",onClick:g=>{g.stopPropagation(),t?f():m(true);},isLoading:l,...i},b__default.default.createElement(react.Flex,{align:"center",gap:1},b__default.default.createElement(icons.DeleteIcon,null),b__default.default.createElement(react.Text,null,n))):b__default.default.createElement(react.IconButton,{variant:"ghost",size:i.size??"sm","aria-label":s,_hover:{color:"red.600",bg:"red.200"},color:"red.500",borderRadius:"full",icon:b__default.default.createElement(icons.DeleteIcon,null),onClick:g=>{g.stopPropagation(),t?f():m(true);},isLoading:l,...i}),t?null:b__default.default.createElement(Al,{confirmActive:d,onCancel:()=>m(false),actionLoading:l,onConfirm:()=>{f();},actionName:s,body:r,itemName:o}))};var Vl=({selected:e,option:{Render:o,label:t,disabledMessage:r},size:n,...s})=>{let i=b__default.default.createElement(react.Box,null,b__default.default.createElement(react.IconButton,{variant:"unstyled",w:`${n}px`,h:`${n}px`,minW:0,borderRadius:0,outline:"none",display:"flex",alignItems:"center",justifyContent:"center",opacity:r?.6:1,filter:r?"grayscale(1)":"none",bg:e?"whiteAlpha.500":"blackAlpha.100",_dark:{bg:e?"blackAlpha.500":"whiteAlpha.200"},icon:o(e),pointerEvents:e?"none":"auto","aria-label":t,...s}));return b__default.default.createElement(react.Tooltip,{label:r??t,"aria-label":t},i)},Hr=({value:e,onChange:o,size:t=28,options:r})=>{let n=G();return b__default.default.createElement(react.Flex,{bg:"whiteAlpha.300",_dark:{bg:"blackAlpha.300"},border:`1px solid ${n}`,borderRadius:3},r.map((s,i)=>b__default.default.createElement(Vl,{key:s.id,onClick:()=>{o(s.id);},option:s,size:t,borderLeftRadius:i?0:3,borderRightRadius:i===r.length-1?3:0,selected:s.id===e,borderLeft:i?`1px solid ${n}`:"none"})))};var _r=b.createContext({}),Wr=({curr:e,children:o})=>{let t=b.useMemo(()=>({curr:e}),[e]);return b__default.default.createElement(_r.Provider,{value:t},o)},Nl=()=>b.useContext(_r);var jr=({src:e,onClose:o})=>{let[t,r]=b.useState(true),n=react$1.useScreen(p=>p.width),s=react$1.useScreen(p=>p.height),[i,l]=b.useState({width:n/2,height:s/2}),{height:a,width:d}=b.useMemo(()=>{if(t)return i;let p=i.width/i.height,c=Math.min(i.height,s*.9),f=c*p;return f>n*.9&&(f=Math.min(i.width,n*.9),c=f/p),{height:c,width:f}},[s,n,i,t]),m=b.useCallback(()=>r(true),[]),u=b.useCallback(p=>{let{naturalWidth:c,naturalHeight:f}=p.currentTarget;l({width:c,height:f}),r(false);},[]);return b__default.default.createElement(react.Modal,{size:"full",isOpen:true,onClose:o},b__default.default.createElement(react.ModalOverlay,{bg:"blackAlpha.700"}),b__default.default.createElement(react.ModalContent,{style:{background:"transparent"},pointerEvents:"none",width:"100%",height:"100%"},b__default.default.createElement(react.Center,{pointerEvents:"none",position:"fixed",p:[4,6,8],top:0,left:0,right:0,bottom:0,zIndex:4},b__default.default.createElement(react.Center,{opacity:t?0:1,transition:"all 500ms",overflow:"hidden",w:`${d}px`,height:`${a}px`},b__default.default.createElement(react.Image,{onLoadStart:m,onLoad:u,transition:"opacity 300ms",height:"100%",objectFit:"contain",borderRadius:4,src:e})),b__default.default.createElement(react.IconButton,{borderRadius:"full",position:"absolute",top:4,right:4,"aria-label":"close",icon:b__default.default.createElement(icons.CloseIcon,null),onClick:o})),b__default.default.createElement(react.Center,{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none",opacity:t?1:0,transition:"opacity 300ms"},b__default.default.createElement(Ie,{isLoading:t,size:70}))))};var Qr="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkAAIAAAoAAv/lxKUAAAAASUVORK5CYII=",qr=({src:e,loadingOverride:o,alt:t,onLoad:r,width:n,height:s,withFullView:i,buttonFullView:l,imageProps:a,...d})=>{let[m,u]=b.useState(!!e),p=b.useRef(null),[c,f]=b.useState(false),g=react$1.useMounted(100);b.useEffect(()=>{p.current?.complete&&u(true);},[p]);let h=b.useCallback(w=>{u(false),r&&r(w);},[r]),[y,x]=b.useState(e);b.useEffect(()=>{e&&x(e);},[e,y]);let v=react$1.useColorModeValue("none","brightness(300%) drop-shadow(1px 1px 3px #00000066)"),S=m||!!o;return b__default.default.createElement(react.Center,{opacity:g?1:0,transition:"opacity 333ms",w:n??"100%",h:s??"100%",overflow:"hidden",position:"relative",...d},b__default.default.createElement(react.Image,{src:e??Qr,alt:t,onClick:!i||l?void 0:()=>f(true),onLoad:h,onLoadStart:()=>u(true),top:0,left:0,cursor:!i||l?"default":"pointer",draggable:false,opacity:e&&!S?1:0,transition:"opacity 300ms ease-in-out",w:"100%",h:"100%",objectFit:e?"cover":"contain",zIndex:0,...a}),l?b__default.default.createElement(react.IconButton,{pos:"absolute",top:2,right:2,zIndex:1,w:7,minW:0,borderRadius:10,h:7,size:"sm","aria-label":"View Image",icon:b__default.default.createElement(react.Image,{height:"20px",src:"/icons/open_in_full.svg",opacity:.8,filter:v}),onClick:()=>f(true)}):null,b__default.default.createElement(react.Center,{pos:"absolute",top:0,left:0,zIndex:2,pointerEvents:"none",transition:"opacity 0.5s ease-in-out",opacity:S||!e?1:0,w:"100%",h:"100%"},b__default.default.createElement(Ie,{isLoading:S,size:"60%"})),c?b__default.default.createElement(jr,{src:e??Qr,onClose:()=>f(false)}):null)};var mx=({value:e,label:o,onChange:t})=>{let r=react.useToast(),[n,s]=b.useState(false),i=b.useCallback(l=>{let a=Math.max(0,1e3-(Date.now()-l));setTimeout(()=>{s(false);},a);},[]);return b__default.default.createElement(react.Flex,{py:1,pr:2,pl:3,bg:"gray.700",borderRadius:12,boxShadow:"0 0 4px black",pos:"relative",align:"center"},b__default.default.createElement(react.Flex,{opacity:n?0:1,transition:`opacity 300ms ${n?"ease-out":"ease-in"}`,pointerEvents:n?"none":"auto",align:"center",gap:2},b__default.default.createElement(react.Text,{style:{fontSize:"1.2rem",height:"24px"}},o),b__default.default.createElement(react.Switch,{size:"md",isChecked:e,onChange:l=>{s(true);let a=Date.now();t(l.target.checked).catch(d=>{console.error(d),r({title:"Error",description:d?.message??"Error occurred",status:"error",duration:5e3,isClosable:true});}),i(a);}})),b__default.default.createElement(react.Center,{opacity:n?1:0,transition:`opacity 300ms ${n?"ease-in":"ease-out"}`,pointerEvents:n?"auto":"none",pos:"absolute",top:"-10%",left:"-10%",w:"120%",borderRadius:8,p:1,gap:2,h:"120%"},b__default.default.createElement(Pe,null)))};var ut={damping:25,stiffness:200,bounce:.5},te=75,ae=100;var Zr=e=>e==="current"?1:0,ha=(e,o)=>{let{width:t}=o;return e==="current"?0:e==="next"?t:e==="prev"?-t:0},mt=(e,o)=>{let{height:t}=o;return e==="current"?0:e==="next"?t*1.1:e==="prev"?-t*1.1:0},Rr=({id:e,collectionPath:o,onItemLoad:t,RenderItem:r,status:n,offsetY:s,enterStatus:i})=>{let l=react$1.useMobileFrame(),a=framerMotion.useSpring(0,ut),d=framerMotion.useMotionValue(mt(i??"next",l)),m=framerMotion.useTransform(()=>d.get()+s.get()),u=framerMotion.useSpring(m,ut),p=b.useMemo(()=>`${o}/${e}`,[o,e]),{data:c}=react$1.useDocument(p,t),f=b.useRef({contentSize:l,status:i??n,y:mt(i??n,l),scale:Zr(i??n)});return b.useEffect(()=>{let g=Zr(n),h=ha(n,l);d.set(h),a.set(g);},[n,d,a,l]),b__default.default.createElement(framerMotion.motion.div,{initial:{x:0,y:f.current.y,scale:f.current.scale},style:{position:"absolute",top:0,left:0,display:"flex",alignItems:"center",justifyContent:"center",touchAction:"none",userSelect:"none",height:"100%",y:u,scale:a,opacity:a,width:"100%"},exit:{opacity:0,scale:0,x:0,y:mt(i==="next"?"prev":"next",l)}},c?r(c):null)};var wa=10,on=(e,o,t=wa,r=false)=>{let[n,s]=b.useState([null,null,null]),[i,l]=b.useState(0),a=react$1.useAuth(T=>T.user),[d,m]=b.useState(false),[u,p]=b.useState(false),[c,f]=b.useState(null),[g,h]=b.useState(false),[y,x]=b.useState(null),v=react.useToast(),S=b.useRef(null),w=b.useRef({prev:null,curr:null,next:null}),F=b.useCallback(T=>{T&&(w.current.prev===T&&(w.current.prev=null),w.current.next===T&&(w.current.next=null)),w.current.curr=T,o({...w.current});},[o]),B=b.useCallback(T=>{T&&(w.current.prev===T&&(w.current.prev=null),w.current.curr===T&&(w.current.curr=null)),w.current.next=T,o({...w.current});},[o]),O=b.useCallback(T=>{T&&(w.current.curr===T&&(w.current.curr=null),w.current.next===T&&(w.current.next=null)),w.current.prev=T,o({...w.current});},[o]),A=b.useCallback(async(T,H,k)=>{if(!a&&r)return [];k||m(true);try{let I=await e({limit:t,startAfter:H,startBefore:T});if(k)H?s(L=>[L[0],L[1],I.ids]):T&&s(L=>[I.ids,L[1],L[2]]);else {let L=I.ids[0],R=I.ids[1]||null;F(L),B(R),O(H),s(H?Q=>[Q[1],I.ids,null]:T?Q=>[null,I.ids,Q[1]]:[null,I.ids,null]);let X=I.ids[I.ids.length-1];X&&A(null,X,!0);}return m(!1),I.ids||[]}catch(I){f(I.message),v({title:"Error fetching feed",description:I.message,status:"error",duration:9e3,isClosable:true});}return m(false),[]},[e,v,a,r,F,B,O,t]),M=b.useCallback(async(T,H)=>{let k=n[1]??[],I=n[2]??[],L=T+1;if(L<k.length)return {id:k[L],idx:L};if(I[0]){let Q=I[I.length-1];return H||(s(or=>[or[1],or[2],null]),A(null,Q,true)),{id:I[0],idx:0}}let X=(await A(null,k[k.length-1],H))[0];return X?{id:X,idx:0}:null},[n,A]),E=b.useCallback(async(T,H)=>{let k=n[1]??[],I=n[0]??[],L=T-1;if(L>=0)return {id:k[L],idx:L};if(I[I.length-1]){let Q=I[0];return H||(s([null,n[0],n[1]]),A(Q,null,true)),{id:I[I.length-1],idx:I.length-1}}let R=await A(k[0],null,H),X=R[R.length-1];return X?{id:X,idx:R.length-1}:null},[n,A]),V=b.useCallback(async()=>{if(g)return;let T=w.current.curr;h(true);let H=await M(i,false);if(x("next"),H){let{id:k,idx:I}=H;S.current=k,l(I),F(k),B(null),O(T),M(I,true).then(L=>B(L?.id??null));}else v({title:"No more items",status:"info",duration:3e3,isClosable:true});h(false);},[i,M,F,B,O,v,g]),U=b.useCallback(async()=>{if(g)return;let T=w.current.curr;x("prev"),h(true);let H=await E(i,false);if(H){let{id:k,idx:I}=H;S.current=k,l(I),F(k),O(null),B(T),E(I,true).then(L=>O(L?.id??null));}else v({title:"No more items",status:"info",duration:3e3,isClosable:true});h(false);},[i,E,F,B,O,v,g]),ge=b.useCallback(async()=>{m(true),p(true),s([null,null,null]),F(null),B(null),O(null),x(null),l(0),await A(null,null,false),p(false);},[A,F,B,O]),[Be]=b.useState(()=>A);b.useEffect(()=>{Be(null,null,false);},[Be]);let Ae=b.useMemo(()=>i>0&&!!n[1]?.length||!!n[0]?.length,[n,i]),Fe=b.useMemo(()=>(n[1]&&i<n[1].length)??!!n[2]?.length,[n,i]);return b.useMemo(()=>({ids:n,goNext:V,goPrev:U,error:c,refresh:ge,refreshing:u,loading:d,canGoNext:Fe,direction:y,canGoPrev:Ae,itemLoading:g}),[n,V,U,d,c,g,Fe,Ae,ge,u,y])};var va="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkAAIAAAoAAv/lxKUAAAAASUVORK5CYII=",xo=({background:e,...o})=>b__default.default.createElement(react.Center,{position:"absolute",top:"0",left:"0",opacity:e?.7:0,transition:"opacity 500ms",right:"0",bottom:"0",zIndex:0,transform:"scale(1.075)",pointerEvents:"none",backgroundImage:`url(${e??va})`,backgroundSize:"cover",backgroundPosition:"center",...o,filter:o.filter??"blur(15px) brightness(70%)"}),Fa=({getBackgroundValue:e,item:o,filter:t})=>{let r=b.useMemo(()=>o?e(o):null,[e,o]),{loading:n,url:s}=react$1.useObjectUrl(r),i=b.useRef(0),[l,a]=b.useState(0),[d,m]=b.useState(null),[u,p]=b.useState(null);return b.useEffect(()=>{i.current===0?(m(s),i.current=1,a(0)):(p(s),i.current=0,a(1));},[s]),b__default.default.createElement(react.Center,{position:"absolute",top:"0",left:"0",right:"0",bottom:"0",zIndex:0},b__default.default.createElement(xo,{filter:t,opacity:l===0?1:0,background:d}),b__default.default.createElement(xo,{filter:t,opacity:l===1?1:0,background:u}),b__default.default.createElement(Ie,{isLoading:n}))},Sa=({getBackgroundUrl:e,item:o,filter:t})=>{let r=b.useMemo(()=>o?e(o):null,[e,o]),n=b.useRef(0),[s,i]=b.useState(0),[l,a]=b.useState(null),[d,m]=b.useState(null);return b.useEffect(()=>{r&&(n.current===0?(a(r),n.current=1,i(0)):(m(r),n.current=0,i(1)));},[r]),b__default.default.createElement(react.Center,{position:"absolute",top:"0",left:"0",right:"0",bottom:"0",zIndex:0},b__default.default.createElement(xo,{filter:t,opacity:s===0?1:0,background:l}),b__default.default.createElement(xo,{filter:t,opacity:s===1?1:0,background:d}))},sn=({getBackgroundValue:e,getBackgroundUrl:o,...t})=>e?b__default.default.createElement(Fa,{getBackgroundValue:e,...t}):o?b__default.default.createElement(Sa,{getBackgroundUrl:o,...t}):null;var ka=ae-te,pn=({offsetY:e,refreshing:o,canRefresh:t})=>{let r=framerMotion.useTransform(e,d=>Math.max(0,d-te)/ka),n=framerMotion.useSpring(0),s=framerMotion.useSpring(0);b.useEffect(()=>{o?n.set(50):n.set(0);},[o,n]),b.useEffect(()=>{t?s.set(1):s.set(0);},[s,t]);let i=framerMotion.useTransform(()=>s.get()*Math.min(20,Math.max(0,n.get()+r.get()**.5*20))),l=framerMotion.useTransform(i,d=>s.get()*Math.min(1,Math.max(0,d/30))),a=framerMotion.useTransform(()=>s.get()*r.get()*180);return b__default.default.createElement(framerMotion.motion.div,{style:{opacity:l,pointerEvents:"none",y:i,position:"absolute",top:0,left:0,right:0,height:"auto",scale:l,rotate:a}},b__default.default.createElement(react.Center,{w:"100%"},b__default.default.createElement(icons.RepeatIcon,{opacity:o?0:1,transition:`opacity 300ms ease ${o?0:300}ms`,w:8,h:8,color:"white",filter:"drop-shadow(1px 1px 3px #000000aa)"}),b__default.default.createElement(ho,{size:8,position:"absolute",isIndeterminate:true,opacity:o?1:0,transition:`opacity 300ms ease ${o?300:0}ms`})))};var Aa=e=>b.useCallback(o=>{let t=[];o.prev&&t.push({status:"prev",id:o.prev}),o.curr&&t.push({status:"current",id:o.curr}),o.next&&t.push({status:"next",id:o.next}),e(t);},[e]),ob=({fetch:e,collection:o,RenderItem:t,authRequired:r,getBackgroundUrl:n,getBackgroundValue:s,limit:i,defaultBackground:l,swipeDisabled:a,children:d})=>{let{width:m,height:u}=react$1.useMobileFrame(),p=b.useRef(null),c=b.useRef(null),[f,g]=b.useState(null),[h,y]=b.useState([]),x=framerMotion.useMotionValue(0),v=Aa(y),S=b.useRef(null),{goNext:w,goPrev:F,loading:B,canGoNext:O,canGoPrev:A,refresh:M,refreshing:E}=on(e,v,i,r),V=b.useRef(false),U=b.useRef({x:0,y:0}),ge=b.useCallback(k=>{if(a)return;V.current=true,U.current={x:k.clientX,y:k.clientY};let I=L=>{let R=A?te:ae,X=O?-te:-ae,Q=Math.max(X,Math.min(R,L.clientY-U.current.y));p.current&&p.current.style.setProperty("pointer-events","auto"),O&&Q<-65?(g("next"),w()):A&&Q>te-10?(g("prev"),F()):(Q>ae-10||Q<-90)&&(M(),S.current&&S.current.onNewData(null)),x.set(0),V.current=false,window.removeEventListener("pointerup",I);};window.addEventListener("pointerup",I);},[x,w,F,O,A,M,a]),Be=b.useCallback(k=>{requestAnimationFrame(()=>{if(V.current){let I=Math.max(-10,Math.min(10,k.clientX-U.current.x)),L=A?te:ae,R=O?-te:-ae,X=Math.max(R,Math.min(L,k.clientY-U.current.y));Math.sqrt(I**2+X**2)>10&&p.current&&p.current.style.setProperty("pointer-events","none"),x.set(X);}});},[x,O,A]),Ae=b.useMemo(()=>({height:`${u}px`,width:`${m}px`,overflow:"hidden",pointerEvents:a?"none":"auto"}),[m,u,a]),[Fe,T]=b.useState(null),H=b.useCallback(k=>{h.find(L=>L.status==="current")?.id===k?.id&&T(k);},[h]);return b__default.default.createElement(Wr,{curr:Fe},b__default.default.createElement(react.Center,{background:l??"background.100",style:{touchAction:"none"},userSelect:"none",position:"relative",w:"100%",h:"100%",overflow:"hidden",onPointerDown:ge,onPointerMove:Be},b__default.default.createElement(sn,{item:Fe,getBackgroundValue:s,getBackgroundUrl:n}),b__default.default.createElement("div",{ref:c,style:Ae},b__default.default.createElement(react.Center,{ref:p,h:"100%",w:"100%"},h.map(k=>b__default.default.createElement(Rr,{key:k.id,id:k.id,collectionPath:o,RenderItem:t,onItemLoad:H,status:k.status,enterStatus:f,offsetY:x})))),b__default.default.createElement(pn,{canRefresh:!A,refreshing:E,offsetY:x}),b__default.default.createElement(ze,{inFeed:true,zIndex:2,bg:"transparent",pointerEvents:"none",isLoading:B}),d?b__default.default.createElement(react.Center,{position:"absolute",bottom:"0",left:"0",right:"0",zIndex:3,pointerEvents:"none"},d):null))};var Co=({path:e,condition:o,children:t})=>{let r=reactHookForm.useWatch({exact:true,name:e});return b.useMemo(()=>o(r),[r,o])?b__default.default.createElement(ee,{py:"3px",animateOpacity:true,in:true},t):null};var Wa=({field:e,input:{onChange:o,value:t,...r}},n)=>{let{placeholder:s}=e;return b.useImperativeHandle(n,()=>({focus:()=>{},blur:()=>{}})),b__default.default.createElement(react.Checkbox,{isChecked:t,onChange:i=>o(i.target.checked),...r},s)},$a=b.forwardRef(Wa),Na=({field:e,input:{onChange:o,value:t,...r}},n)=>{let{placeholder:s}=e;return b.useImperativeHandle(n,()=>({focus:()=>{},blur:()=>{}})),b__default.default.createElement(react.Flex,{gap:1,align:"center"},b__default.default.createElement(react.Switch,{isChecked:t,onChange:i=>o(i.target.checked),...r}),b__default.default.createElement(react.Text,{fontWeight:600,opacity:t?.9:.6},s))},Ga=b.forwardRef(Na),ja=(e,o)=>e.field.type==="switch"?b__default.default.createElement(Ga,{ref:o,...e}):b__default.default.createElement($a,{ref:o,...e}),un=b.forwardRef(ja);var vo=(e,o,t)=>{let r=b.useRef(null);return b.useImperativeHandle(e,()=>({focus:(()=>r.current?.focus()),blur:(()=>r.current?.blur())})),r};var bt=({children:e,color:o,background:t,boxProps:r,...n})=>b__default.default.createElement(react.Box,{background:t,...r},b__default.default.createElement(react.Text,{cursor:"default",className:"gradient-text",background:o,...n},e));var Fo=({label:e,stackProps:o,gradient:t,value:r,min:n,max:s,...i})=>{let l=t?core.gradientToCssGradientProp(t):null;return b__default.default.createElement(react.HStack,{opacity:r!==void 0?1:.5,_hover:{opacity:1},transition:"all 500ms",spacing:2,width:"100%",align:"center",...o},b__default.default.createElement(react.HStack,{w:"100%",align:"center"},n!==void 0&&l?b__default.default.createElement(bt,{fontSize:"sm",color:l},typeof n=="number"?n.toFixed((i?.step??1)<1?2:0):""):null,n!==void 0&&!l?b__default.default.createElement(react.Text,null,typeof n=="number"?n.toFixed((i?.step??1)<1?2:0):""):null,b__default.default.createElement(react.Slider,{min:n,max:s,step:1,"aria-label":e,flex:1,...i},b__default.default.createElement(react.SliderTrack,{bg:"gray.400"},b__default.default.createElement(react.SliderFilledTrack,{bg:l??"blackAlpha.500"})),b__default.default.createElement(react.Tooltip,{bg:"gray.100",color:"gray.500",placement:"top",hasArrow:true,label:typeof r=="number"?r.toFixed(0):""},b__default.default.createElement(react.SliderThumb,{width:2,height:4}))),s!==void 0&&l?b__default.default.createElement(bt,{fontSize:"sm",color:l},typeof s=="number"?s.toFixed((i?.step??1)<1?2:0):""):null,s!==void 0&&!l?b__default.default.createElement(react.Text,null,typeof s=="number"?s.toFixed((i?.step??1)<1?2:0):""):null))};var Io=({label:e,stackProps:o,gradient:t,value:r,...n})=>b__default.default.createElement(Fo,{label:e,value:r,min:0,step:1,max:255,stackProps:{width:"100%",...o},gradient:t,...n}),hn=b.forwardRef(({input:{onChange:e,value:o},field:t,meta:r},n)=>{let{withAlpha:s,defaultValue:i}=t,{active:l}=r||{};vo(n);let a=b.useCallback((u,p)=>{e(s?{r:0,g:0,b:0,a:1,...o,[u]:p}:{r:0,g:0,b:0,...o,[u]:p});},[o,e,s]),d=b.useMemo(()=>({...i,...o}),[i,o]),m=b.useMemo(()=>core.colorValueToHex(!!s,d),[d,s]);return b__default.default.createElement(react.HStack,{w:"100%"},b__default.default.createElement(react.Box,{boxShadow:"inset 0 0 12px rgba(255,255,255,0.4), 0 0 4px rgba(0,0,0,0.4)",p:2,bg:"blackAlpha.800",borderRadius:"full"},b__default.default.createElement(react.Center,{transition:"background 300ms",bg:m,width:"80px",h:"80px",borderRadius:"full"},b__default.default.createElement(react.Text,{style:{fontSize:"1.3rem"}},m))),b__default.default.createElement(react.VStack,{spacing:1,flex:1,px:2,align:"flex-start",borderRadius:6,transition:"all 400ms",boxShadow:`0 0 5px ${l?"#ffffff":"transparent"}`},b__default.default.createElement(Io,{label:"R",gradient:core.gradients.red,defaultValue:i.r,value:o?.r,onChange:u=>a("r",u)}),b__default.default.createElement(Io,{label:"G",defaultValue:i.g,gradient:core.gradients.green,value:o?.g,onChange:u=>a("g",u)}),b__default.default.createElement(Io,{label:"B",gradient:core.gradients.blue,defaultValue:i.b,value:o?.b,onChange:u=>a("b",u)}),s?b__default.default.createElement(Io,{label:"A",gradient:core.gradients.midnight,defaultValue:1,value:o?.a,onChange:u=>a("a",u)}):null))});var yt=(e,o)=>{let t=`${e}`;for(let r=t.length;r<o;r+=1)t=`0${t}`;return t},wt=e=>e?`${yt(e.getFullYear(),4)}-${yt(e.getMonth()+1,2)}-${yt(e.getDate(),2)}`:void 0,qe=b.forwardRef((e,o)=>{let{input:t,field:{placeholder:r,minDate:n,maxDate:s,optional:i},meta:{active:l}}=e,{onChange:a,value:d,onFocus:m,onBlur:u}=t,p=b.useMemo(()=>d?new Date(`${d}T00:00:00.000`):new Date,[d]),c=b.useMemo(()=>{let f=[];return n!==void 0&&f.push({to:n==="now"?new Date:new Date(n),from:new Date(0)}),s!==void 0&&f.push({from:s==="now"?new Date:new Date(s),to:new Date(1/0)}),f},[n,s]);return b.useImperativeHandle(o,()=>({focus:()=>{},blur:()=>{}})),b__default.default.createElement(react.Popover,{isOpen:l,onOpen:m,onClose:u,closeDelay:100,placement:"bottom"},b__default.default.createElement(react.PopoverTrigger,null,b__default.default.createElement(react.Button,{w:"100%",fontFamily:"Public Sans",fontWeight:"normal",alignItems:"center",_hover:{bg:"#efefef"},lineHeight:1,variant:"outline"},b__default.default.createElement(react.Text,{fontSize:"md",height:"16px",align:"left",flex:1},d?core.getDateString(d,"short"):r),b__default.default.createElement(react.Image,{src:"/svg/calendar.svg",height:"20px"}))),b__default.default.createElement(react.Portal,null,b__default.default.createElement(react.PopoverContent,{zIndex:2,onFocus:m},b__default.default.createElement(react.PopoverArrow,null),b__default.default.createElement(reactDayPicker.DayPicker,{required:!i,disabled:c,styles:{caption:{fontFamily:"Public Sans",fontWeight:"400",fontSize:"0.9rem",color:"#555"},head:{fontFamily:"Public Sans"},nav:{fontFamily:"Public Sans"}},modifiersStyles:{selected:{background:"#454545"}},mode:"single",selected:p,onSelect:f=>a(wt(f))}))))});qe.displayName="DateInput";var Ke=b.forwardRef(({field:e,input:o},t)=>(b.useImperativeHandle(t,()=>({focus:()=>{},blur:()=>{}})),b__default.default.createElement(react.Input,{fontFamily:"Public Sans",css:`
1
+ 'use strict';var react=require('@chakra-ui/react'),react$1=require('@chem-po/react'),b=require('react'),icons=require('@chakra-ui/icons'),pr=require('@react-hook/resize-observer'),core=require('@chem-po/core'),framerMotion=require('framer-motion'),reactErrorBoundary=require('react-error-boundary'),reactRouterDom=require('react-router-dom'),reactTransitionGroup=require('react-transition-group'),lottieReact=require('lottie-react'),dnd=require('@hello-pangea/dnd'),reactHookForm=require('react-hook-form'),reactDayPicker=require('react-day-picker'),zustand=require('zustand'),vd=require('react-currency-input-field'),su=require('react-textarea-autosize'),reactWindow=require('react-window'),li=require('react-window-infinite-loader');require('firebase/firestore');var anatomy=require('@chakra-ui/anatomy'),themeTools=require('@chakra-ui/theme-tools');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var b__default=/*#__PURE__*/_interopDefault(b);var pr__default=/*#__PURE__*/_interopDefault(pr);var vd__default=/*#__PURE__*/_interopDefault(vd);var su__default=/*#__PURE__*/_interopDefault(su);var li__default=/*#__PURE__*/_interopDefault(li);var ls=({layout:e="row"})=>{let{adapter:{auth:o}}=react$1.useBackendBase(),t=react$1.useAuth(r=>r.user);return b__default.default.createElement(react.Flex,{gap:[1,1,2],align:"center",flexFlow:["column","column","row"]},t?b__default.default.createElement(react.Button,{size:"sm",onClick:()=>{o.logout();}},"SIGN OUT"):b__default.default.createElement(b__default.default.Fragment,null,b__default.default.createElement(react.Text,{whiteSpace:"nowrap",textAlign:"center",opacity:.8,fontWeight:600,fontSize:"sm"},"SIGN IN"),b__default.default.createElement(react.Flex,{flexFlow:e,gap:2,w:"100%"})))},O0=e=>b__default.default.createElement(react.Portal,null,b__default.default.createElement(react.Flex,{position:"fixed",bottom:4,left:4},b__default.default.createElement(ls,{...e})));var tr=({width:e,children:o,active:t,duration:r=400,...n})=>b__default.default.createElement(react.Center,{width:`${t?e:0}px`,opacity:t?1:0,transition:`all ${r}ms ease-in-out`,overflow:"hidden",...n},o);var cs=(e,o)=>b__default.default.createElement(react.Flex,{ref:o,bg:"background.100",p:3,borderRadius:6,boxShadow:"1px 1px 4px #00000066",...e}),Oe=b.forwardRef(cs);var G=()=>react.useColorModeValue("#00000033","#ffffff33");var rr=({viewText:e="View",hideText:o="Hide",onClick:t,isOpen:r,color:n})=>b__default.default.createElement(react.IconButton,{icon:r?b__default.default.createElement(icons.ChevronUpIcon,{width:5,height:5}):b__default.default.createElement(icons.ChevronDownIcon,{width:5,height:5}),"aria-label":r?o:e,variant:"ghost",p:"2px",ml:"auto",size:"xs",fontSize:"xs",borderRadius:"full",_hover:{bg:"blackAlpha.200"},color:n??"#777",onClick:s=>{s.stopPropagation(),t(s);}});var Ro=({header:e,children:o,initExpanded:t=false,nested:r,alwaysExpanded:n,headerProps:s,iconColor:i,footer:l,isOpen:a,onClose:d,onOpen:m,...u})=>{let{isOpen:p,onClose:c,onOpen:f}=react.useDisclosure({defaultIsOpen:n??t,isOpen:a,onClose:d,onOpen:m}),g=b.useCallback(y=>{if(y.stopPropagation(),!n){if(p){c();return}f();}},[n,f,c,p]),h=G();return b__default.default.createElement(react.VStack,{spacing:0,borderColor:h,w:"100%",...u},b__default.default.createElement(react.HStack,{borderBottom:p?`1px solid ${h}`:void 0,px:2,spacing:0,w:"100%",...s},b__default.default.createElement(react.Flex,{onClick:g,cursor:"pointer","aria-label":"expand/hide",align:"center",flex:1},typeof e=="string"?b__default.default.createElement(react.Text,{fontWeight:600,color:"gray.500",flex:1},e):b__default.default.createElement(e,{isOpen:p,onClose:c})),n?null:b__default.default.createElement(rr,{color:i,onClick:g,isOpen:p})),b__default.default.createElement(react.Box,{w:"100%",borderLeft:r?"4px solid #00000033":void 0},b__default.default.createElement(react.Collapse,{unmountOnExit:true,style:{width:"100%"},in:p},o)),l?b__default.default.createElement(l,{isOpen:p,onClose:c}):null)};var ee=({animateOpacity:e,duration:o=300,children:t,in:r=true,onExited:n,...s})=>{let i=react$1.useMounted(),[l,a]=b.useState(0),d=b.useRef(null),[m,u]=b.useState(false),p=b.useMemo(()=>i&&r,[r,i]),c=b.useMemo(()=>p?l:0,[l,p]),f=b.useCallback(y=>{a(y.target.scrollHeight);},[]);pr__default.default(d,f);let g=b.useRef(null);b.useEffect(()=>{g.current&&(clearTimeout(g.current),g.current=null),u(true),g.current=setTimeout(()=>{u(false),n&&!p&&n();},o);},[p,o,n]);let h=b.useMemo(()=>!m&&p?"height 0ms":e?`height ${o}ms, opacity ${o}ms ease ${p?o:0}ms`:`height ${o}ms`,[e,o,p,m]);return b__default.default.createElement(react.Box,{overflow:"hidden",w:"100%",transition:h,height:`${c}px`,...s},b__default.default.createElement(react.Box,{ref:d,w:"100%",...s},t))};var yg=({children:e,...o})=>{let[t,r]=b.useState(0),[n,s]=b.useState(0),i=b.useRef(null),l=b.useCallback(a=>{r(a.target.scrollWidth),s(a.target.scrollHeight);},[]);return pr__default.default(i,l),b__default.default.createElement(react.Box,{ref:i,...o,width:"100%",height:"100%"},b__default.default.createElement(e,{width:t,height:n}))},mr=({children:e,...o})=>{let[t,r]=b.useState(0),[n,s]=b.useState(0),i=b.useRef(null),l=b.useCallback(d=>{r(d.target.scrollWidth),s(d.target.scrollHeight);},[]);pr__default.default(i,l);let a=b.useMemo(()=>({width:t,height:n}),[t,n]);return b__default.default.createElement(react.Box,{ref:i,...o,width:"100%",height:"100%"},b__default.default.createElement(react$1.FullSizeContext.Provider,{value:a},e))};var cr=b.createContext([]),fo=()=>b.useContext(cr),fr=({children:e,views:o})=>{let t=react$1.useAuth(n=>n.user),r=b.useMemo(()=>core.getUserViews(o,t).map(n=>({view:n,routes:core.getViewRoutes(n)})),[t,o]);return b__default.default.createElement(cr.Provider,{value:r},e)};var hr=b__default.default.createContext(false),xr=({children:e})=>b__default.default.createElement(hr.Provider,{value:true},e),br=()=>b.useContext(hr);var tt=50,Us=({view:e,absolute:o})=>{let{path:t,name:r,icon:n,iconScale:s}=e,i=Array.isArray(t)?t[0]:t,l=react.useColorModeValue(1,1.8),a=b.useMemo(()=>o?2.4:l,[o,l]),{pathname:d}=reactRouterDom.useLocation(),m=react.useColorModeValue("#ffffff33","#00000033"),u=b__default.default.createElement(react.Button,{pointerEvents:d===i?"none":"auto",opacity:d===i?1:.7,width:"100%",height:"100%",borderRadius:0,flexFlow:"column",_hover:{bg:m},variant:"unstyled",display:"flex",alignItems:"center",justifyContent:"center"},b__default.default.createElement(react.Image,{height:`${34*(s??1)}px`,filter:`brightness(${a})${o?" drop-shadow(1px 1px 3px #00000099 )":""}`,src:n,alt:r}));return d===i?b__default.default.createElement(react.Flex,{key:i,flex:1,h:"100%",justify:"center"},u):b__default.default.createElement(reactRouterDom.Link,{key:i,style:{flex:1,display:"flex",height:"100%",justifyContent:"center"},to:i},u)},yr=({selectedView:e,children:o})=>{let t=react.useColorModeValue("#dedede",core.palette.gray.dark),r=react.useColorModeValue("#00000022","#ffffff33"),n=fo(),s=b.useMemo(()=>n.filter(d=>!!d.view.icon),[n]),i=b.useMemo(()=>!!e?.navBar?.absolute,[e]),l=b.useMemo(()=>e?.navBar?.backgroundColor??t,[t,e]),a=b.useMemo(()=>e?.navBar?.borderColor?!!e?.navBar?.borderColor:i?"#ffffff33":r,[r,e,i]);return b__default.default.createElement(react.Flex,{position:"absolute",bottom:0,left:0,bg:l,w:"100%",transition:"all 500ms",h:`${tt}px`,borderTop:`1px solid ${a}`},b__default.default.createElement(react.Flex,{position:"relative",w:"100%",justify:"space-around",align:"center"},s.map(({view:d})=>b__default.default.createElement(Us,{absolute:i,key:d.name,view:d})),o))};var wr=({message:e})=>{let o=react.useColorModeValue("gray.600","gray.100");return b__default.default.createElement(react.Flex,{pt:4},b__default.default.createElement(Oe,null,b__default.default.createElement(react.Text,{color:o},e??"Sorry, something went wrong.")))};var ho=e=>{let o=react.useColorModeValue("gray.400","gray.400"),t=react.useColorModeValue("gray.300","gray.600");return b__default.default.createElement(react.CircularProgress,{isIndeterminate:true,trackColor:t,color:o,...e})};var Ir=({size:e=30,isLoading:o,speed:t=2,inFeed:r,asset:n})=>{let s=react.useColorModeValue(n.default,n.dark??n.default),i=b.useMemo(()=>r?n.dark??n.default:s,[s,n,r]),l=b.useMemo(()=>({animationData:i,loop:true}),[i]),a=b.useMemo(()=>({width:e,height:e,opacity:o?.85:0,transition:"opacity 300ms ease-in-out"}),[e,o]),{View:d,pause:m,play:u,setSpeed:p}=lottieReact.useLottie(l,a);return b.useEffect(()=>{p(t);},[p,t]),b.useEffect(()=>{o?u():m();},[o,u,m]),b__default.default.createElement(b__default.default.Fragment,null,d)},Pr=({size:e=30,isLoading:o,asset:t,inFeed:r})=>{let n=react.useColorModeValue(t.default,t.dark??t.default),s=b.useMemo(()=>r?t.dark??t.default:n,[n,t,r]),i=b.useMemo(()=>({width:e,height:e,opacity:o?.85:0,transition:"opacity 300ms ease-in-out"}),[e,o]);return b__default.default.createElement("img",{src:s,style:i,alt:"loading"})},el=({isLoading:e,size:o})=>{let{loading:t}=react$1.useAppAssets();return t.lottieJson?b__default.default.createElement(Ir,{isLoading:e,size:o,asset:t.lottieJson}):t.svg?b__default.default.createElement(Pr,{isLoading:e,size:o,asset:t.svg}):null},Ie=({isLoading:e,size:o,inFeed:t})=>{let{loading:r}=react$1.useAppAssets();return r.lottieJson?b__default.default.createElement(Ir,{inFeed:t,isLoading:e,size:o,asset:r.lottieJson}):r.svg?b__default.default.createElement(Pr,{inFeed:t,isLoading:e,size:o,asset:r.svg}):b__default.default.createElement(react.Text,{color:"red"},"ERROR: No loading animation found")},Pe=({text:e="Loading...",inBox:o,stackProps:t})=>{let r=b__default.default.createElement(react.HStack,{p:2,...t},b__default.default.createElement(el,{isLoading:true}),b__default.default.createElement(react.Text,{opacity:.8,fontSize:"sm"},e));return o?b__default.default.createElement(Oe,null,r):r},ze=({isLoading:e,text:o,inFeed:t,...r})=>{let n=react.useColorModeValue("#ffffffaa","#00000088");return b__default.default.createElement(react.Center,{pos:"absolute",top:0,left:0,right:0,bottom:0,bg:n,pointerEvents:e?"auto":"none",opacity:e?1:0,...r},o?b__default.default.createElement(Pe,{text:o}):b__default.default.createElement(Ie,{inFeed:t,size:100,isLoading:e}))};var Mr=({loading:e})=>{let o=b.useRef(null),t=react$1.useAuth(s=>s.signInLoading);react$1.useAuth(s=>s.multiFactorLoading);let n=reactRouterDom.useNavigate();return b.useEffect(()=>(!e&&!t&&(o.current=setTimeout(()=>{n("/");},1500)),()=>{o.current&&clearTimeout(o.current);}),[e,n,t]),!e&&!t?b__default.default.createElement(react.Center,{minH:"100%",w:"100%"},b__default.default.createElement(Oe,{maxW:"500px"},b__default.default.createElement(react.HStack,{spacing:3},b__default.default.createElement(ho,{size:6}),b__default.default.createElement(react.VStack,{spacing:0,align:"flex-start"},b__default.default.createElement(react.Text,null,"404"),b__default.default.createElement(react.Text,{fontSize:"sm",opacity:.7},"Page not found - redirecting to Home..."))))):b__default.default.createElement(Pe,null)};var Or=390,zr=844,Ar=Or/zr,wl=({children:e,navBarChildren:o})=>{let{isMobile:t,height:r,width:n}=react$1.useScreen(),{contentHeight:s,contentWidth:i}=b.useMemo(()=>{let x=t?r:zr,v=t?n:Or;if(t)return {contentHeight:x,contentWidth:v};let S=Math.floor(r*.9),w=Math.floor(n*.9);return x>S?(v=Math.floor(S*Ar),x=S):v>w&&(x=Math.floor(w/Ar),v=w),{contentHeight:x,contentWidth:v}},[t,r,n]),l=react.useColorModeValue(core.cssGradients.accentGray,core.cssGradients.darkGray),a=reactRouterDom.useLocation(),d=reactRouterDom.useOutlet(),m=fo(),u=b.useMemo(()=>m.find(x=>!!reactRouterDom.matchRoutes(x.routes,a)),[m,a]),p=b.useMemo(()=>u?typeof u.view.path=="string"?u.view.path:u.view.path[0]:"404",[u]),c=b.useRef(null),f=b.useRef(null),g=b.useMemo(()=>!!u?.view?.navBar?.absolute,[u]),h=b.useMemo(()=>s-(g?0:tt),[s,g]),y=b.useMemo(()=>({overlayRef:c,height:s,width:i,absoluteNavBar:g,bodyHeight:h}),[c,s,i,g,h]);return b__default.default.createElement(xr,null,b__default.default.createElement(react$1.MobileFrameProvider,{value:y},b__default.default.createElement(react.Center,{position:"relative",bg:l,w:"100%",height:"100%"},b__default.default.createElement(react.Flex,{bg:"background.100",position:"relative",style:{height:`${s}px`,width:`${i}px`},boxShadow:t?"none":"1px 1px 4px rgba(0,0,0,0.4)",borderRadius:t?0:10,overflow:"hidden",direction:"column",maxH:s},b__default.default.createElement(framerMotion.AnimatePresence,null,b__default.default.createElement(reactTransitionGroup.SwitchTransition,null,b__default.default.createElement(reactTransitionGroup.CSSTransition,{key:p,nodeRef:f,unmountOnExit:true,classNames:"page",timeout:300},()=>b__default.default.createElement(framerMotion.motion.div,{style:{position:"relative",width:"100%",overflow:"hidden"},animate:{height:h,opacity:1,dur:.5,scale:1},initial:{opacity:0,scale:.9,height:h},exit:{opacity:0}},b__default.default.createElement(reactErrorBoundary.ErrorBoundary,{FallbackComponent:()=>b__default.default.createElement(wr,null)},u?d:b__default.default.createElement(Mr,null)),e?b__default.default.createElement(react.Box,{height:"100%",w:"100%",position:"absolute",top:0,left:0,pointerEvents:"none"},e):null)))),b__default.default.createElement(yr,{selectedView:u?.view},o),b__default.default.createElement(react.Flex,{pos:"absolute",pointerEvents:"none",bottom:0,w:"100%",h:"100%"},b__default.default.createElement(react.Flex,{ref:c,w:"100%",h:"100%",pos:"relative"}))))))},Lh=({children:e,navBarChildren:o,views:t})=>b__default.default.createElement(fr,{views:t},b__default.default.createElement(wl,{navBarChildren:o},e));var Al="Are you sure? You can't undo this action afterwards.",Ol=({confirmActive:e,onCancel:o,onConfirm:t,body:r=Al,actionName:n="Delete",actionLoading:s,itemName:i})=>{let l=b.useRef(null);return b__default.default.createElement(react.AlertDialog,{isCentered:true,isOpen:e,leastDestructiveRef:l,onClose:()=>o()},b__default.default.createElement(react.AlertDialogOverlay,null,b__default.default.createElement(react.AlertDialogContent,{gap:0},b__default.default.createElement(react.AlertDialogBody,null,b__default.default.createElement(react.VStack,{align:"flex-start",py:1},b__default.default.createElement(react.Text,{fontSize:"lg",fontWeight:500},n," ",i,"?"),typeof r=="string"?b__default.default.createElement(react.Text,{fontSize:"md"},r):r,b__default.default.createElement(react.HStack,{justify:"flex-end",w:"100%"},b__default.default.createElement(react.Button,{size:"sm",ref:l,onClick:o},"Cancel"),b__default.default.createElement(react.Button,{size:"sm",isLoading:s,color:"white",textShadow:"1px 1px 3px #00000077",bg:"red.500",_dark:{bg:"red.500"},onClick:t},n)))))))},Vr=({onDelete:e,itemName:o,noConfirm:t,alertBody:r,text:n,actionName:s="Delete",...i})=>{let[l,a]=b.useState(false),[d,m]=b.useState(false),u=b.useRef(null),p=b.useRef(true);b.useEffect(()=>(p.current=true,()=>{p.current=false;}),[]);let c=react.useToast(),f=b.useCallback(async()=>{if(u.current&&clearTimeout(u.current),m(false),e){a(true);try{await e();}catch(g){console.error(g),c({title:"Error",description:g.message??"An error occurred",status:"error",duration:5e3,isClosable:true});}p.current&&a(false);}else console.error("No delete function");},[e,c]);return b__default.default.createElement(b__default.default.Fragment,null,n?b__default.default.createElement(react.Button,{variant:"ghost",size:i.size??"md","aria-label":"delete",_hover:{color:"red.600",bg:"red.200"},color:"red.600",onClick:g=>{g.stopPropagation(),t?f():m(true);},isLoading:l,...i},b__default.default.createElement(react.Flex,{align:"center",gap:1},b__default.default.createElement(icons.DeleteIcon,null),b__default.default.createElement(react.Text,null,n))):b__default.default.createElement(react.IconButton,{variant:"ghost",size:i.size??"sm","aria-label":s,_hover:{color:"red.600",bg:"red.200"},color:"red.500",borderRadius:"full",icon:b__default.default.createElement(icons.DeleteIcon,null),onClick:g=>{g.stopPropagation(),t?f():m(true);},isLoading:l,...i}),t?null:b__default.default.createElement(Ol,{confirmActive:d,onCancel:()=>m(false),actionLoading:l,onConfirm:()=>{f();},actionName:s,body:r,itemName:o}))};var Hl=({selected:e,option:{Render:o,label:t,disabledMessage:r},size:n,...s})=>{let i=b__default.default.createElement(react.Box,null,b__default.default.createElement(react.IconButton,{variant:"unstyled",w:`${n}px`,h:`${n}px`,minW:0,borderRadius:0,outline:"none",display:"flex",alignItems:"center",justifyContent:"center",opacity:r?.6:1,filter:r?"grayscale(1)":"none",bg:e?"whiteAlpha.500":"blackAlpha.100",_dark:{bg:e?"blackAlpha.500":"whiteAlpha.200"},icon:o(e),pointerEvents:e?"none":"auto","aria-label":t,...s}));return b__default.default.createElement(react.Tooltip,{label:r??t,"aria-label":t},i)},Hr=({value:e,onChange:o,size:t=28,options:r})=>{let n=G();return b__default.default.createElement(react.Flex,{bg:"whiteAlpha.300",_dark:{bg:"blackAlpha.300"},border:`1px solid ${n}`,borderRadius:3},r.map((s,i)=>b__default.default.createElement(Hl,{key:s.id,onClick:()=>{o(s.id);},option:s,size:t,borderLeftRadius:i?0:3,borderRightRadius:i===r.length-1?3:0,selected:s.id===e,borderLeft:i?`1px solid ${n}`:"none"})))};var _r=b.createContext({}),Wr=({curr:e,children:o})=>{let t=b.useMemo(()=>({curr:e}),[e]);return b__default.default.createElement(_r.Provider,{value:t},o)},Gl=()=>b.useContext(_r);var jr=({src:e,onClose:o})=>{let[t,r]=b.useState(true),n=react$1.useScreen(p=>p.width),s=react$1.useScreen(p=>p.height),[i,l]=b.useState({width:n/2,height:s/2}),{height:a,width:d}=b.useMemo(()=>{if(t)return i;let p=i.width/i.height,c=Math.min(i.height,s*.9),f=c*p;return f>n*.9&&(f=Math.min(i.width,n*.9),c=f/p),{height:c,width:f}},[s,n,i,t]),m=b.useCallback(()=>r(true),[]),u=b.useCallback(p=>{let{naturalWidth:c,naturalHeight:f}=p.currentTarget;l({width:c,height:f}),r(false);},[]);return b__default.default.createElement(react.Modal,{size:"full",isOpen:true,onClose:o},b__default.default.createElement(react.ModalOverlay,{bg:"blackAlpha.700"}),b__default.default.createElement(react.ModalContent,{style:{background:"transparent"},pointerEvents:"none",width:"100%",height:"100%"},b__default.default.createElement(react.Center,{pointerEvents:"none",position:"fixed",p:[4,6,8],top:0,left:0,right:0,bottom:0,zIndex:4},b__default.default.createElement(react.Center,{opacity:t?0:1,transition:"all 500ms",overflow:"hidden",w:`${d}px`,height:`${a}px`},b__default.default.createElement(react.Image,{onLoadStart:m,onLoad:u,transition:"opacity 300ms",height:"100%",objectFit:"contain",borderRadius:4,src:e})),b__default.default.createElement(react.IconButton,{borderRadius:"full",position:"absolute",top:4,right:4,"aria-label":"close",icon:b__default.default.createElement(icons.CloseIcon,null),onClick:o})),b__default.default.createElement(react.Center,{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none",opacity:t?1:0,transition:"opacity 300ms"},b__default.default.createElement(Ie,{isLoading:t,size:70}))))};var Qr="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkAAIAAAoAAv/lxKUAAAAASUVORK5CYII=",qr=({src:e,loadingOverride:o,alt:t,onLoad:r,width:n,height:s,withFullView:i,buttonFullView:l,imageProps:a,...d})=>{let[m,u]=b.useState(!!e),p=b.useRef(null),[c,f]=b.useState(false),g=react$1.useMounted(100);b.useEffect(()=>{p.current?.complete&&u(true);},[p]);let h=b.useCallback(w=>{u(false),r&&r(w);},[r]),[y,x]=b.useState(e);b.useEffect(()=>{e&&x(e);},[e,y]);let v=react$1.useColorModeValue("none","brightness(300%) drop-shadow(1px 1px 3px #00000066)"),S=m||!!o;return b__default.default.createElement(react.Center,{opacity:g?1:0,transition:"opacity 333ms",w:n??"100%",h:s??"100%",overflow:"hidden",position:"relative",...d},b__default.default.createElement(react.Image,{src:e??Qr,alt:t,onClick:!i||l?void 0:()=>f(true),onLoad:h,onLoadStart:()=>u(true),top:0,left:0,cursor:!i||l?"default":"pointer",draggable:false,opacity:e&&!S?1:0,transition:"opacity 300ms ease-in-out",w:"100%",h:"100%",objectFit:e?"cover":"contain",zIndex:0,...a}),l?b__default.default.createElement(react.IconButton,{pos:"absolute",top:2,right:2,zIndex:1,w:7,minW:0,borderRadius:10,h:7,size:"sm","aria-label":"View Image",icon:b__default.default.createElement(react.Image,{height:"20px",src:"/icons/open_in_full.svg",opacity:.8,filter:v}),onClick:()=>f(true)}):null,b__default.default.createElement(react.Center,{pos:"absolute",top:0,left:0,zIndex:2,pointerEvents:"none",transition:"opacity 0.5s ease-in-out",opacity:S||!e?1:0,w:"100%",h:"100%"},b__default.default.createElement(Ie,{isLoading:S,size:"60%"})),c?b__default.default.createElement(jr,{src:e??Qr,onClose:()=>f(false)}):null)};var mx=({value:e,label:o,onChange:t})=>{let r=react.useToast(),[n,s]=b.useState(false),i=b.useCallback(l=>{let a=Math.max(0,1e3-(Date.now()-l));setTimeout(()=>{s(false);},a);},[]);return b__default.default.createElement(react.Flex,{py:1,pr:2,pl:3,bg:"gray.700",borderRadius:12,boxShadow:"0 0 4px black",pos:"relative",align:"center"},b__default.default.createElement(react.Flex,{opacity:n?0:1,transition:`opacity 300ms ${n?"ease-out":"ease-in"}`,pointerEvents:n?"none":"auto",align:"center",gap:2},b__default.default.createElement(react.Text,{style:{fontSize:"1.2rem",height:"24px"}},o),b__default.default.createElement(react.Switch,{size:"md",isChecked:e,onChange:l=>{s(true);let a=Date.now();t(l.target.checked).catch(d=>{console.error(d),r({title:"Error",description:d?.message??"Error occurred",status:"error",duration:5e3,isClosable:true});}),i(a);}})),b__default.default.createElement(react.Center,{opacity:n?1:0,transition:`opacity 300ms ${n?"ease-in":"ease-out"}`,pointerEvents:n?"auto":"none",pos:"absolute",top:"-10%",left:"-10%",w:"120%",borderRadius:8,p:1,gap:2,h:"120%"},b__default.default.createElement(Pe,null)))};var ut={damping:25,stiffness:200,bounce:.5},te=75,ae=100;var Zr=e=>e==="current"?1:0,xa=(e,o)=>{let{width:t}=o;return e==="current"?0:e==="next"?t:e==="prev"?-t:0},mt=(e,o)=>{let{height:t}=o;return e==="current"?0:e==="next"?t*1.1:e==="prev"?-t*1.1:0},Rr=({id:e,collectionPath:o,onItemLoad:t,RenderItem:r,status:n,offsetY:s,enterStatus:i})=>{let l=react$1.useMobileFrame(),a=framerMotion.useSpring(0,ut),d=framerMotion.useMotionValue(mt(i??"next",l)),m=framerMotion.useTransform(()=>d.get()+s.get()),u=framerMotion.useSpring(m,ut),p=b.useMemo(()=>`${o}/${e}`,[o,e]),{data:c}=react$1.useDocument(p,t),f=b.useRef({contentSize:l,status:i??n,y:mt(i??n,l),scale:Zr(i??n)});return b.useEffect(()=>{let g=Zr(n),h=xa(n,l);d.set(h),a.set(g);},[n,d,a,l]),b__default.default.createElement(framerMotion.motion.div,{initial:{x:0,y:f.current.y,scale:f.current.scale},style:{position:"absolute",top:0,left:0,display:"flex",alignItems:"center",justifyContent:"center",touchAction:"none",userSelect:"none",height:"100%",y:u,scale:a,opacity:a,width:"100%"},exit:{opacity:0,scale:0,x:0,y:mt(i==="next"?"prev":"next",l)}},c?r(c):null)};var Ca=10,on=(e,o,t=Ca,r=false)=>{let[n,s]=b.useState([null,null,null]),[i,l]=b.useState(0),a=react$1.useAuth(T=>T.user),[d,m]=b.useState(false),[u,p]=b.useState(false),[c,f]=b.useState(null),[g,h]=b.useState(false),[y,x]=b.useState(null),v=react.useToast(),S=b.useRef(null),w=b.useRef({prev:null,curr:null,next:null}),F=b.useCallback(T=>{T&&(w.current.prev===T&&(w.current.prev=null),w.current.next===T&&(w.current.next=null)),w.current.curr=T,o({...w.current});},[o]),D=b.useCallback(T=>{T&&(w.current.prev===T&&(w.current.prev=null),w.current.curr===T&&(w.current.curr=null)),w.current.next=T,o({...w.current});},[o]),A=b.useCallback(T=>{T&&(w.current.curr===T&&(w.current.curr=null),w.current.next===T&&(w.current.next=null)),w.current.prev=T,o({...w.current});},[o]),B=b.useCallback(async(T,H,k)=>{if(!a&&r)return [];k||m(true);try{let I=await e({limit:t,startAfter:H,startBefore:T});if(k)H?s(L=>[L[0],L[1],I.ids]):T&&s(L=>[I.ids,L[1],L[2]]);else {let L=I.ids[0],R=I.ids[1]||null;F(L),D(R),A(H),s(H?Q=>[Q[1],I.ids,null]:T?Q=>[null,I.ids,Q[1]]:[null,I.ids,null]);let X=I.ids[I.ids.length-1];X&&B(null,X,!0);}return m(!1),I.ids||[]}catch(I){f(I.message),v({title:"Error fetching feed",description:I.message,status:"error",duration:9e3,isClosable:true});}return m(false),[]},[e,v,a,r,F,D,A,t]),M=b.useCallback(async(T,H)=>{let k=n[1]??[],I=n[2]??[],L=T+1;if(L<k.length)return {id:k[L],idx:L};if(I[0]){let Q=I[I.length-1];return H||(s(or=>[or[1],or[2],null]),B(null,Q,true)),{id:I[0],idx:0}}let X=(await B(null,k[k.length-1],H))[0];return X?{id:X,idx:0}:null},[n,B]),E=b.useCallback(async(T,H)=>{let k=n[1]??[],I=n[0]??[],L=T-1;if(L>=0)return {id:k[L],idx:L};if(I[I.length-1]){let Q=I[0];return H||(s([null,n[0],n[1]]),B(Q,null,true)),{id:I[I.length-1],idx:I.length-1}}let R=await B(k[0],null,H),X=R[R.length-1];return X?{id:X,idx:R.length-1}:null},[n,B]),V=b.useCallback(async()=>{if(g)return;let T=w.current.curr;h(true);let H=await M(i,false);if(x("next"),H){let{id:k,idx:I}=H;S.current=k,l(I),F(k),D(null),A(T),M(I,true).then(L=>D(L?.id??null));}else v({title:"No more items",status:"info",duration:3e3,isClosable:true});h(false);},[i,M,F,D,A,v,g]),U=b.useCallback(async()=>{if(g)return;let T=w.current.curr;x("prev"),h(true);let H=await E(i,false);if(H){let{id:k,idx:I}=H;S.current=k,l(I),F(k),A(null),D(T),E(I,true).then(L=>A(L?.id??null));}else v({title:"No more items",status:"info",duration:3e3,isClosable:true});h(false);},[i,E,F,D,A,v,g]),ge=b.useCallback(async()=>{m(true),p(true),s([null,null,null]),F(null),D(null),A(null),x(null),l(0),await B(null,null,false),p(false);},[B,F,D,A]),[Be]=b.useState(()=>B);b.useEffect(()=>{Be(null,null,false);},[Be]);let Ae=b.useMemo(()=>i>0&&!!n[1]?.length||!!n[0]?.length,[n,i]),Fe=b.useMemo(()=>(n[1]&&i<n[1].length)??!!n[2]?.length,[n,i]);return b.useMemo(()=>({ids:n,goNext:V,goPrev:U,error:c,refresh:ge,refreshing:u,loading:d,canGoNext:Fe,direction:y,canGoPrev:Ae,itemLoading:g}),[n,V,U,d,c,g,Fe,Ae,ge,u,y])};var Fa="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkAAIAAAoAAv/lxKUAAAAASUVORK5CYII=",xo=({background:e,...o})=>b__default.default.createElement(react.Center,{position:"absolute",top:"0",left:"0",opacity:e?.7:0,transition:"opacity 500ms",right:"0",bottom:"0",zIndex:0,transform:"scale(1.075)",pointerEvents:"none",backgroundImage:`url(${e??Fa})`,backgroundSize:"cover",backgroundPosition:"center",...o,filter:o.filter??"blur(15px) brightness(70%)"}),Sa=({getBackgroundValue:e,item:o,filter:t})=>{let r=b.useMemo(()=>o?e(o):null,[e,o]),{loading:n,url:s}=react$1.useObjectUrl(r),i=b.useRef(0),[l,a]=b.useState(0),[d,m]=b.useState(null),[u,p]=b.useState(null);return b.useEffect(()=>{i.current===0?(m(s),i.current=1,a(0)):(p(s),i.current=0,a(1));},[s]),b__default.default.createElement(react.Center,{position:"absolute",top:"0",left:"0",right:"0",bottom:"0",zIndex:0},b__default.default.createElement(xo,{filter:t,opacity:l===0?1:0,background:d}),b__default.default.createElement(xo,{filter:t,opacity:l===1?1:0,background:u}),b__default.default.createElement(Ie,{isLoading:n}))},Ia=({getBackgroundUrl:e,item:o,filter:t})=>{let r=b.useMemo(()=>o?e(o):null,[e,o]),n=b.useRef(0),[s,i]=b.useState(0),[l,a]=b.useState(null),[d,m]=b.useState(null);return b.useEffect(()=>{r&&(n.current===0?(a(r),n.current=1,i(0)):(m(r),n.current=0,i(1)));},[r]),b__default.default.createElement(react.Center,{position:"absolute",top:"0",left:"0",right:"0",bottom:"0",zIndex:0},b__default.default.createElement(xo,{filter:t,opacity:s===0?1:0,background:l}),b__default.default.createElement(xo,{filter:t,opacity:s===1?1:0,background:d}))},sn=({getBackgroundValue:e,getBackgroundUrl:o,...t})=>e?b__default.default.createElement(Sa,{getBackgroundValue:e,...t}):o?b__default.default.createElement(Ia,{getBackgroundUrl:o,...t}):null;var Ma=ae-te,pn=({offsetY:e,refreshing:o,canRefresh:t})=>{let r=framerMotion.useTransform(e,d=>Math.max(0,d-te)/Ma),n=framerMotion.useSpring(0),s=framerMotion.useSpring(0);b.useEffect(()=>{o?n.set(50):n.set(0);},[o,n]),b.useEffect(()=>{t?s.set(1):s.set(0);},[s,t]);let i=framerMotion.useTransform(()=>s.get()*Math.min(20,Math.max(0,n.get()+r.get()**.5*20))),l=framerMotion.useTransform(i,d=>s.get()*Math.min(1,Math.max(0,d/30))),a=framerMotion.useTransform(()=>s.get()*r.get()*180);return b__default.default.createElement(framerMotion.motion.div,{style:{opacity:l,pointerEvents:"none",y:i,position:"absolute",top:0,left:0,right:0,height:"auto",scale:l,rotate:a}},b__default.default.createElement(react.Center,{w:"100%"},b__default.default.createElement(icons.RepeatIcon,{opacity:o?0:1,transition:`opacity 300ms ease ${o?0:300}ms`,w:8,h:8,color:"white",filter:"drop-shadow(1px 1px 3px #000000aa)"}),b__default.default.createElement(ho,{size:8,position:"absolute",isIndeterminate:true,opacity:o?1:0,transition:`opacity 300ms ease ${o?300:0}ms`})))};var Oa=e=>b.useCallback(o=>{let t=[];o.prev&&t.push({status:"prev",id:o.prev}),o.curr&&t.push({status:"current",id:o.curr}),o.next&&t.push({status:"next",id:o.next}),e(t);},[e]),ob=({fetch:e,collection:o,RenderItem:t,authRequired:r,getBackgroundUrl:n,getBackgroundValue:s,limit:i,defaultBackground:l,swipeDisabled:a,children:d})=>{let{width:m,height:u}=react$1.useMobileFrame(),p=b.useRef(null),c=b.useRef(null),[f,g]=b.useState(null),[h,y]=b.useState([]),x=framerMotion.useMotionValue(0),v=Oa(y),S=b.useRef(null),{goNext:w,goPrev:F,loading:D,canGoNext:A,canGoPrev:B,refresh:M,refreshing:E}=on(e,v,i,r),V=b.useRef(false),U=b.useRef({x:0,y:0}),ge=b.useCallback(k=>{if(a)return;V.current=true,U.current={x:k.clientX,y:k.clientY};let I=L=>{let R=B?te:ae,X=A?-te:-ae,Q=Math.max(X,Math.min(R,L.clientY-U.current.y));p.current&&p.current.style.setProperty("pointer-events","auto"),A&&Q<-65?(g("next"),w()):B&&Q>te-10?(g("prev"),F()):(Q>ae-10||Q<-90)&&(M(),S.current&&S.current.onNewData(null)),x.set(0),V.current=false,window.removeEventListener("pointerup",I);};window.addEventListener("pointerup",I);},[x,w,F,A,B,M,a]),Be=b.useCallback(k=>{requestAnimationFrame(()=>{if(V.current){let I=Math.max(-10,Math.min(10,k.clientX-U.current.x)),L=B?te:ae,R=A?-te:-ae,X=Math.max(R,Math.min(L,k.clientY-U.current.y));Math.sqrt(I**2+X**2)>10&&p.current&&p.current.style.setProperty("pointer-events","none"),x.set(X);}});},[x,A,B]),Ae=b.useMemo(()=>({height:`${u}px`,width:`${m}px`,overflow:"hidden",pointerEvents:a?"none":"auto"}),[m,u,a]),[Fe,T]=b.useState(null),H=b.useCallback(k=>{h.find(L=>L.status==="current")?.id===k?.id&&T(k);},[h]);return b__default.default.createElement(Wr,{curr:Fe},b__default.default.createElement(react.Center,{background:l??"background.100",style:{touchAction:"none"},userSelect:"none",position:"relative",w:"100%",h:"100%",overflow:"hidden",onPointerDown:ge,onPointerMove:Be},b__default.default.createElement(sn,{item:Fe,getBackgroundValue:s,getBackgroundUrl:n}),b__default.default.createElement("div",{ref:c,style:Ae},b__default.default.createElement(react.Center,{ref:p,h:"100%",w:"100%"},h.map(k=>b__default.default.createElement(Rr,{key:k.id,id:k.id,collectionPath:o,RenderItem:t,onItemLoad:H,status:k.status,enterStatus:f,offsetY:x})))),b__default.default.createElement(pn,{canRefresh:!B,refreshing:E,offsetY:x}),b__default.default.createElement(ze,{inFeed:true,zIndex:2,bg:"transparent",pointerEvents:"none",isLoading:D}),d?b__default.default.createElement(react.Center,{position:"absolute",bottom:"0",left:"0",right:"0",zIndex:3,pointerEvents:"none"},d):null))};var Co=({path:e,condition:o,children:t})=>{let r=reactHookForm.useWatch({exact:true,name:e});return b.useMemo(()=>o(r),[r,o])?b__default.default.createElement(ee,{py:"3px",animateOpacity:true,in:true},t):null};var $a=({field:e,input:{onChange:o,value:t,...r}},n)=>{b.useImperativeHandle(n,()=>({focus:()=>{},blur:()=>{}}));let s=react$1.useBooleanFieldText(e,t);return b__default.default.createElement(react.Checkbox,{isChecked:t,onChange:i=>o(i.target.checked),...r},s)},Na=b.forwardRef($a),Ga=({field:e,input:{onChange:o,value:t,...r}},n)=>{b.useImperativeHandle(n,()=>({focus:()=>{},blur:()=>{}}));let s=react$1.useBooleanFieldText(e,t);return b__default.default.createElement(react.Flex,{gap:1,align:"center"},b__default.default.createElement(react.Switch,{isChecked:t,onChange:i=>o(i.target.checked),...r}),b__default.default.createElement(react.Text,{fontWeight:600,opacity:t?.9:.6},s))},ja=b.forwardRef(Ga),Ua=(e,o)=>e.field.type==="switch"?b__default.default.createElement(ja,{ref:o,...e}):b__default.default.createElement(Na,{ref:o,...e}),mn=b.forwardRef(Ua);var vo=(e,o,t)=>{let r=b.useRef(null);return b.useImperativeHandle(e,()=>({focus:(()=>r.current?.focus()),blur:(()=>r.current?.blur())})),r};var bt=({children:e,color:o,background:t,boxProps:r,...n})=>b__default.default.createElement(react.Box,{background:t,...r},b__default.default.createElement(react.Text,{cursor:"default",className:"gradient-text",background:o,...n},e));var Fo=({label:e,stackProps:o,gradient:t,value:r,min:n,max:s,...i})=>{let l=t?core.gradientToCssGradientProp(t):null;return b__default.default.createElement(react.HStack,{opacity:r!==void 0?1:.5,_hover:{opacity:1},transition:"all 500ms",spacing:2,width:"100%",align:"center",...o},b__default.default.createElement(react.HStack,{w:"100%",align:"center"},n!==void 0&&l?b__default.default.createElement(bt,{fontSize:"sm",color:l},typeof n=="number"?n.toFixed((i?.step??1)<1?2:0):""):null,n!==void 0&&!l?b__default.default.createElement(react.Text,null,typeof n=="number"?n.toFixed((i?.step??1)<1?2:0):""):null,b__default.default.createElement(react.Slider,{min:n,max:s,step:1,"aria-label":e,flex:1,...i},b__default.default.createElement(react.SliderTrack,{bg:"gray.400"},b__default.default.createElement(react.SliderFilledTrack,{bg:l??"blackAlpha.500"})),b__default.default.createElement(react.Tooltip,{bg:"gray.100",color:"gray.500",placement:"top",hasArrow:true,label:typeof r=="number"?r.toFixed(0):""},b__default.default.createElement(react.SliderThumb,{width:2,height:4}))),s!==void 0&&l?b__default.default.createElement(bt,{fontSize:"sm",color:l},typeof s=="number"?s.toFixed((i?.step??1)<1?2:0):""):null,s!==void 0&&!l?b__default.default.createElement(react.Text,null,typeof s=="number"?s.toFixed((i?.step??1)<1?2:0):""):null))};var Io=({label:e,stackProps:o,gradient:t,value:r,...n})=>b__default.default.createElement(Fo,{label:e,value:r,min:0,step:1,max:255,stackProps:{width:"100%",...o},gradient:t,...n}),xn=b.forwardRef(({input:{onChange:e,value:o},field:t,meta:r},n)=>{let{withAlpha:s,defaultValue:i}=t,{active:l}=r||{};vo(n);let a=b.useCallback((u,p)=>{e(s?{r:0,g:0,b:0,a:1,...o,[u]:p}:{r:0,g:0,b:0,...o,[u]:p});},[o,e,s]),d=b.useMemo(()=>({...i,...o}),[i,o]),m=b.useMemo(()=>core.colorValueToHex(!!s,d),[d,s]);return b__default.default.createElement(react.HStack,{w:"100%"},b__default.default.createElement(react.Box,{boxShadow:"inset 0 0 12px rgba(255,255,255,0.4), 0 0 4px rgba(0,0,0,0.4)",p:2,bg:"blackAlpha.800",borderRadius:"full"},b__default.default.createElement(react.Center,{transition:"background 300ms",bg:m,width:"80px",h:"80px",borderRadius:"full"},b__default.default.createElement(react.Text,{style:{fontSize:"1.3rem"}},m))),b__default.default.createElement(react.VStack,{spacing:1,flex:1,px:2,align:"flex-start",borderRadius:6,transition:"all 400ms",boxShadow:`0 0 5px ${l?"#ffffff":"transparent"}`},b__default.default.createElement(Io,{label:"R",gradient:core.gradients.red,defaultValue:i.r,value:o?.r,onChange:u=>a("r",u)}),b__default.default.createElement(Io,{label:"G",defaultValue:i.g,gradient:core.gradients.green,value:o?.g,onChange:u=>a("g",u)}),b__default.default.createElement(Io,{label:"B",gradient:core.gradients.blue,defaultValue:i.b,value:o?.b,onChange:u=>a("b",u)}),s?b__default.default.createElement(Io,{label:"A",gradient:core.gradients.midnight,defaultValue:1,value:o?.a,onChange:u=>a("a",u)}):null))});var yt=(e,o)=>{let t=`${e}`;for(let r=t.length;r<o;r+=1)t=`0${t}`;return t},wt=e=>e?`${yt(e.getFullYear(),4)}-${yt(e.getMonth()+1,2)}-${yt(e.getDate(),2)}`:void 0,qe=b.forwardRef((e,o)=>{let{input:t,field:{placeholder:r,minDate:n,maxDate:s,optional:i},meta:{active:l}}=e,{onChange:a,value:d,onFocus:m,onBlur:u}=t,p=b.useMemo(()=>d?new Date(`${d}T00:00:00.000`):new Date,[d]),c=b.useMemo(()=>{let f=[];return n!==void 0&&f.push({to:n==="now"?new Date:new Date(n),from:new Date(0)}),s!==void 0&&f.push({from:s==="now"?new Date:new Date(s),to:new Date(1/0)}),f},[n,s]);return b.useImperativeHandle(o,()=>({focus:()=>{},blur:()=>{}})),b__default.default.createElement(react.Popover,{isOpen:l,onOpen:m,onClose:u,closeDelay:100,placement:"bottom"},b__default.default.createElement(react.PopoverTrigger,null,b__default.default.createElement(react.Button,{w:"100%",fontFamily:"Public Sans",fontWeight:"normal",alignItems:"center",_hover:{bg:"#efefef"},lineHeight:1,variant:"outline"},b__default.default.createElement(react.Text,{fontSize:"md",height:"16px",align:"left",flex:1},d?core.getDateString(d,"short"):r),b__default.default.createElement(react.Image,{src:"/svg/calendar.svg",height:"20px"}))),b__default.default.createElement(react.Portal,null,b__default.default.createElement(react.PopoverContent,{zIndex:2,onFocus:m},b__default.default.createElement(react.PopoverArrow,null),b__default.default.createElement(reactDayPicker.DayPicker,{required:!i,disabled:c,styles:{caption:{fontFamily:"Public Sans",fontWeight:"400",fontSize:"0.9rem",color:"#555"},head:{fontFamily:"Public Sans"},nav:{fontFamily:"Public Sans"}},modifiersStyles:{selected:{background:"#454545"}},mode:"single",selected:p,onSelect:f=>a(wt(f))}))))});qe.displayName="DateInput";var Ke=b.forwardRef(({field:e,input:o},t)=>(b.useImperativeHandle(t,()=>({focus:()=>{},blur:()=>{}})),b__default.default.createElement(react.Input,{fontFamily:"Public Sans",css:`
2
2
  ::-webkit-calendar-picker-indicator {
3
3
  background: url(/svg/clock.svg) center/80% no-repeat;
4
4
  color: white;
5
5
  }
6
- `,fontSize:"md",type:"time",placeholder:e.placeholder,...o,value:o.value??""})));Ke.displayName="TimeInput";var Lp=e=>{if(!e)return {date:void 0,time:void 0};let o=new Date(e);return {date:wt(o),time:o.toTimeString().substring(0,5)}},vt=b.forwardRef(({input:{value:e,onBlur:o,onChange:t,onFocus:r}},n)=>{let[{date:s,time:i},l]=b.useState(Lp(e)),[a,d]=b.useState(null),m=b.useCallback((p,c)=>{p==="date"?(l({date:c,time:i}),c&&i&&t(new Date(`${c}T${i}`).getTime())):(l({time:c,date:s}),c&&s&&t(new Date(`${s}T${c}:00.000`).getTime()));},[s,i,t]);b.useImperativeHandle(n,()=>({focus:()=>{},blur:()=>{}}));let u=b.useMemo(()=>({active:a==="date",error:void 0,touched:false}),[a]);return b__default.default.createElement(react.HStack,{w:"100%"},b__default.default.createElement(qe,{field:{_type:"date",placeholder:"Date"},input:{value:s,onChange:p=>{m("date",p);},onBlur:()=>{d(null),o();},onFocus:()=>{d("date"),r();}},meta:u}),b__default.default.createElement(Ke,{field:{_type:"time",placeholder:"Time"},input:{value:i,onChange:p=>m("time",p.target.value),onBlur:()=>{d(null),o();},onFocus:()=>{d("time"),r();}},meta:u}))});vt.displayName="DateTimeInput";var Je=zustand.create(()=>({isPlaying:false,media:null,isLoading:false,fetchingMedia:null,shuffle:false,playlist:null,volume:.5,repeat:false,api:{pause:()=>{},play:()=>{},canGoNext:false,canGoPrev:false,goNext:()=>{},goPrev:()=>{},seek:()=>{},sound:null,trackProgress:new framerMotion.MotionValue(0),setMedia:()=>{},stop:()=>{},loop:()=>{}}})),yn=()=>{let{media:e,playlist:o}=Je();return b.useMemo(()=>o?o.currentId!==null?o.items.find(t=>t.id===o.currentId)??null:null:e,[o,e])};var Cn=({media:e,size:o=50,opacity:t=.8,buttonProps:r})=>{let{id:n}=e??{},{playlist:s}=react$1.usePlaylist(),i=Je(p=>p.api),l=Je(p=>p.isPlaying),a=Je(p=>p.isLoading),d=yn(),m=l&&d?.id===n,u=a&&d?.id===n;return b__default.default.createElement(react.IconButton,{boxShadow:"md",p:1,height:`${o}px`,width:`${o}px`,minW:"0",minH:"0",borderRadius:"full",isLoading:u,"aria-label":"play/pause",onClick:p=>{p.stopPropagation(),e&&(d?.id===n?l?i.pause():i.play():s?i.setMedia({playlist:{...s,currentId:n??null}}):i.setMedia({media:e}));},style:{background:"#eee"},...r,icon:b__default.default.createElement(react.Center,{borderRadius:"full",height:`${o}px`,width:`${o}px`},b__default.default.createElement(react.Image,{opacity:m?t:0,width:"100%",transition:"all 0.2s ease-in-out",src:"/svg/pause.svg",filter:"invert(100%) drop-shadow(0 0 4px black)",transform:`scale(${m?.8:1})`}),b__default.default.createElement(react.Image,{position:"absolute",width:"100%",opacity:m?0:t,transition:"all 0.2s ease-in-out",filter:"invert(100%) drop-shadow(0 0 3px black)",src:"/svg/play.svg",transform:`scale(${m?1:.8})`}))})};var Xp=e=>{if(!e.accept)return;let o=[];return e.accept.includes("image")&&o.push("image/jpg","image/jpeg","image/png","image/svg","image/gif"),e.accept.includes("pdf")&&o.push("application/pdf"),e.accept.includes("audio")&&o.push("audio/mp3","audio/wav","audio/x-wav","audio/webm","audio/ogg"),o.join(",")},Qp=({hasUpload:e,value:o,noLabel:t})=>{let r=b.useMemo(()=>({id:core.generateId(),title:o.filename||"Uploaded file",artistName:"",artistId:"",storageDir:"",producerId:"",songwriterId:""}),[o]);return b__default.default.createElement(react.VStack,null,b__default.default.createElement(react.HStack,{spacing:4},b__default.default.createElement(Cn,{withThumbnail:true,media:r}),e?b__default.default.createElement(react.IconButton,{w:"40px",h:"40px",p:2,borderRadius:"full",boxShadow:"0 0 4px black","aria-label":"upload",icon:b__default.default.createElement(react.Image,{filter:"invert(100%)",src:"/svg/upload.svg",opacity:.8})}):null),!t&&o.filename?b__default.default.createElement(react.Text,{fontSize:"md"},o.filename||"Uploaded file"):null)},qp=({value:e,options:o,hasUpload:t,loading:r})=>{let[n,s]=b.useState(false),{url:i,loading:l}=react$1.useObjectUrl(e),[a,d]=b.useState({width:0,height:0}),{shape:m,placeholder:u,objectFit:p,withFullView:c,background:f}=o??{},{src:g,opacity:h,scale:y}=u??{},x=react$1.useImageSize(o,a),{width:v,height:S}=x??{},w=b.useMemo(()=>n?i?1:h??.8:0,[n,i,h]),F=b.useMemo(()=>i?{objectFit:p??(n&&m?"cover":"contain"),onLoad:M=>{s(true),d({width:M.currentTarget.naturalWidth,height:M.currentTarget.naturalHeight});}}:{width:x?`${x.width*(y??.9)}px`:"auto",height:x?`${x.height*(y??.9)}px`:"80px"},[i,x,y,n,m,p]),B=!!r||l,O=typeof v=="number"?`${v}px`:"auto",A=typeof S=="number"?`${S}px`:"100px";return b__default.default.createElement(qr,{width:O,height:A,withFullView:!t||c,overflow:"hidden",borderRadius:m==="circle"?"full":4,boxShadow:m?"1px 1px 3px #00000066":"none",opacity:w,background:f,transition:"opacity 333ms ease",loadingOverride:B,imageProps:F,src:i??g})},Kp={txt:"/icons/description.svg",pdf:"/icons/pdf.svg",zip:"/icons/zip.svg","7z":"/icons/zip.svg",rar:"/icons/zip.svg"},Jp=({value:e})=>{let o=b.useMemo(()=>{if(!e)return "";let n=e.filename.split(".");return n[n.length-1]},[e]),t=Kp[o],r=react.useColorModeValue("invert(0)","invert(1)");return t?b__default.default.createElement(react.Image,{filter:o!=="pdf"?r:"none",h:"24px",src:t}):null},Zp=({value:e,noLabel:o,imageOptions:t,loading:r,hasUpload:n})=>{switch(b.useMemo(()=>e.type?.split("/")?.[0],[e])){case "image":return b__default.default.createElement(qp,{hasUpload:n,loading:r,options:t,value:e});case "audio":return b__default.default.createElement(Qp,{noLabel:o,value:e,hasUpload:n});case "pdf":return b__default.default.createElement(react.Image,{src:"/icons/pdf.svg"});default:return b__default.default.createElement(react.Flex,{gap:2},b__default.default.createElement(Jp,{value:e}),b__default.default.createElement(react.Text,null,e.filename))}},Rp=({hasUpload:e,imageOptions:o})=>{let t=react$1.useImageSize(o),{shape:r,placeholder:n}=o??{},{src:s,scale:i,opacity:l}=n??{},{width:a,height:d}=t??{},m=react.useColorModeValue("invert(0)","invert(1)"),u=react.useColorModeValue("whiteAlpha.500","whiteAlpha.100"),p=G(),c=o?b__default.default.createElement(react.Center,{height:r?`${d}px`:"auto",width:r?`${a}px`:"auto",bg:r?u:"transparent",borderRadius:r==="circle"?"full":4,overflow:"hidden",boxShadow:r?"1px 1px 4px #00000055":"none"},b__default.default.createElement(react.Image,{filter:m,opacity:l,height:typeof d=="number"?`${d*(i??.6)}px`:"50px",src:s??"/icons/image.svg"})):b__default.default.createElement(react.Text,{border:"1px dashed",borderColor:p,p:3,fontSize:"sm",textAlign:"center",w:"100%",opacity:.8},e?"Click to upload or drop file here":"No file uploaded");return b__default.default.createElement(react.Center,{width:typeof a=="number"?`${a}px`:"auto",height:typeof d=="number"?`${d}px`:"auto"},c)},Lo=({value:e,hasUpload:o,noLabel:t,loading:r,imageOptions:n})=>{let{storagePath:s,dataUrl:i}=e??{},l=b.useMemo(()=>!i&&!s,[i,s]);return !e||l?b__default.default.createElement(Rp,{hasUpload:o,imageOptions:n}):b__default.default.createElement(Zp,{loading:r,imageOptions:n,noLabel:t,hasUpload:o,value:e})},St=b.forwardRef(({input:{value:e,onChange:o},field:t},r)=>{let{imageOptions:n}=t||{},s=b.useRef(null),i=b.useCallback(d=>{let m=d.target.files?.[0];m&&(e?.dataUrl&&URL.revokeObjectURL(e.dataUrl),o({...e,dataUrl:URL.createObjectURL(m),type:m.type,filename:m.name}));},[o,e]);b.useImperativeHandle(r,()=>({focus:()=>{s.current?.click();},blur:()=>{s.current?.blur();}}));let l=b.useMemo(()=>t.accept&&t.accept.length===1&&t.accept[0]==="image",[t]),a=b.useMemo(()=>l||e?.type?.startsWith("image/")||e?.type?.startsWith("video/")?{height:120,...n,objectFit:"contain"}:void 0,[n,l,e]);return b__default.default.createElement(react.Center,{flexFlow:"column",position:"relative",cursor:"pointer",onClick:()=>s.current?.click(),width:"100%"},b__default.default.createElement(react.Text,{fontSize:"sm",opacity:.8,mb:1},t.placeholder),b__default.default.createElement(react.Center,{width:"100%",position:"relative",p:2,overflow:"hidden"},b__default.default.createElement(Lo,{hasUpload:true,imageOptions:a,value:e}),b__default.default.createElement("input",{onChange:i,ref:s,accept:Xp(t),type:"file",style:{position:"absolute",pointerEvents:"none",height:.1,width:.1,opacity:0}})))});St.displayName="FileComponent";var Y={input:{width:"100%",fontSize:"16px",outline:"none"},inputXSmall:{padding:"4px 6px",borderRadius:"3px"},inputSmall:{padding:"6px 9px",borderRadius:"4px"},inputMedium:{padding:"8px 12px",borderRadius:"6px"},inputLarge:{padding:"10px 14px",borderRadius:"8px"},inputTextSmall:{fontSize:"14px"},inputTextMedium:{fontSize:"16px"},inputTextLarge:{fontSize:"18px"},buttonContainer:{display:"flex",flexDirection:"row",alignItems:"center"},buttonContainerSmall:{gap:"6px"},buttonContainerMedium:{gap:"8px"},buttonContainerLarge:{gap:"10px"}},rd={sm:16,md:20,lg:24},nd={sm:12,md:14,lg:16},id={sm:Y.inputSmall,md:Y.inputMedium,lg:Y.inputLarge},sd={sm:Y.inputXSmall,md:Y.inputSmall,lg:Y.inputMedium},ld={sm:Y.inputTextSmall,md:Y.inputTextMedium,lg:Y.inputTextLarge},ad={sm:Y.buttonContainerSmall,md:Y.buttonContainerMedium,lg:Y.buttonContainerLarge},K=(e,o,t="md")=>{let r=react$1.useBackgroundColor(150),n=b.useMemo(()=>e?"transparent":r,[e,r]),s=react$1.useTextColor(),i=o??t;return {text:{...ld[i],color:s},container:{...Y.input,...e?sd[i]:id[i],backgroundColor:n},size:i,iconSize:rd[i],clearButtonSize:nd[i],buttonContainer:{...Y.buttonContainer,...ad[i]}}};var It=(e,o)=>t=>{let{renderOption:r}=e;return typeof r=="function"?b__default.default.createElement(r,{...t}):b__default.default.createElement(react.Text,{style:o},t.option.label)},Pn=b.forwardRef(({field:e,input:o,inEditable:t,formSize:r},n)=>{let{options:s,renderOption:i}=e,{onChange:l,value:a,onFocus:d,onBlur:m}=o,{text:u,size:p}=K(t,e.size,r),{colorMode:c}=react.useColorMode();b.useImperativeHandle(n,()=>({focus:()=>{d();},blur:()=>{m();}}));let f=b.useMemo(()=>It(e,u),[e,u]),g=b__default.default.createElement(react.Flex,{w:"100%",flexFlow:"row wrap"},s.map(h=>b__default.default.createElement(react.Box,{key:h.value,p:.5},b__default.default.createElement(react.Button,{w:"100%",minH:0,size:"xs",p:0,opacity:a?.includes(h.value)?1:.7,variant:"unstyled",onClick:y=>{y.stopPropagation(),l(a?.includes(h.value)?a.filter(x=>x!==h.value):[...a??[],h.value]);},_hover:{opacity:.8}},b__default.default.createElement(f,{value:h.value,size:p,option:h,colorMode:c,isSelected:true})))));return t?b__default.default.createElement(react.Flex,{py:.5,flexFlow:"column",w:"100%"},b__default.default.createElement(react.Text,{lineHeight:1,px:2,opacity:.8,fontSize:"sm",fontWeight:600},e.placeholder),g):g});var _e=({children:e,style:o})=>b__default.default.createElement(react.Flex,{width:"100%",borderRadius:4,style:o},e);var Pt=b.forwardRef(({input:{onChange:e,value:o,...t},field:r,formSize:n,prefix:s,inEditable:i,...l},a)=>{let{type:d,defaultValue:m,placeholder:u,size:p}=r,c=react.useColorModeValue("number-input","number-input-dark"),{container:f,text:g}=K(i,p,n),h=vo(a),[y,x]=b.useState(""),v=typeof o=="number"&&!Number.isNaN(o)?`${o}${y}`:"",S=d==="slider"?b__default.default.createElement(Fo,{label:u,onChange:e,value:o,defaultValue:m}):b__default.default.createElement(Cd__default.default,{className:c,placeholder:r.placeholder,decimalsLimit:r.precision,allowDecimals:!!r.precision,prefix:s,ref:h,onValueChange:(w,F,B)=>{w?.endsWith(".")?x("."):w?.includes(".")&&w?.endsWith("0")?x("0"):x(""),e(B?.float);},value:v,...l,style:{background:"none",resize:"none",fontFamily:"Encode Sans",boxSizing:"border-box",opacity:o?1:.7,width:"100%",borderRadius:"4px",border:"none",outline:"none",...g,...l.style},...t});return b__default.default.createElement(_e,{style:f},S)}),vd=({field:e,...o},t)=>{let r=b.useRef(null);return b.useImperativeHandle(t,()=>({focus:()=>{r.current?.focus();},blur:()=>{r.current?.blur();}})),b__default.default.createElement(Pt,{prefix:"$",field:{...e,_type:"number"},...o})},kn=b.forwardRef(vd);var Ln=({value:e,field:o})=>{let t=b.useMemo(()=>{if(e===""||e===void 0||e===null)return 1;switch(o._type){case "text":case "number":case "select":case "date":case "time":case "datetime":return -1;default:return 1}},[e,o]);return b__default.default.createElement(react.Flex,{transition:"top 300ms",top:t,position:"absolute",right:3},b__default.default.createElement(react.Text,{fontSize:"xs",opacity:.6},"OPTIONAL"))};var On=b.forwardRef(({field:e,input:o,meta:t,inEditable:r,formSize:n},s)=>{let{placeholder:i,options:l,renderOption:a}=e,{onChange:d,value:m,onFocus:u,onBlur:p}=o,{text:c,size:f,container:g}=K(r,e.size,n),{active:h}=t,y=b.useMemo(()=>m&&l.find(F=>F.value===m),[m,l]),{colorMode:x}=react.useColorMode();b.useImperativeHandle(s,()=>({focus:()=>{u();},blur:()=>{p();}}));let v=react$1.useBackgroundColor(150),w=a??(F=>b__default.default.createElement(react.Text,{style:c},F.option.label));return b__default.default.createElement(react.Popover,{strategy:"fixed",placement:"bottom",matchWidth:true,isOpen:h,onClose:p},b__default.default.createElement(react.PopoverTrigger,null,b__default.default.createElement(react.Button,{w:"100%",onClick:F=>{F.stopPropagation(),u();},variant:"unstyled",position:"relative"},b__default.default.createElement(_e,{style:g},y?b__default.default.createElement(w,{size:f,value:y.value,option:y,colorMode:x,isSelected:true}):b__default.default.createElement(react.Text,{fontWeight:400,style:c,opacity:.6},i)))),b__default.default.createElement(react.PopoverContent,{w:"100%",overflowY:"auto",maxH:"300px",bg:v,border:"none",boxShadow:"0 0 8px rgba(0, 0, 0, 0.3)"},b__default.default.createElement(react.PopoverBody,{p:0},l.map(F=>b__default.default.createElement(react.Button,{key:F.value,w:"100%",variant:"unstyled",onClick:B=>{B.stopPropagation(),d(F.value),p();},display:"flex",justifyContent:"flex-start",alignItems:"center",px:3,_hover:{bg:"blackAlpha.100"},_dark:{_hover:{bg:"whiteAlpha.100"}}},b__default.default.createElement(w,{value:F.value,option:F,size:f,colorMode:x,isSelected:F.value===m}))))))});var Qd="/icons/facebook.svg",qd="/icons/instagram.svg",Kd="/icons/soundcloud.svg",Jd="/icons/twitter.svg",Zd="/icons/youtube.svg",Rd={facebook:Qd,instagram:qd,twitter:Jd,youtube:Zd,soundcloud:Kd},Ze=({site:e,value:o,onChange:t})=>{let{handle:r,error:n}=b.useMemo(()=>{try{return {handle:core.getHandle(e,o)}}catch(i){return {error:i?.message??"Error parsing handle"}}},[o,e]),s=b.useMemo(()=>r?`${e.toUpperCase()}: ${r}`:e.toUpperCase(),[e,r]);return b__default.default.createElement(react.Popover,{trigger:"hover"},b__default.default.createElement(react.PopoverTrigger,null,b__default.default.createElement(react.Center,{opacity:r?1:.6,borderRadius:"full",width:"34px",height:"34px"},b__default.default.createElement(react.Image,{cursor:"pointer",filter:`grayscale(${r?0:100}%)`,height:"24px",width:"24px",objectFit:"contain",src:Rd[e]}))),b__default.default.createElement(react.PopoverContent,{w:"auto"},b__default.default.createElement(react.PopoverBody,{overflow:"hidden",borderRadius:4,p:0,w:"auto"},b__default.default.createElement(react.VStack,{spacing:0,p:2,w:"300px",align:"flex-start"},b__default.default.createElement(react.Text,{fontSize:"md"},s),b__default.default.createElement(react.Collapse,{in:!!n,style:{width:"100%"}},b__default.default.createElement(react.Text,{px:1,bg:"red.500",fontSize:"sm",color:"white"},n)),b__default.default.createElement(react.Input,{onChange:i=>t(i.target.value),placeholder:"Handle or URL",width:"100%",value:o,size:"md"})))))},Mt=b.forwardRef((e,o)=>{let{input:{value:t,onChange:r},field:{sites:n}}=e,s=b.useCallback((i,l)=>{let{[i]:a,...d}=t??{};!l&&Object.keys(d).length===0&&r({target:{value:void 0}}),l||r(d),r({...d,[i]:l});},[r,t]);return b.useImperativeHandle(o,()=>({blur:()=>{},focus:()=>{}})),b__default.default.createElement(react.VStack,{w:"100%",p:1},b__default.default.createElement(react.VStack,{borderRadius:4,p:2,spacing:0,w:"100%"},b__default.default.createElement(react.Text,{fontSize:"md"},"Links"),b__default.default.createElement(react.HStack,null,!n||n.facebook?b__default.default.createElement(Ze,{onChange:i=>s("facebook",i),site:"facebook",value:t?.facebook}):null,!n||n.instagram?b__default.default.createElement(Ze,{onChange:i=>s("instagram",i),site:"instagram",value:t?.instagram}):null,!n||n.twitter?b__default.default.createElement(Ze,{onChange:i=>s("twitter",i),site:"twitter",value:t?.twitter}):null,!n||n.youtube?b__default.default.createElement(Ze,{onChange:i=>s("youtube",i),site:"youtube",value:t?.youtube}):null,!n||n.soundcloud?b__default.default.createElement(Ze,{onChange:i=>s("soundcloud",i),site:"soundcloud",value:t?.soundcloud}):null)))});Mt.displayName="SocialMediaComponent";var Lt=b.forwardRef(({input:e,field:o,inEditable:t},r)=>{let n=react$1.useTextColor(),s=b.useRef(null);return b.useImperativeHandle(r,()=>({focus:()=>{s.current?.focus();},blur:()=>{s.current?.blur();}})),b__default.default.createElement(iu__default.default,{placeholder:o.placeholder,minRows:2,maxRows:5,ref:s,style:{resize:"none",width:"100%",color:n,background:"none",fontFamily:"fonts.body",boxSizing:"border-box",borderRadius:"4px",border:"none",outline:"none"},...e})});Lt.displayName="TextAreaComponent";var Bt=b.forwardRef(({input:e,inEditable:o,meta:t,field:r,formSize:n},s)=>{let{placeholder:i,type:l}=r,[a,d]=b.useState(l==="password"),{text:m,container:u}=K(o,r.size,n),{value:p}=e,c=b.useRef(null);b.useImperativeHandle(s,()=>({focus:()=>{c.current?.focus();},blur:()=>{c.current?.blur();}}));let f=l==="textarea"?b__default.default.createElement(Lt,{inEditable:o,field:r,input:e,meta:t}):b__default.default.createElement(react.Input,{ref:c,border:"none",_dark:{border:"none"},borderRadius:0,background:"transparent",_focus:{border:"none",boxShadow:"none"},py:0,px:0,height:"auto",outline:"none",type:a?"password":"text",placeholder:i,style:m,...e,onChange:g=>{e.onChange({target:{value:g.target.value}});},value:p??""});return b__default.default.createElement(_e,{style:u},f,l==="password"&&b__default.default.createElement(react.IconButton,{position:"absolute",right:2,onClick:()=>d(!a),variant:"ghost",icon:a?b__default.default.createElement(icons.ViewIcon,null):b__default.default.createElement(icons.ViewOffIcon,null),"aria-label":a?"show":"hide",title:a?"Show":"Hide",size:"xs"}))});Bt.displayName="TextComponent";var xu={text:Bt,file:St,boolean:un,select:On,multipleSelect:Pn,currency:kn,number:Pt,date:qe,datetime:vt,time:Ke,socialMedia:Mt,color:hn},bu=(e,o)=>{let{field:t,meta:{error:r,active:n,touched:s},input:i,inEditable:l}=e,{value:a}=i,d=b.useMemo(()=>r&&s?"#ff7777":n?"rgba(0,0,0,0.7)":"rgba(0,0,0,0.3)",[r,n,s]),{_type:m,optional:u,label:p}=t,c=b.useMemo(()=>m==="multipleSelect"||!!a&&m!=="file"&&m!=="boolean",[a,m]),f=b.useMemo(()=>{if(l)return {};switch(m){case "text":case "number":case "currency":case "select":return {boxShadow:`0 0 7px ${d}`,transition:"all 300ms"};default:return {}}},[m,d,l]),g=b.useMemo(()=>xu[m],[m]),h=b.useMemo(()=>l?0:r&&s?6:2,[l,r,s]);return b__default.default.createElement(react.VStack,{position:"relative",align:"flex-start",width:"100%",py:l?0:1,px:1,spacing:0,pb:h,transition:"all 500ms",pt:c&&!l?5:0},p&&!l?typeof p=="string"?b__default.default.createElement(react.Text,{color:"gray.800",fontSize:"sm",px:2},p):b__default.default.createElement(p,null):null,b__default.default.createElement(react.Flex,{width:"100%",borderRadius:4,overflow:"hidden",...f},b__default.default.createElement(g,{ref:o,...e})),l?null:b__default.default.createElement(b__default.default.Fragment,null,b__default.default.createElement(react.Text,{opacity:r&&s?1:0,transition:`opacity 500ms ease ${r&&s?250:0}ms`,position:"absolute",bottom:"0px",fontSize:"sm",px:1,pointerEvents:"none",color:"red.600"},r),b__default.default.createElement(react.Text,{opacity:c?1:0,transition:`opacity 500ms ease ${c?250:0}ms`,position:"absolute",top:"-5px",pointerEvents:"none",fontSize:"sm",fontFamily:"fonts.heading",px:1,color:"blackAlpha.600",_dark:{color:"whiteAlpha.600"}},t.placeholder||"")),u&&!l?b__default.default.createElement(Ln,{field:t,value:a}):null)},Ao=b.forwardRef(bu);var vu=({field:e,name:o},t)=>{let{control:r,getOnChange:n,meta:s,onFocus:i,onBlur:l}=react$1.useField(o,e);return b__default.default.createElement(reactHookForm.Controller,{control:r,name:o,render:({field:{name:a,ref:d,onBlur:m,...u}})=>b__default.default.createElement(Ao,{ref:t,field:e,input:{...u,onFocus:i,onBlur:()=>{l(),m();},onChange:n(u.onChange)},meta:s})})},En=b.forwardRef(vu);var Oo=({uploads:e})=>{let o=b.useMemo(()=>Object.values(e),[e]);return b__default.default.createElement(reactTransitionGroup.TransitionGroup,{component:react.Flex,width:"100%",flexFlow:"column"},o.map(t=>b__default.default.createElement(ee,{key:t.label},b__default.default.createElement(react.Center,{px:2,height:"26px",position:"relative",w:"100%",flexDirection:"column"},b__default.default.createElement(react.Progress,{borderRadius:"full",value:t.percent*100,mx:2,my:1,size:"md",height:"100%",width:"100%"}),b__default.default.createElement(react.Text,{fontFamily:"fonts.heading",textShadow:"1px 1px 3px #000000aa",color:"white",position:"absolute",fontSize:"sm",fontWeight:500},t.label.toUpperCase())))))};var Eu=({onBack:e,children:o})=>b__default.default.createElement(react.Button,{flex:1,transition:"all 500ms",onClick:e,variant:"outline",border:"1px solid #cdcdcd",color:"#777",ml:"auto"},o),Vu=({onSubmitClick:e,submitting:o,children:t,filter:r,opacity:n})=>b__default.default.createElement(react.Button,{isLoading:o,filter:r,flex:1,transition:"all 500ms",opacity:n,onClick:()=>{e();},ml:"auto",variant:"solid"},t),Hu=()=>{let{formError:e}=react$1.useChempoForm();return b__default.default.createElement(react.Collapse,{in:!!e},b__default.default.createElement(react.Text,{color:"red"},e??""))},_n=({renderFooter:e,...o})=>{let{uploads:t,onBack:r,buttonText:n,onSubmit:s}=o,{isSubmitting:i,isValid:l}=reactHookForm.useFormState(),a=react$1.useBorderColor();return b__default.default.createElement(react.Flex,{w:"100%",flexFlow:"column"},b__default.default.createElement(react.Collapse,{endingHeight:5,style:{width:"100%"},in:i},b__default.default.createElement(react.Progress,{w:"100%",h:"5px",isIndeterminate:true})),b__default.default.createElement(Oo,{uploads:t}),b__default.default.createElement(Hu,null),e?b__default.default.createElement(e,{...o}):b__default.default.createElement(react.HStack,{py:2,borderTop:"1px solid",borderColor:a,px:3,w:"100%"},r?b__default.default.createElement(Eu,{onBack:r},"Cancel"):null,b__default.default.createElement(Vu,{size:"sm",filter:`grayscale(${l?0:100}%)`,opacity:l?1:.5,onSubmitClick:s,submitting:i},n)))};var $n=({field:e,value:o,noLabel:t,style:r})=>{let{imageOptions:n,placeholder:s}=e,i=b.useMemo(()=>({height:150,...n}),[n]);return b__default.default.createElement(react.Flex,{flexFlow:o?"column":"row",style:r},t?null:b__default.default.createElement(react.Text,{pr:2,opacity:.7,fontWeight:600},s),o?b__default.default.createElement(ee,null,b__default.default.createElement(react.Box,{p:1},b__default.default.createElement(Lo,{imageOptions:i,value:o}))):b__default.default.createElement(react.Text,{opacity:.7},"None"))};var jn=({field:e,value:o,noLabel:t,style:r})=>{let{placeholder:n,options:s}=e,{size:i,text:l}=K(void 0,e.size),a=b.useMemo(()=>s.filter(u=>o?.includes(u.value)),[o,s]),d=b.useMemo(()=>It(e,l),[e,l]),{colorMode:m}=react.useColorMode();return b__default.default.createElement(react.Flex,{maxW:"100%",flexFlow:"row wrap",align:"center",style:r},t?null:b__default.default.createElement(react.Text,{pr:2,opacity:.7,fontWeight:600},n),a.length?a.map(u=>b__default.default.createElement(react.Box,{key:u.value,p:.5},b__default.default.createElement(d,{value:u.value,option:u,colorMode:m,isSelected:true,size:i}))):b__default.default.createElement(react.Text,{opacity:.6},"None"))};var Xu=e=>typeof e=="string"?e:typeof e=="number"||typeof e=="boolean"?e.toString():JSON.stringify(e),Qu=e=>b__default.default.createElement(react.Text,null,Xu(e)),Un=({field:e,value:o,noLabel:t,style:r,size:n})=>{let{placeholder:s,renderOption:i}=e,{colorMode:l}=react.useColorMode(),{size:a}=K(void 0,e.size,n),d=e.options.find(u=>u.value===o);return b__default.default.createElement(react.Flex,{align:"center",style:r},t?null:b__default.default.createElement(react.Text,{pr:2,opacity:.7,fontWeight:600},s),o&&d?b__default.default.createElement(i??Qu,{value:o,option:d,colorMode:l,isSelected:true,size:a}):b__default.default.createElement(react.Text,null,"None"))};var Zu=({field:e,value:o,noLabel:t,style:r})=>{let{placeholder:n}=e,s=b.useMemo(()=>{let i=core.formatField[e._type];return i?i(e,o):o},[o,e]);return b__default.default.createElement(react.Flex,{align:"center",style:r},t?null:b__default.default.createElement(react.Text,{pr:2,opacity:.7,fontWeight:600},n),b__default.default.createElement(react.Text,{opacity:o!=null?1:.6},s??"None"))},ro=({field:e,value:o,noLabel:t,style:r})=>{switch(e._type){case "select":return b__default.default.createElement(Un,{style:r,field:e,value:o,noLabel:t});case "multipleSelect":return b__default.default.createElement(jn,{style:r,field:e,value:o,noLabel:t});case "file":return b__default.default.createElement($n,{style:r,field:e,value:o,noLabel:t});default:return b__default.default.createElement(Zu,{style:r,field:e,value:o,noLabel:t})}};var tm=({onChange:e,value:o,field:t,onBlur:r,inEditable:n,onFocus:s,style:i},l)=>{let{inputProps:a,meta:d}=react$1.useStandaloneInput(t,o,e,s,r);return b__default.default.createElement(Ao,{ref:l,field:t,inEditable:n,style:i,input:a,meta:d})},Xn=b.forwardRef(tm);var Kn=({value:e,field:o,onSubmit:t,storagePath:r,style:n,onEditClose:s,onEditOpen:i,CustomInput:l,CustomView:a,containerStyle:d,size:m})=>{let{inputRef:u,setValue:p,isLoading:c,uploads:f,editHovered:g,handleEditOpen:h,handleEditClose:y,isEditing:x,value:v,setEditHovered:S,submit:w,submitValue:F}=react$1.useEditable({value:e,field:o,onSubmit:t,storagePath:r,onEditOpen:i,onEditClose:s}),B=b.useMemo(()=>o&&(o._type==="file"||o._type==="boolean"),[o]);b.useEffect(()=>{x&&u.current?.focus();},[x,u]);let O=react$1.useColorModeValue("#00000055","#ffffff55"),A=b.useCallback(E=>{if(l)return b__default.default.createElement(l,{...E});if(!o)throw new Error("Editable component must have a field OR a CustomInput");return b__default.default.createElement(Xn,{field:o,...E})},[l,o]),M=b.useCallback(E=>{if(a)return b__default.default.createElement(a,{...E});if(!o)throw new Error("Editable component must have a field OR a CustomView");return b__default.default.createElement(ro,{style:n,field:o,value:v,...E})},[a,o,n,v]);return b__default.default.createElement(react.Flex,{borderRadius:4,border:`1px dashed ${g&&!x?O:"transparent"}`,flexFlow:"column",w:"100%",style:d},b__default.default.createElement(react.Flex,{align:"center",px:1,position:"relative",w:"100%"},b__default.default.createElement(react.Flex,{opacity:c?0:1,transition:"all 300ms",mr:1,border:`1px dashed ${x?O:"transparent"}`,flex:1,minW:"0"},x||B?b__default.default.createElement(A,{ref:u,value:v,inEditable:true,style:{padding:0,...n},size:m,onChange:B?E=>F(E):p,inputStyle:n}):b__default.default.createElement(M,{inEditable:true,size:m,value:v})),B?null:b__default.default.createElement(b__default.default.Fragment,null,b__default.default.createElement(react.IconButton,{"aria-label":"Edit",size:"xs",icon:x?b__default.default.createElement(icons.CloseIcon,{width:3}):b__default.default.createElement(icons.EditIcon,null),onMouseEnter:()=>S(true),onMouseLeave:()=>S(false),onClick:()=>{x?(p(v),y()):h();}}),b__default.default.createElement(react.Flex,{transition:"all 300ms",justify:"flex-end",opacity:x?1:0,overflow:"hidden",w:x?"30px":"0px"},b__default.default.createElement(react.IconButton,{"aria-label":"Edit",size:"xs",bg:core.palette.cyan.light,_dark:{bg:core.palette.cyan.light,_hover:{bg:core.palette.cyan.lighter}},_hover:{bg:core.palette.cyan.medium},icon:b__default.default.createElement(icons.CheckIcon,{filter:"drop-shadow(1px 1px 3px #000000aa)"}),onClick:()=>{w();}}))),b__default.default.createElement(ze,{isLoading:c})),b__default.default.createElement(Oo,{uploads:f}))};var Mm=e=>o=>{o.destination&&e(o.source.index,o.destination.index);},Lm=({field:e,name:o})=>{let t=b.useMemo(()=>core.isField(e.itemField)?"":core.isListField(e.itemField)?[]:{},[e]),r=react.useColorModeValue("#efefef","#2b2b2b"),n=G(),{control:s}=reactHookForm.useFormContext(),{fields:i,append:l,remove:a,move:d}=reactHookForm.useFieldArray({control:s,name:o}),m=b.useMemo(()=>Mm(d),[d]);return b__default.default.createElement(react.Flex,{overflow:"hidden",gap:2,flexFlow:"column",w:"100%",px:2,py:1},b__default.default.createElement(react.Text,{lineHeight:1,opacity:.7,fontSize:"sm"},e.placeholder),b__default.default.createElement(dnd.DragDropContext,{onDragEnd:m},b__default.default.createElement(dnd.Droppable,{droppableId:"droppable"},(u,{draggingFromThisWith:p})=>b__default.default.createElement(react.Flex,{ref:u.innerRef,flexFlow:"column",w:"100%",py:1,borderRadius:4,minH:"30px",align:"flex",...u.droppableProps},i.length?i.map((c,f)=>b__default.default.createElement(dnd.Draggable,{key:c.id,draggableId:c.id,index:f},({dragHandleProps:g,draggableProps:h,innerRef:y},{isDragging:x})=>b__default.default.createElement(react.Flex,{transition:"all 300ms",boxShadow:`2px 2px 4px #000000${x?"55":"00"}`,borderRadius:4,pt:2,px:2,border:`1px solid ${n}`,bg:`${r}${x?"ff":"00"}`,ref:y,w:"100%",...h},b__default.default.createElement(ee,null,b__default.default.createElement(react.Flex,{opacity:p&&!x?.5:1,gap:1,align:"center",w:"100%"},b__default.default.createElement(react.IconButton,{"aria-label":"drag",size:"xs",opacity:.8,variant:"ghost",icon:b__default.default.createElement(icons.DragHandleIcon,null),...g}),b__default.default.createElement(react.Box,{minW:"0",flex:1},b__default.default.createElement(zt,{name:c.id,field:e.itemField})),b__default.default.createElement(react.IconButton,{"aria-label":"delete",size:"xs",bg:"red.600",color:"white",icon:b__default.default.createElement(icons.DeleteIcon,{filter:"drop-shadow(1px 1px 3px #00000088)"}),onClick:v=>{v.stopPropagation(),a(f);}})))))):b__default.default.createElement(react.Text,{fontSize:"sm",opacity:.7,py:1,px:2},"No items"),u.placeholder))),b__default.default.createElement(react.Flex,null,b__default.default.createElement(react.Button,{mr:"auto",width:"auto",size:"xs",onClick:()=>l(t)},"+ NEW")))},zt=({field:e,name:o})=>{let t=b.useMemo(()=>core.isField(e)||core.isListField(e)?[{name:"value",field:e}]:Object.entries(e.children).map(([r,n])=>({name:`${o?`${o}.`:""}${r}`,field:n})),[e,o]);return b__default.default.createElement(react.VStack,{spacing:1,w:"100%"},t.map(r=>{if(core.isListField(r.field)){let s=b__default.default.createElement(Lm,{key:r.name,name:r.name,field:r.field});return r.field.condition?b__default.default.createElement(Co,{path:o,condition:r.field.condition,key:r.name},s):s}if(core.isField(r.field)){let s=b__default.default.createElement(En,{key:r.name,name:r.name,field:r.field});return r.field.condition?b__default.default.createElement(Co,{path:o,condition:r.field.condition,key:r.name},s):s}let n=b__default.default.createElement(zt,{key:r.name,name:r.name,field:r.field});return r.field.condition?b__default.default.createElement(Co,{path:o,condition:r.field.condition,key:r.name},n):n}))},Bm=({field:e,value:o,path:t})=>{let{placeholder:r}=e,n=G(),s=react$1.useGetItemField(e);return b__default.default.createElement(react.Box,{w:"100%",p:1},b__default.default.createElement(Ro,{border:`1px solid ${n}`,borderRadius:4,initExpanded:true,header:()=>b__default.default.createElement(react.Text,{py:1},r)},b__default.default.createElement(react.Flex,{flexFlow:"column",bg:"background.200",gap:2,px:2,py:1},o?.length?o.map((i,l)=>b__default.default.createElement(react.Box,{bg:"background.100",key:`${t}.${l}`,border:`1px solid ${n}`,borderRadius:3},b__default.default.createElement(Jn,{path:`${t}.${l}`,field:s(l),value:i}))):b__default.default.createElement(react.Text,{fontSize:"sm",opacity:.7,py:1,px:2},"No items"))))},Jn=({field:e,value:o,path:t,storagePath:r})=>{let{updateField:n}=react$1.useDataView();return core.isField(e)?n?b__default.default.createElement(Kn,{storagePath:r,field:e,value:o,onSubmit:s=>n(t,s)}):b__default.default.createElement(ro,{field:e,value:o}):core.isListField(e)?b__default.default.createElement(Bm,{path:t,field:e,value:o}):b__default.default.createElement(Am,{storagePath:r?`${r}.${t}`:void 0,path:t,field:e})},Am=({field:e,value:o,onClose:t,onDelete:r,onSubmit:n,itemName:s,storagePath:i,path:l=""})=>{let{name:a,children:d}=e,[m,u]=b.useState(false);return b__default.default.createElement(react$1.DataViewProvider,{value:o,onSubmit:n},b__default.default.createElement(Ro,{alwaysExpanded:true,header:()=>b__default.default.createElement(react.Flex,{align:"center",px:2,w:"100%"},b__default.default.createElement(react.Text,{py:2,fontSize:"lg",fontFamily:"fonts.heading"},a),b__default.default.createElement(react.Flex,{gap:2,align:"center",ml:"auto"},r?b__default.default.createElement(Vr,{onDelete:r,itemName:s??"item"}):null,n?b__default.default.createElement(react.IconButton,{size:"sm",borderRadius:"full",minW:0,w:7,h:7,ml:"auto","aria-label":"edit",icon:b__default.default.createElement(icons.EditIcon,null),onClick:()=>u(true)}):null,t?b__default.default.createElement(react.IconButton,{size:"sm",borderRadius:"full",minW:0,w:7,h:7,variant:"ghost","aria-label":"close",icon:b__default.default.createElement(icons.CloseIcon,{opacity:.8,w:3,h:3}),onClick:t}):null))},m&&n?b__default.default.createElement(Dt,{storagePath:i,field:e,value:o,onSubmit:n,onBack:()=>u(false)}):b__default.default.createElement(react.Flex,{flexFlow:"column",px:4,py:2},Object.entries(d).map(([p,c])=>b__default.default.createElement(Jn,{storagePath:i?`${i}/${p}`:void 0,path:l?`${l}.${p}`:p,key:p,field:c,value:o?.[p]})))))},Zn=({onSubmit:e,onBack:o,field:t,value:r,buttonText:n="SUBMIT",renderFooter:s,storagePath:i})=>{let l=b.useMemo(()=>({field:t,value:r,submit:e,storagePath:i}),[t,r,e,i]),{onSubmit:a,uploads:d}=react$1.useFormSubmit(l);return b__default.default.createElement(react.Stack,{w:"100%",spacing:3},b__default.default.createElement("form",null,b__default.default.createElement(react.Box,{pt:1,px:2,w:"100%"},b__default.default.createElement(zt,{name:"",field:t})),b__default.default.createElement(_n,{uploads:d,onSubmit:a,renderFooter:s,onBack:o,buttonText:n})))},Om=({onSubmit:e,field:o,value:t,...r})=>{let n=b.useMemo(()=>({children:{value:o}}),[o]);return b__default.default.createElement(Zn,{field:n,value:{value:t},onSubmit:s=>e(s?.value),...r})},Dt=({field:e,onSubmit:o,...t})=>{let r=core.isField(e)||core.isListField(e)?b__default.default.createElement(Om,{field:e,onSubmit:o,...t}):b__default.default.createElement(Zn,{field:e,onSubmit:o,...t});return b__default.default.createElement(react$1.ChempoFormProvider,null,r)};var ei=e=>{let o=react$1.useMounted();return b__default.default.createElement(mr,null,b__default.default.createElement(react.Flex,{overflow:"hidden",flexFlow:"column",h:"100%",w:"100%",opacity:o?1:0,transition:"opacity 300ms",...e}))};var Ne=({data:e,rowIndex:o,columnIndex:t,style:r})=>{let{items:n,onSelect:s,refetch:i,grid:l,numCols:a,colorMode:d}=e||{},{ItemPreview:m}=l,u=o*a+t,p=n[u];return p?b__default.default.createElement(react.Flex,{display:"flex",cursor:"pointer","aria-label":"list-item",onClick:()=>{s(p);},style:r,px:1,py:.25,key:u},b__default.default.createElement(m,{index:u,item:p,refetch:i?()=>i(p.id):void 0,colorMode:d})):null};var we=()=>{let{list:e,search:{debounced:o,search:t}}=react$1.useDataList(),{data:{isLoading:r}}=react$1.usePaginatedList(),n=b.useMemo(()=>r||o!==t,[r,o,t]),{itemName:s,pluralItemName:i,noItemsMessage:l,searchRequired:a}=e;return b__default.default.createElement(react.Flex,{justify:"center",align:"flex-start",w:"100%",h:"100%"},n?b__default.default.createElement(Pe,{text:`Loading ${i??core.toPlural(s)}`}):b__default.default.createElement(react.Text,{textAlign:"center",flex:1,p:3,fontStyle:"italic",opacity:.7},!o&&a?`Search ${i??core.toPlural(s)}`:l??`No ${i??core.toPlural(s)}`))};var ce=e=>typeof e=="function";var Gm=(e,o)=>{if(e.key!==o.key||e.operator!==o.operator)return false;if(core.arrayOperators.includes(e.operator)){let t=Array.isArray(e.value)?e.value:[e.value];return !(Array.isArray(o.value)?o.value:[o.value]).every(n=>!t.includes(n))}return e.value===o.value},ti=(e,{nativeFilter:o})=>(Array.isArray(o)?o:[o]).every(r=>Gm(r,e));var Ym=(e,o,t)=>{let{rowHeight:r,columnWidth:n}=o;if(typeof r!="number"&&typeof n!="number")throw new Error("Cannot have both variable row height and variable column width");if(typeof n=="function"){let l=Math.floor(t/n(e[0]));return {numRows:Math.ceil(e.length/l),numCols:l}}let s=Math.max(1,Math.floor(t/n));return {numRows:Math.ceil(e.length/s),numCols:s}},Xm=(e,o,t)=>{let{rowHeight:r,columnWidth:n}=o,{numRows:s,numCols:i}=Ym(e,o,t),l=typeof n=="number"?t/i:Array.from({length:i},(u,p)=>e.filter((f,g)=>g%i===p).reduce((f,g)=>{let h=n(g);return Math.max(f,h)},0)),a=typeof r=="number"?r:Array.from({length:s},(u,p)=>e.slice(p*i,(p+1)*i).reduce((f,g)=>{let h=r(g);return Math.max(f,h)},0)),d=Array.isArray(a)?u=>a[u]:a,m=Array.isArray(l)?u=>l[u]:l;return {rowHeight:d,colWidth:m,numCols:i,numRows:s}},Ho=(e,o)=>{let{data:{data:t}}=react$1.usePaginatedList();return b.useMemo(()=>Xm(t,e,o),[t,e,o])};var li=({height:e,options:o})=>{let{totalCount:t,data:{data:r},refetchItem:n,isItemLoaded:s,goNext:i}=react$1.usePaginatedList(),{list:l,onSelectItem:a,mobileLayout:d,query:m}=react$1.useDataList(),{width:u}=react$1.useFullSize(),{numCols:p,numRows:c,rowHeight:f,colWidth:g}=Ho(o,u),{previewHeight:h,mobile:y}=l,{colorMode:x}=react.useColorMode(),v=b.useMemo(()=>({list:l,items:r,mobileLayout:d,grid:o,colorMode:x,numCols:p,onSelect:M=>a(M.id),refetch:n}),[r,l,n,a,d,p,o,x]),S=b.useRef(null),w=b.useMemo(()=>d?y?.previewHeight??h:h,[y,h,d]);b.useEffect(()=>{let M=S.current;M&&(M.resetAfterColumnIndex(0),M.resetAfterRowIndex(0));},[m]);let F=b.useRef(null);b.useEffect(()=>{F.current&&F.current.resetloadMoreItemsCache(true);},[t]);let B=b.useMemo(()=>ce(w),[w]),O=b.useCallback(({columnIndex:M,rowIndex:E,data:V})=>{let U=E*p+M;return V.items[U]?.id||`${U}`},[p]),A=b.useCallback(({overscanColumnStartIndex:M,overscanColumnStopIndex:E,overscanRowStartIndex:V,overscanRowStopIndex:U,visibleColumnStartIndex:ge,visibleColumnStopIndex:Be,visibleRowStartIndex:Ae,visibleRowStopIndex:Fe},T)=>{let H=Ae*p+ge,k=Fe*p+Be,I=V*p+M,L=U*p+E;T({overscanStartIndex:I,overscanStopIndex:L,visibleStartIndex:H,visibleStopIndex:k});},[p]);return r.length?B?b__default.default.createElement(si__default.default,{isItemLoaded:s,ref:F,itemCount:t??0,loadMoreItems:i},({onItemsRendered:M,ref:E})=>b__default.default.createElement(reactWindow.VariableSizeGrid,{height:e,width:u,rowCount:c,columnCount:p,rowHeight:f,columnWidth:g,itemData:v,style:{overflowX:"hidden"},itemKey:O,onItemsRendered:V=>A(V,M),ref:V=>{E(V),S.current=V;}},Ne)):b__default.default.createElement(si__default.default,{isItemLoaded:s,itemCount:t??0,ref:F,loadMoreItems:i},({onItemsRendered:M,ref:E})=>b__default.default.createElement(reactWindow.FixedSizeGrid,{height:e,width:u,rowCount:c,columnCount:p,rowHeight:f,columnWidth:g,itemData:v,onItemsRendered:V=>A(V,M),style:{overflowX:"hidden"},ref:V=>{E(V),S.current=null;}},Ne)):b__default.default.createElement(we,null)};var Ge=({data:e,index:o,style:t})=>{let{list:r,items:n,onSelect:s,refetch:i,mobileLayout:l,colorMode:a}=e||{},{ItemPreview:d,mobile:m}=r,u=l?m?.ItemPreview??d:d,p=n[o];return p?b__default.default.createElement(react.Flex,{display:"flex",cursor:"pointer","aria-label":"list-item",onClick:()=>{s(n[o]);},style:t,key:o},b__default.default.createElement(u,{index:o,item:p,refetch:i?()=>i(p.id):void 0,colorMode:a})):null};var mi=({height:e})=>{let{totalCount:o,data:{data:t},refetchItem:r,isItemLoaded:n,goNext:s}=react$1.usePaginatedList(),{list:i,onSelectItem:l,mobileLayout:a,query:d}=react$1.useDataList(),{previewHeight:m,mobile:u}=i,{colorMode:p}=react.useColorMode(),{width:c}=react$1.useFullSize(),f=b.useMemo(()=>({list:i,items:t,mobileLayout:a,colorMode:p,onSelect:S=>l(S.id),refetch:r}),[t,i,r,l,a,p]),g=b.useRef(null),h=b.useMemo(()=>a?u?.previewHeight??m:m,[u,m,a]),y=b.useRef(null);b.useEffect(()=>{y.current&&y.current.resetloadMoreItemsCache(true);},[o]),b.useEffect(()=>{let S=g.current;S&&(S.resetAfterRowIndex(0),S.resetAfterColumnIndex(0));},[d]);let x=b.useCallback(S=>typeof h=="function"?h(t[S]):h,[t,h]),v=b.useMemo(()=>ce(h),[h]);return t.length?v?b__default.default.createElement(si__default.default,{ref:y,isItemLoaded:n,itemCount:o??0,loadMoreItems:s},({onItemsRendered:S,ref:w})=>b__default.default.createElement(reactWindow.VariableSizeList,{height:e,width:c,itemSize:x,itemCount:o??0,itemData:f,style:{overflowX:"hidden"},itemKey:F=>t[F]?.id||`${F}`,onItemsRendered:F=>{S(F);},ref:w},Ge)):b__default.default.createElement(si__default.default,{ref:y,isItemLoaded:n,itemCount:o??0,loadMoreItems:s},({onItemsRendered:S,ref:w})=>b__default.default.createElement(reactWindow.FixedSizeList,{height:e,width:c,itemSize:h,itemCount:o??0,itemData:f,itemKey:F=>t[F]?.id||`${F}`,style:{overflowX:"hidden"},onItemsRendered:S,ref:w},Ge)):b__default.default.createElement(we,null)};var gc=({height:e,options:o})=>{let{list:t,onSelectItem:r,mobileLayout:n,query:s}=react$1.useDataList(),{data:{data:i},pageIndex:l}=react$1.usePaginatedList(),a=b.useRef(null),d=b.useRef(null),{width:m}=react$1.useFullSize(),{numCols:u,numRows:p,rowHeight:c,colWidth:f}=Ho(o,m),{colorMode:g}=react.useColorMode(),h=b.useMemo(()=>({list:t,items:i,numCols:u,onSelect:x=>r(x.id),mobileLayout:n,colorMode:g,grid:o}),[i,t,r,n,u,o,g]);b.useEffect(()=>{let x=a.current;x&&(x.resetAfterColumnIndex(0),x.resetAfterRowIndex(0));},[s]),b.useEffect(()=>{let x=a.current,v=d.current;x&&x.scrollTo({scrollLeft:0,scrollTop:0}),v&&v.scrollTo({scrollLeft:0,scrollTop:0});},[l,s]);let y=b.useMemo(()=>ce(o.rowHeight)||ce(o.columnWidth),[o]);return i.length?y?b__default.default.createElement(reactWindow.VariableSizeGrid,{ref:a,height:e,width:m,rowCount:p,columnCount:u,rowHeight:c,columnWidth:f,itemData:h,style:{overflowX:"hidden"}},Ne):b__default.default.createElement(reactWindow.FixedSizeGrid,{height:e,ref:d,width:m,rowCount:p,columnCount:u,rowHeight:c,columnWidth:f,itemData:h,style:{overflowX:"hidden"}},Ne):b__default.default.createElement(we,null)},hi=b.memo(gc);var Sc=({height:e})=>{let{list:o,onSelectItem:t,mobileLayout:r,query:n}=react$1.useDataList(),{data:{data:s},pageIndex:i}=react$1.usePaginatedList(),{width:l}=react$1.useFullSize(),{previewHeight:a,mobile:d}=o,m=b.useRef(null),u=b.useRef(null),{colorMode:p}=react.useColorMode(),c=b.useMemo(()=>({list:o,colorMode:p,items:s,onSelect:y=>t(y.id),mobileLayout:r}),[s,o,t,r,p]),f=b.useMemo(()=>r?d?.previewHeight??a:a,[d,a,r]);b.useEffect(()=>{let y=m.current;y&&y.resetAfterIndex(0);},[n]),b.useEffect(()=>{let y=m.current,x=u.current;y&&y.scrollTo(0),x&&x.scrollTo(0);},[n,i]);let g=b.useCallback(y=>typeof f=="function"?f(s[y]):f,[s,f]),h=b.useMemo(()=>ce(f),[f]);return s.length?h?b__default.default.createElement(reactWindow.FixedSizeList,{ref:u,height:e,width:l,itemSize:f,itemCount:s.length,itemData:c,style:{overflowX:"hidden"}},Ge):b__default.default.createElement(reactWindow.VariableSizeList,{ref:m,height:e,width:l,itemSize:g,itemCount:s.length,itemData:c,style:{overflowX:"hidden"}},Ge):b__default.default.createElement(we,null)},yi=b.memo(Sc);var wi=({height:e})=>{let{infiniteScroll:o,gridLayout:t,list:r}=react$1.useDataList(),{grid:n}=r;return t&&n?o?b__default.default.createElement(li,{options:n,height:e}):b__default.default.createElement(hi,{options:n,height:e}):o?b__default.default.createElement(mi,{height:e}):b__default.default.createElement(yi,{height:e})};var $o=({children:e,isOpen:o,contentProps:t,...r})=>{let n=react$1.useBackgroundColor(100);return b__default.default.createElement(react.Modal,{scrollBehavior:"inside",isCentered:true,isOpen:o,...r},b__default.default.createElement(react.ModalOverlay,null),b__default.default.createElement(react.ModalContent,{position:"relative",overflowY:"auto",bg:n,...t},b__default.default.createElement(react.Box,null,e)))};var vi=e=>{let{overlayRef:o}=react$1.useMobileFrame();return b__default.default.createElement(react.Portal,{containerRef:o},b__default.default.createElement(react.Flex,{justify:"center",align:"center",transition:"opacity 300ms",position:"absolute",left:0,top:0,height:"100%",width:"100%",...e}))};var Vc=({onClick:e})=>b__default.default.createElement(react.Flex,{onClick:e,w:"100%",h:"100%",position:"absolute",bg:"blackAlpha.400",transition:"opacity 300ms"}),Pi=({isOpen:e,onClose:o,children:t,contentProps:r,onContentMounted:n,closeOnOverlayClick:s})=>{let{height:i,width:l}=react$1.useMobileFrame(),a=react.useColorModeValue("gray.100","#454545"),[d,m]=b.useState(false),[u,p]=b.useState(false),c=b.useRef(null),f=b.useRef(null);return b.useEffect(()=>(c.current&&(clearTimeout(c.current),c.current=null),f.current&&(clearTimeout(f.current),f.current=null),e?(m(true),f.current=setTimeout(()=>{p(true),n&&n(true);},50)):(p(false),n&&n(false),c.current=setTimeout(()=>{m(false);},300)),()=>{c.current&&(clearTimeout(c.current),c.current=null),f.current&&(clearTimeout(f.current),f.current=null);}),[e,n]),d?b__default.default.createElement(vi,{opacity:u?1:0,pointerEvents:u?"auto":"none"},b__default.default.createElement(Vc,{onClick:s!==false?o:void 0}),b__default.default.createElement(react.Flex,{width:`${l-10}px`,maxH:`${i-10}px`,overflowY:"auto",overflowX:"hidden",minH:"100px",bg:a,borderRadius:6,position:"relative",...r},t)):null};var Ti=e=>{let o=react$1.useScreen(n=>n.isMobile),t=br(),r=b.useMemo(()=>o||t?Pi:$o,[o,t]);return b__default.default.createElement(r,{...e})};var ki=({field:e})=>{let{list:{baseQuery:o,itemName:t},newItemOpen:r,setNewItemOpen:n}=react$1.useDataList(),{adapter:{db:s}}=react$1.useBackendBase(),{refetch:i}=react$1.usePaginatedList(),l=b.useCallback(async a=>{await s.createItem(o.collection,a),n(false),i&&i();},[n,i,s,o]);return b__default.default.createElement($o,{isOpen:r,onClose:()=>n(false)},b__default.default.createElement(react.Flex,{align:"center",pt:3,px:3,w:"100%"},b__default.default.createElement(react.Text,{pl:1,opacity:.7,fontWeight:600},"NEW ",t.toUpperCase()),b__default.default.createElement(react.IconButton,{size:"sm",borderRadius:"full",ml:"auto",h:7,w:7,minW:0,onClick:()=>n(false),"aria-label":"Close",icon:b__default.default.createElement(icons.CloseIcon,{opacity:.8,w:3,h:3})})),b__default.default.createElement(Dt,{field:e,onSubmit:l}))};var Bi=({goNext:e,canGoNext:o,mobileLayout:t})=>b__default.default.createElement(react.Button,{opacity:o?1:.6,pointerEvents:o?"auto":"none",borderRadius:"full",onClick:e,"aria-label":"next",variant:"ghost",size:t?"xs":"sm",pl:3,pr:1,gap:1},b__default.default.createElement(react.Text,null,"Next"),b__default.default.createElement(icons.ChevronRightIcon,{w:5,h:5})),Ai=({goPrev:e,canGoPrev:o,mobileLayout:t})=>b__default.default.createElement(react.Button,{opacity:o?1:.5,pointerEvents:o?"auto":"none",onClick:e,borderRadius:"full","aria-label":"back",variant:"ghost",pr:3,pl:1,gap:1,size:t?"xs":"sm"},b__default.default.createElement(icons.ChevronLeftIcon,{w:5,h:5}),b__default.default.createElement(react.Text,null,"Back")),pf=({progressBg:e,borderColor:o})=>{let{data:{isLoading:t,error:r}}=react$1.usePaginatedList();return b__default.default.createElement(react.Box,{position:"absolute",bottom:"100%",w:"100%",left:0},b__default.default.createElement(react.Collapse,{style:{width:"100%"},in:!!r,animateOpacity:true},b__default.default.createElement(react.Box,{borderTopRadius:6,bg:"red.600",maxW:"100%",p:1},b__default.default.createElement(react.Tooltip,{placement:"top",hasArrow:true,label:r?.message??"","aria-label":"error"},b__default.default.createElement(react.Text,{textShadow:"1px 1px 3px #00000077",_dark:{textShadow:"none"},px:1,fontWeight:600,isTruncated:true,maxW:"100%",fontSize:"sm",color:"white"},r?.message)))),b__default.default.createElement(ee,{in:t,animateOpacity:true},b__default.default.createElement(react.Flex,{bg:e,borderTop:"1px solid",borderBottom:"1px solid",borderColor:o,w:"100%"},b__default.default.createElement(react.Progress,{borderRadius:0,w:"100%",height:"8px",isIndeterminate:t}))))},df=(e,o,t)=>Math.abs(e-o)<=1?2:e<3?o===0?2:0:e>t-4?o>t-3?2:4:e<o?1:3,jo=28,Uo=24,Oi=({index:e,isActive:o,onClick:t,borderColor:r,isLoading:n,mobileLayout:s})=>b__default.default.createElement(react.Button,{key:e,onClick:t,variant:"unstyled",display:"flex",border:"1px solid",borderColor:o?"transparent":r,justifyContent:"center",alignItems:"center",width:`${s?Uo:jo}px`,height:`${s?Uo:jo}px`,fontFamily:"fonts.heading",lineHeight:1,fontWeight:600,minW:"0",bg:o?"accent.400":"transparent",_hover:{bg:o?"accent.500":"whiteAlpha.500"},color:o?"white":r,textShadow:o?"1px 1px 3px #00000088":"none",size:"sm",disabled:n,"aria-label":`Go to page ${e+1}`},e+1),uf=({group:{indicators:e,collapsed:o},mobileLayout:t})=>{let{data:{isLoading:r},goToPage:n}=react$1.usePaginatedList(),s=G();return o?b__default.default.createElement(react.Popover,{trigger:"hover",gutter:1,variant:"fixed"},({onClose:i})=>b__default.default.createElement(b__default.default.Fragment,null,b__default.default.createElement(react.PopoverTrigger,null,b__default.default.createElement(react.IconButton,{variant:"unstyled",width:`${t?Uo:jo}px`,height:`${t?Uo:jo}px`,minW:"0",opacity:.7,_hover:{opacity:1},"aria-label":"more pages",icon:b__default.default.createElement(react.Text,{fontSize:"md",position:"relative",bottom:"2px"},"...")})),b__default.default.createElement(react.PopoverContent,{bg:"background.200",w:"auto",border:"1px solid",borderColor:s,boxShadow:"none"},b__default.default.createElement(react.PopoverBody,{w:"auto",maxW:"166px",p:.5},b__default.default.createElement(react.Flex,{align:"center",justify:"center",flexFlow:"row wrap"},e.map(({index:l,isActive:a})=>b__default.default.createElement(react.Box,{key:`ind-${l}`,m:.5},b__default.default.createElement(Oi,{mobileLayout:t,index:l,isActive:a,onClick:()=>{n(l),i();},borderColor:s,isLoading:r})))))))):b__default.default.createElement(b__default.default.Fragment,null,e.map(({index:i,isActive:l})=>b__default.default.createElement(Oi,{mobileLayout:t,key:i,index:i,isActive:l,onClick:()=>n(i),borderColor:s,isLoading:r})))},mf=()=>{let{pageIndex:e,numPages:o}=react$1.usePaginatedList(),{mobileLayout:t}=react$1.useDataList(),r=b.useMemo(()=>{let n=o??0;if(n<=9)return [{indicators:Array.from({length:n},(i,l)=>({index:l,isActive:l===e})),collapsed:false}];let s=Array.from({length:5},(i,l)=>({indicators:[],collapsed:l%2===1}));for(let i=0;i<n;i+=1){let l=df(i,e,n);s[l]||(s[l]={indicators:[],collapsed:l!==2}),s[l].indicators.push({index:i,isActive:i===e});}return s.filter(i=>i.indicators.length).map(i=>({...i,collapsed:i.collapsed&&i.indicators.length>1}))},[o,e]);return b__default.default.createElement(react.Flex,{gap:1,align:"center"},r.map((n,s)=>b__default.default.createElement(uf,{mobileLayout:t,key:`group-${s}`,group:n})))},Gt=120,Di=({onResize:e,flexProps:o,noFooter:t})=>{let r=react.useColorModeValue("#cdcdcd","#2d3748"),{list:n,mobileLayout:s,infiniteScroll:i,search:{search:l,debounced:a}}=react$1.useDataList(),{data:{data:d,isLoading:m},totalCount:u,pageIndex:p,limit:c,numFetched:f,goNext:g,goPrev:h,hasMoreData:y}=react$1.usePaginatedList(),{itemName:x,pluralItemName:v,searchRequired:S}=n,{itemsText:w,pageText:F}=b.useMemo(()=>m&&!i?{itemsText:s?"Loading...":"",pageText:""}:u===null?{itemsText:"Loading...",pageText:""}:u===0&&!m&&l===a?{itemsText:!l&&S?`Search ${v??core.toPlural(x)}`:`No ${v??core.toPlural(x)} found`,pageText:""}:{itemsText:`${i?1:(p||0)*c+1} - ${i?f:p*c+d.length} of ${u}`,pageText:`Page ${p+1} of ${c?Math.ceil((u??0)/c):0}`},[u,m,x,v,c,p,l,S,s,a,d,i,f]),B=b.useMemo(()=>!i&&h,[i,h]),O=b.useMemo(()=>!i&&g,[i,g]),A=react.useColorModeValue("#efefef","#212121"),M=b.useRef(null),E=b.useCallback(V=>{let U=V.borderBoxSize[0].blockSize,ge=V.borderBoxSize[0].inlineSize;e({height:U,width:ge});},[e]);return pr__default.default(M,E),b__default.default.createElement(react.Flex,{ref:M,py:t?0:2,px:t?0:3,borderTop:`1px solid ${r}`,position:"relative",flexFlow:s?"column":"row",gap:s?1:0,w:"100%",...o},t||s&&i?null:b__default.default.createElement(react.Flex,{align:"center",justify:s?"center":"space-between",position:"relative",w:"100%"},B&&!s?b__default.default.createElement(Ai,{goPrev:h,canGoPrev:!m&&!!p}):null,b__default.default.createElement(react.Flex,{gap:1,align:"center"},i?null:b__default.default.createElement(b__default.default.Fragment,null,s?null:b__default.default.createElement(react.Text,{fontFamily:"fonts.heading",whiteSpace:"nowrap",textAlign:"center",w:`${Gt}px`,fontSize:"sm"},F),b__default.default.createElement(mf,null)),s?null:b__default.default.createElement(react.Text,{fontFamily:"fonts.heading",textAlign:"center",w:s||i?"auto":`${Gt}px`,whiteSpace:"nowrap",fontSize:"sm"},w)),O&&!s?b__default.default.createElement(Bi,{goNext:g,canGoNext:!m&&y}):null),s&&!t?b__default.default.createElement(react.Flex,{gap:2,w:"100%",justify:"space-between",align:"center"},B?b__default.default.createElement(Ai,{mobileLayout:true,goPrev:h,canGoPrev:!!p}):null,b__default.default.createElement(react.Text,{fontFamily:"fonts.heading",textAlign:"center",w:s||i?"auto":`${Gt}px`,whiteSpace:"nowrap",fontSize:"sm"},w),O?b__default.default.createElement(Bi,{mobileLayout:true,goNext:g,canGoNext:y}):null):null,b__default.default.createElement(pf,{progressBg:A,borderColor:r}))};var Hi=({filter:e,filters:o,GroupRender:t,toggleFilter:r})=>{let{label:n,Render:s}=e,i=b.useMemo(()=>o.some(u=>ti(u,e)),[o,e]),{colorMode:l}=react.useColorMode(),a=G(),d=react.useColorModeValue("gray.700","gray.100"),m=s??t;return b__default.default.createElement(react.Box,{p:.5},b__default.default.createElement(react.Button,{onClick:()=>r(e),variant:"unstyled",color:i&&!m?"white":d,bg:i&&!m?"accent.400":"transparent",px:m?0:2,py:m?0:1,transition:"all 300ms",border:"none",boxShadow:`0px 0px 1px 1px ${i?"transparent":"#00000033"}`,w:"auto",_dark:{boxShadow:`0px 0px 1px 1px ${i?"transparent":"#ffffff66"}`},h:"auto",minW:"0",minH:"0",alignItems:"center",justifyContent:"center",borderColor:i?"transparent":a,size:"none"},m?b__default.default.createElement(m,{active:i,colorMode:l,preset:e}):b__default.default.createElement(react.Text,{textShadow:i?"0 0 3px rgba(0,0,0,0.8)":"none",fontSize:"xs"},n)))},Mf=({group:e,filters:o,toggleFilter:t})=>{let{label:r,filters:n}=e;return b__default.default.createElement(react.Flex,{px:1,flexFlow:"column",w:"100%"},b__default.default.createElement(react.Text,{px:1,opacity:.8,fontSize:"sm",fontWeight:600},r),b__default.default.createElement(react.Flex,{w:"100%",flexFlow:"row wrap"},n.map(s=>b__default.default.createElement(Hi,{toggleFilter:t,GroupRender:e.RenderFilter,filters:o,key:s.label,filter:s}))))},Xt=()=>{let{query:e,list:o,toggleFilter:t}=react$1.useDataList(),r=react$1.useScreen(l=>l.isMobile),{filters:n=[]}=e||{},{filterPresets:s}=o,i=G();return s?.length?b__default.default.createElement(react.HStack,{spacing:1},b__default.default.createElement(react.Popover,{placement:"right-start",trigger:r?"click":"hover",strategy:"fixed"},b__default.default.createElement(react.PopoverTrigger,null,b__default.default.createElement(react.IconButton,{size:"sm",variant:"ghost","aria-label":"Filters",icon:b__default.default.createElement(react.Image,{width:"24px",filter:`grayscale(${n.length?0:100}%)`,src:"/icons/tune.svg"})})),b__default.default.createElement(react.Portal,null,b__default.default.createElement(react.PopoverContent,{borderRadius:6,w:"auto"},b__default.default.createElement(react.PopoverBody,{w:"240px",p:0},b__default.default.createElement(react.Flex,{flexFlow:"column",w:"100%"},b__default.default.createElement(react.HStack,{py:1.5,px:2,w:"100%",spacing:1,borderBottom:`1px solid ${i}`},b__default.default.createElement(react.Image,{width:"18px",filter:"grayscale(100%)",src:"/icons/tune.svg"}),b__default.default.createElement(react.Text,{opacity:.8,fontSize:"sm",fontWeight:600},"FILTERS")),b__default.default.createElement(react.Flex,{justify:"center",w:"100%",flexFlow:"row wrap",py:1,px:2},s.map(l=>core.isFilterGroup(l)?b__default.default.createElement(Mf,{toggleFilter:t,filters:n,key:l.label,group:l}):b__default.default.createElement(Hi,{toggleFilter:t,filters:n,key:l.label,filter:l}))))),b__default.default.createElement(react.PopoverArrow,null),b__default.default.createElement(react.PopoverCloseButton,null))))):null};var Ef=({preset:e})=>{let{setSort:o,query:t}=react$1.useDataList(),{sort:r}=t,{label:n,key:s,Render:i}=e,l=b.useMemo(()=>r?.key===s?r.direction:null,[r,s]),{colorMode:a}=react.useColorMode(),d=b.useMemo(()=>l?"white":a==="light"?"gray.500":"gray.400",[l,a]),m=b.useMemo(()=>r?.direction==="asc"?b__default.default.createElement(icons.ArrowUpIcon,{w:4,h:4}):b__default.default.createElement(icons.ArrowDownIcon,{w:4,h:4}),[r]);return b__default.default.createElement(react.Button,{size:"xs",variant:"outline",bg:l?"accent.400":"transparent",transition:"all 300ms",textShadow:l?"0 0 2px rgba(0,0,0,0.7)":"none",boxShadow:`0px 0px 1px 1px ${l?"transparent":"#00000033"}`,border:"none",_dark:{boxShadow:`0px 0px 1px 1px ${l?"transparent":"#ffffff66"}`,color:d,textShadow:l?"0 0 2px rgba(0,0,0,0.7)":"none"},"aria-label":n,opacity:l?1:.8,height:6,pl:l?3:2,pr:2,_hover:{opacity:1},gap:0,color:d,onClick:()=>o({direction:l&&r?.direction==="asc"?"desc":"asc",key:s})},i?b__default.default.createElement(i,{active:l,colorMode:a,preset:e}):b__default.default.createElement(react.Text,{fontWeight:600,fontSize:"sm",color:d},n),b__default.default.createElement(tr,{active:!!l,h:"16px",width:20},m))},qt=()=>{let{list:{sortPresets:e}}=react$1.useDataList();return e?b__default.default.createElement(react.HStack,{spacing:2},e.map(o=>b__default.default.createElement(Ef,{key:o.label,preset:o}))):null};var Gi=()=>{let{list:e,search:{search:o,update:t}}=react$1.useDataList(),{searchIcon:r,itemName:n,pluralItemName:s}=e,i=react.useColorModeValue("invert(0)","invert(1)");return b__default.default.createElement(react.Flex,{p:1,flex:1,minW:"0"},b__default.default.createElement(react.InputGroup,null,b__default.default.createElement(react.InputLeftElement,{pointerEvents:"none"},r?b__default.default.createElement(react.Image,{filter:i,src:r,w:"24px"}):b__default.default.createElement(icons.SearchIcon,{w:"24px",opacity:.5})),b__default.default.createElement(react.Input,{bg:"whiteAlpha.700",pl:9,borderRadius:6,_focus:{boxShadow:"none",outline:"none"},border:"none",_dark:{bg:"blackAlpha.400",color:"#cdcdcd",_placeholder:{color:"#ababab"},border:"none"},value:o,placeholder:`Search for ${s??core.toPlural(n)}`,onChange:l=>t(l.target.value)})))},ji=({refetch:e})=>{let{list:o,setNewItemOpen:t}=react$1.useDataList(),r=react$1.useAuth(),{itemName:n,field:s,access:i}=o,l=b.useMemo(()=>core.getHasAccess(r,i?.create,null),[i,r]);return b__default.default.createElement(react.Flex,{gap:2,ml:"auto",align:"center"},e?b__default.default.createElement(react.Tooltip,{placement:"left",hasArrow:true,label:"Refresh","aria-label":"Refresh"},b__default.default.createElement(react.IconButton,{size:"xs",icon:b__default.default.createElement(icons.RepeatIcon,null),"aria-label":"Refresh",onClick:e})):null,s&&l?b__default.default.createElement(react.Tooltip,{placement:"left",hasArrow:true,label:`Create new ${n}`,"aria-label":`Create new ${n}`},b__default.default.createElement(react.IconButton,{size:"xs",icon:b__default.default.createElement(icons.AddIcon,null),"aria-label":`Create new ${n}`,onClick:()=>t(true)})):null)},Kf=[{id:"grid",label:"Grid View",Render:e=>b__default.default.createElement(react.Image,{w:5,opacity:e?1:.7,src:"/icons/grid_view.svg"})},{id:"list",label:"List View",Render:e=>b__default.default.createElement(react.Image,{w:6,opacity:e?1:.7,src:"/icons/list.svg"})}],Ui=()=>{let{toggleGridLayout:e,gridLayout:o}=react$1.useDataList();return e?b__default.default.createElement(Hr,{onChange:e,options:Kf,value:o?"grid":"list"}):null},Xi=({onResize:e,refetch:o,boxProps:t})=>{let{list:r,mobileLayout:n,toggleGridLayout:s}=react$1.useDataList(),{searchPath:i,sortPresets:l,filterPresets:a,Header:d}=r,m=G(),u=b.useRef(null),p=b.useCallback(f=>{e({height:f.contentRect.height,width:f.contentRect.width});},[e]),c=b.useMemo(()=>!!Object.keys(i??{}).length,[i]);return pr__default.default(u,p),b__default.default.createElement(react.Box,{ref:u,bg:"background.200",borderBottom:`1px solid ${m}`,w:"100%",...t},b__default.default.createElement(react.Flex,{px:2,align:"center",w:"100%"},l?.length||a?.length||c?b__default.default.createElement(react.Flex,{w:"100%",flexFlow:n?"column":"row"},n&&!d?null:b__default.default.createElement(react.Flex,{flex:1,px:2,py:n?0:1,gap:1,align:"center"},n?null:b__default.default.createElement(react.Flex,{flex:1,minW:"0",align:"center",gap:2},s?b__default.default.createElement(Ui,null):null,b__default.default.createElement(Xt,null),b__default.default.createElement(qt,null),c?b__default.default.createElement(Gi,null):null),b__default.default.createElement(react.Flex,{align:"center",minW:"0",gap:3,ml:"auto"},d?b__default.default.createElement(react.Box,{minW:"0",flex:1},b__default.default.createElement(d,null)):null,n?null:b__default.default.createElement(ji,{refetch:o}))),c&&n?b__default.default.createElement(Gi,null):null,n&&(l?.length||a?.length)?b__default.default.createElement(react.Flex,{pl:1,py:1,gap:1.5,align:"center",w:"100%"},s?b__default.default.createElement(Ui,null):null,b__default.default.createElement(Xt,null),b__default.default.createElement(qt,null),b__default.default.createElement(ji,{refetch:o})):null):null))};var qi=()=>{let{selectedItemId:e,deselectItem:o,list:t}=react$1.useDataList(),{ItemView:r,itemName:n}=t||{},[s,i]=b.useState({x:0,y:0}),{data:{data:l}}=react$1.usePaginatedList(),a=b.useMemo(()=>l.find(c=>c.id===e)??null,[l,e]),{colorMode:d}=react.useColorMode(),m=react.useColorModeValue("red.600","red.300"),[u,p]=b.useState(null);return b.useEffect(()=>{a&&p(a);},[a]),b__default.default.createElement(Ti,{contentProps:{p:0,transition:"all 300ms",transform:`translate(${s.x}px, ${s.y}px)`},scrollBehavior:"inside",onClose:o,isOpen:!!r&&!!e},r&&u?b__default.default.createElement(r,{item:u,colorMode:d,clearContentOffset:()=>i({x:0,y:0}),updateContentOffset:(c,f)=>i({x:c,y:f})}):b__default.default.createElement(react.Text,{color:m,p:4},"Error displaying ",n))};var Zi=({modals:e,noFooter:o,headerProps:t,footerProps:r})=>{let{data:{isLoading:n,data:s}}=react$1.usePaginatedList(),{list:i}=react$1.useDataList(),{height:l}=react$1.useFullSize(),[a,d]=b.useState(0),[m,u]=b.useState(0),p=b.useMemo(()=>l-a-m,[l,a,m]),c=b.useCallback(y=>{d(y.height);},[]),f=b.useCallback(y=>{u(y.height);},[]),{ItemView:g,field:h}=i;return b__default.default.createElement(b__default.default.Fragment,null,b__default.default.createElement(Xi,{boxProps:t,onResize:c}),b__default.default.createElement(react.Box,{h:`${p}px`,position:"relative",w:"100%"},b__default.default.createElement(wi,{height:p}),o?b__default.default.createElement(ze,{isLoading:!s.length&&n}):null),b__default.default.createElement(Di,{noFooter:o,flexProps:r,onResize:f}),e??null,g?b__default.default.createElement(qi,null):null,h?b__default.default.createElement(ki,{field:h}):null)};var nP=({list:e,flexProps:o,infiniteScroll:t,...r})=>{let{adapter:{db:n}}=react$1.useBackendBase(),{baseQuery:s}=e,i=react$1.useDataListData(e,t),l=react$1.usePaginatedQuery(n,s,!!t);return b__default.default.createElement(react$1.PaginatedListProvider,{state:i,data:l},b__default.default.createElement(ei,{...o},b__default.default.createElement(Zi,{...r})))};var lP=({value:e,duration:o=30})=>{let t=b.useRef(null),r=b.useRef(e),n=b.useRef(null);return b.useEffect(()=>(n.current=setInterval(()=>{if(t.current){if(r.current===e&&n.current)return clearInterval(n.current);r.current<e?(r.current+=1,t.current.innerText=r.current.toString()):r.current>e&&(r.current-=1,t.current.innerText=r.current.toString());}return ()=>{}},o),()=>{n.current&&clearInterval(n.current);}),[e,o]),b__default.default.createElement("span",{ref:t},e)};var w0=()=>{let{colorMode:e,toggleColorMode:o}=react.useColorMode(),t=react.useColorModeValue("gray.200","whiteAlpha.200"),r=react.useColorModeValue("blackAlpha.700","whiteAlpha.800"),n=react.useColorModeValue("gray.300","whiteAlpha.300"),s=react.useColorModeValue("gray.800","whiteAlpha.800");return b__default.default.createElement(react.IconButton,{"aria-label":"Toggle dark mode",bg:t,color:r,borderRadius:"full",_hover:{bg:n,color:s},w:8,h:8,minW:0,icon:e==="light"?b__default.default.createElement(icons.SunIcon,{w:4,h:4}):b__default.default.createElement(icons.MoonIcon,{w:4,h:4,filter:"drop-shadow(1px 1px 2px #000000aa)"}),onClick:o,variant:"ghost"})},cP=e=>b__default.default.createElement(react.Flex,{position:"absolute",bottom:3,right:3,...e},b__default.default.createElement(w0,null));var {definePartsStyle:I0,defineMultiStyleConfig:P0}=react.createMultiStyleConfigHelpers(anatomy.switchAnatomy.keys),T0=I0({track:{_focusVisible:{boxShadow:"none"}}}),k0=P0({baseStyle:T0}),Ko=themeTools.cssVar("popper-arrow-bg"),Ri="Encode Sans",es="Noto Sans",yP=react.extendTheme({semanticTokens:{colors:{background:{50:{default:"white",_dark:core.palette.gray.darker},100:{default:"gray.100",_dark:core.palette.gray.dark},200:{default:"#efefef",_dark:core.palette.gray.medium}},accent:{50:{default:"blue.50",_dark:"blue.900"},100:{default:"blue.100",_dark:"blue.800"},200:{default:"blue.200",_dark:"blue.700"},300:{default:"blue.300",_dark:"blue.600"},400:{default:"blue.400",_dark:"blue.500"},500:{default:"blue.500",_dark:"blue.400"},600:{default:"blue.600",_dark:"blue.300"},700:{default:"blue.700",_dark:"blue.200"},800:{default:"blue.800",_dark:"blue.100"},900:{default:"blue.900",_dark:"blue.50"}},error:{default:"red.500",_dark:"red.300"}},fonts:{body:es,heading:Ri}},components:{Badge:{baseStyle:{bg:"#9a9a9a",textShadow:"none",color:"white",boxShadow:"1px 1px 3px #00000077",_dark:{bg:"#555555",textShadow:"1px 1px 2px #00000077",color:"#efefef"}}},Tooltip:{baseStyle:{bg:"#ababab",textShadow:"0 0 3px rgba(0,0,0,0.5)",color:"white",[Ko.variable]:"#ababab",_dark:{bg:"#777777",textShadow:"none",color:"#efefef",[Ko.variable]:"#777777"}}},Button:{baseStyle:{fontFamily:Ri,fontWeight:500,_focus:{boxShadow:"none"}},variants:{link:{color:"#444",_dark:{color:"rgba(230,230,255,0.9)"}},ghost:{_hover:{bg:"blackAlpha.500"}},solid:{textShadow:"1px 1px 3px #00000077",bg:"blackAlpha.400",color:"whiteAlpha.800",_hover:{bg:"blackAlpha.500"},_dark:{bg:"whiteAlpha.300",color:"whiteAlpha.800",_hover:{bg:"whiteAlpha.400"}}},outline:{border:"1px solid",borderColor:"#ababab",color:"#656565",_hover:{bg:"blackAlpha.100"},_dark:{border:"1px solid #999",color:"#999",_hover:{bg:"whiteAlpha.300"}}}}},Tabs:{baseStyle:{tab:{_focus:{boxShadow:"none"}}}},Text:{baseStyle:{fontFamily:es}},Popover:{baseStyle:{root:{_focus:{boxShadow:"none"}},content:{bg:"background.100",border:"none",boxShadow:"0 0 4px rgba(0,0,0,0.5)",[Ko.variable]:"background.100",_dark:{bg:"background.100",[Ko.variable]:"background.100"}}}},Checkbox:{baseStyle:{control:{_focus:{boxShadow:"none"},border:"2px solid #ababab",borderColor:"#ababab",_checked:{bg:"#666666",color:"#efefef",border:"none"},_hover:{bg:"#555",border:"none"},_dark:{_checked:{bg:"#efefef",color:"#444444",border:"none"},_hover:{bg:"#555",border:"none"}}},label:{color:"#888",_dark:{color:"#999999"},_checked:{color:"#444444",_dark:{color:"#cdcdcd"}}}},variants:{noBox:{control:{bg:"transparent",_hover:{bg:"none"}}}}},Modal:{baseStyle:{dialog:{bg:"background.100",boxShadow:"0 0 6px rgba(0,0,0,0.5)",_dark:{bg:"background.100"}}}},Input:{baseStyle:{field:{_focus:{boxShadow:"none",outline:"none",border:"1px solid #bcbcbc"}}},variants:{text:{field:{borderRadius:6,border:"1px solid #dedede",_focus:{boxShadow:"none",borderColor:"#bcbcbc"},_active:{boxShadow:"none"},_placeholder:{color:"#777"},_dark:{border:"1px solid #777",_focus:{borderColor:"#999",boxShadow:"none"},_placeholder:{color:"#777"}}}}},defaultProps:{variant:"text"}},Switch:k0,Menu:{baseStyle:{list:{bg:"background.100",border:"none",boxShadow:"0 0 6px rgba(0,0,0,0.5)",_dark:{bg:"background.100"}},item:{_hover:{bg:"rgba(0,0,0,0.3)"},_focus:{bg:"rgba(0,0,0,0.2)"}}}},Progress:{baseStyle:{track:{bg:"blackAlpha.300",borderRadius:"full",_dark:{bg:"whiteAlpha.300"}},filledTrack:{bg:"blackAlpha.400",_dark:{bg:"whiteAlpha.500"}}}}}});var vP=()=>{if(typeof window<"u"){let e=()=>{let o=window.innerWidth,t=window.innerHeight;react$1.useScreen.setState({width:o,height:t,isMobile:o<769,isPortrait:o<t}),window.addEventListener("resize",e);};return e(),()=>{window.removeEventListener("resize",e);}}return ()=>{}};exports.AbsoluteDarkModeToggle=cP;exports.AbsoluteLogin=O0;exports.CircularProgress=ho;exports.CollapseHorizontal=tr;exports.ContentBox=Oe;exports.DarkModeToggle=w0;exports.DataList=nP;exports.DataView=Am;exports.DefaultModal=Ti;exports.DeleteButton=Vr;exports.DeleteConfirmAlert=Al;exports.DesktopModal=$o;exports.Editable=Kn;exports.ErrorView=wr;exports.ExpandOnMount=ee;exports.Expandable=Ro;exports.FieldForm=Om;exports.FieldMapForm=Zn;exports.FieldView=ro;exports.FileView=Lo;exports.Form=Dt;exports.FormElement=zt;exports.FullSizeContainer=yg;exports.FullSizeProvider=mr;exports.ImageViewOverlay=jr;exports.ListContainer=ei;exports.ListContent=Zi;exports.ListFieldInput=Lm;exports.Loading=Pe;exports.LoadingImage=qr;exports.LoadingLogo=Ie;exports.LoadingOverlay=ze;exports.LoadingSwitch=mx;exports.LottieLoadingLogo=Ir;exports.MediaFeed=ob;exports.MobileFrame=Lh;exports.MobileModal=Pi;exports.MobileOverlay=vi;exports.MobileOverlayBackground=Vc;exports.NAV_BAR_HEIGHT=tt;exports.NavBar=yr;exports.NumberTicker=lP;exports.PlayButton=Cn;exports.RedirectView=Mr;exports.SignIn=ss;exports.StandaloneInput=Xn;exports.Toggle=Hr;exports.ViewButton=rr;exports.ViewsContext=cr;exports.ViewsProvider=fr;exports.baseTheme=yP;exports.bodyFont=es;exports.headingFont=Ri;exports.initializeScreen=vP;exports.switchTheme=k0;exports.useBorderColor=G;exports.useMediaFeed=Nl;exports.useViews=fo;//# sourceMappingURL=index.cjs.map
6
+ `,fontSize:"md",type:"time",placeholder:e.placeholder,...o,value:o.value??""})));Ke.displayName="TimeInput";var Bp=e=>{if(!e)return {date:void 0,time:void 0};let o=new Date(e);return {date:wt(o),time:o.toTimeString().substring(0,5)}},vt=b.forwardRef(({input:{value:e,onBlur:o,onChange:t,onFocus:r}},n)=>{let[{date:s,time:i},l]=b.useState(Bp(e)),[a,d]=b.useState(null),m=b.useCallback((p,c)=>{p==="date"?(l({date:c,time:i}),c&&i&&t(new Date(`${c}T${i}`).getTime())):(l({time:c,date:s}),c&&s&&t(new Date(`${s}T${c}:00.000`).getTime()));},[s,i,t]);b.useImperativeHandle(n,()=>({focus:()=>{},blur:()=>{}}));let u=b.useMemo(()=>({active:a==="date",error:void 0,touched:false}),[a]);return b__default.default.createElement(react.HStack,{w:"100%"},b__default.default.createElement(qe,{field:{_type:"date",placeholder:"Date"},input:{value:s,onChange:p=>{m("date",p);},onBlur:()=>{d(null),o();},onFocus:()=>{d("date"),r();}},meta:u}),b__default.default.createElement(Ke,{field:{_type:"time",placeholder:"Time"},input:{value:i,onChange:p=>m("time",p.target.value),onBlur:()=>{d(null),o();},onFocus:()=>{d("time"),r();}},meta:u}))});vt.displayName="DateTimeInput";var Je=zustand.create(()=>({isPlaying:false,media:null,isLoading:false,fetchingMedia:null,shuffle:false,playlist:null,volume:.5,repeat:false,api:{pause:()=>{},play:()=>{},canGoNext:false,canGoPrev:false,goNext:()=>{},goPrev:()=>{},seek:()=>{},sound:null,trackProgress:new framerMotion.MotionValue(0),setMedia:()=>{},stop:()=>{},loop:()=>{}}})),wn=()=>{let{media:e,playlist:o}=Je();return b.useMemo(()=>o?o.currentId!==null?o.items.find(t=>t.id===o.currentId)??null:null:e,[o,e])};var vn=({media:e,size:o=50,opacity:t=.8,buttonProps:r})=>{let{id:n}=e??{},{playlist:s}=react$1.usePlaylist(),i=Je(p=>p.api),l=Je(p=>p.isPlaying),a=Je(p=>p.isLoading),d=wn(),m=l&&d?.id===n,u=a&&d?.id===n;return b__default.default.createElement(react.IconButton,{boxShadow:"md",p:1,height:`${o}px`,width:`${o}px`,minW:"0",minH:"0",borderRadius:"full",isLoading:u,"aria-label":"play/pause",onClick:p=>{p.stopPropagation(),e&&(d?.id===n?l?i.pause():i.play():s?i.setMedia({playlist:{...s,currentId:n??null}}):i.setMedia({media:e}));},style:{background:"#eee"},...r,icon:b__default.default.createElement(react.Center,{borderRadius:"full",height:`${o}px`,width:`${o}px`},b__default.default.createElement(react.Image,{opacity:m?t:0,width:"100%",transition:"all 0.2s ease-in-out",src:"/svg/pause.svg",filter:"invert(100%) drop-shadow(0 0 4px black)",transform:`scale(${m?.8:1})`}),b__default.default.createElement(react.Image,{position:"absolute",width:"100%",opacity:m?0:t,transition:"all 0.2s ease-in-out",filter:"invert(100%) drop-shadow(0 0 3px black)",src:"/svg/play.svg",transform:`scale(${m?1:.8})`}))})};var Qp=e=>{if(!e.accept)return;let o=[];return e.accept.includes("image")&&o.push("image/jpg","image/jpeg","image/png","image/svg","image/gif"),e.accept.includes("pdf")&&o.push("application/pdf"),e.accept.includes("audio")&&o.push("audio/mp3","audio/wav","audio/x-wav","audio/webm","audio/ogg"),o.join(",")},qp=({hasUpload:e,value:o,noLabel:t})=>{let r=b.useMemo(()=>({id:core.generateId(),title:o.filename||"Uploaded file",artistName:"",artistId:"",storageDir:"",producerId:"",songwriterId:""}),[o]);return b__default.default.createElement(react.VStack,null,b__default.default.createElement(react.HStack,{spacing:4},b__default.default.createElement(vn,{withThumbnail:true,media:r}),e?b__default.default.createElement(react.IconButton,{w:"40px",h:"40px",p:2,borderRadius:"full",boxShadow:"0 0 4px black","aria-label":"upload",icon:b__default.default.createElement(react.Image,{filter:"invert(100%)",src:"/svg/upload.svg",opacity:.8})}):null),!t&&o.filename?b__default.default.createElement(react.Text,{fontSize:"md"},o.filename||"Uploaded file"):null)},Kp=({value:e,options:o,hasUpload:t,loading:r})=>{let[n,s]=b.useState(false),{url:i,loading:l}=react$1.useObjectUrl(e),[a,d]=b.useState({width:0,height:0}),{shape:m,placeholder:u,objectFit:p,withFullView:c,background:f}=o??{},{src:g,opacity:h,scale:y}=u??{},x=react$1.useImageSize(o,a),{width:v,height:S}=x??{},w=b.useMemo(()=>n?i?1:h??.8:0,[n,i,h]),F=b.useMemo(()=>i?{objectFit:p??(n&&m?"cover":"contain"),onLoad:M=>{s(true),d({width:M.currentTarget.naturalWidth,height:M.currentTarget.naturalHeight});}}:{width:x?`${x.width*(y??.9)}px`:"auto",height:x?`${x.height*(y??.9)}px`:"80px"},[i,x,y,n,m,p]),D=!!r||l,A=typeof v=="number"?`${v}px`:"auto",B=typeof S=="number"?`${S}px`:"100px";return b__default.default.createElement(qr,{width:A,height:B,withFullView:!t||c,overflow:"hidden",borderRadius:m==="circle"?"full":4,boxShadow:m?"1px 1px 3px #00000066":"none",opacity:w,background:f,transition:"opacity 333ms ease",loadingOverride:D,imageProps:F,src:i??g})},Jp={txt:"/icons/description.svg",pdf:"/icons/pdf.svg",zip:"/icons/zip.svg","7z":"/icons/zip.svg",rar:"/icons/zip.svg"},Zp=({value:e})=>{let o=b.useMemo(()=>{if(!e)return "";let n=e.filename.split(".");return n[n.length-1]},[e]),t=Jp[o],r=react.useColorModeValue("invert(0)","invert(1)");return t?b__default.default.createElement(react.Image,{filter:o!=="pdf"?r:"none",h:"24px",src:t}):null},Rp=({value:e,noLabel:o,imageOptions:t,loading:r,hasUpload:n})=>{switch(b.useMemo(()=>e.type?.split("/")?.[0],[e])){case "image":return b__default.default.createElement(Kp,{hasUpload:n,loading:r,options:t,value:e});case "audio":return b__default.default.createElement(qp,{noLabel:o,value:e,hasUpload:n});case "pdf":return b__default.default.createElement(react.Image,{src:"/icons/pdf.svg"});default:return b__default.default.createElement(react.Flex,{gap:2},b__default.default.createElement(Zp,{value:e}),b__default.default.createElement(react.Text,null,e.filename))}},ed=({hasUpload:e,imageOptions:o})=>{let t=react$1.useImageSize(o),{shape:r,placeholder:n}=o??{},{src:s,scale:i,opacity:l}=n??{},{width:a,height:d}=t??{},m=react.useColorModeValue("invert(0)","invert(1)"),u=react.useColorModeValue("whiteAlpha.500","whiteAlpha.100"),p=G(),c=o?b__default.default.createElement(react.Center,{height:r?`${d}px`:"auto",width:r?`${a}px`:"auto",bg:r?u:"transparent",borderRadius:r==="circle"?"full":4,overflow:"hidden",boxShadow:r?"1px 1px 4px #00000055":"none"},b__default.default.createElement(react.Image,{filter:m,opacity:l,height:typeof d=="number"?`${d*(i??.6)}px`:"50px",src:s??"/icons/image.svg"})):b__default.default.createElement(react.Text,{border:"1px dashed",borderColor:p,p:3,fontSize:"sm",textAlign:"center",w:"100%",opacity:.8},e?"Click to upload or drop file here":"No file uploaded");return b__default.default.createElement(react.Center,{width:typeof a=="number"?`${a}px`:"auto",height:typeof d=="number"?`${d}px`:"auto"},c)},Lo=({value:e,hasUpload:o,noLabel:t,loading:r,imageOptions:n})=>{let{storagePath:s,dataUrl:i}=e??{},l=b.useMemo(()=>!i&&!s,[i,s]);return !e||l?b__default.default.createElement(ed,{hasUpload:o,imageOptions:n}):b__default.default.createElement(Rp,{loading:r,imageOptions:n,noLabel:t,hasUpload:o,value:e})},St=b.forwardRef(({input:{value:e,onChange:o},field:t},r)=>{let{imageOptions:n}=t||{},s=b.useRef(null),i=b.useCallback(d=>{let m=d.target.files?.[0];m&&(e?.dataUrl&&URL.revokeObjectURL(e.dataUrl),o({...e,dataUrl:URL.createObjectURL(m),type:m.type,filename:m.name}));},[o,e]);b.useImperativeHandle(r,()=>({focus:()=>{s.current?.click();},blur:()=>{s.current?.blur();}}));let l=b.useMemo(()=>t.accept&&t.accept.length===1&&t.accept[0]==="image",[t]),a=b.useMemo(()=>l||e?.type?.startsWith("image/")||e?.type?.startsWith("video/")?{height:120,...n,objectFit:"contain"}:void 0,[n,l,e]);return b__default.default.createElement(react.Center,{flexFlow:"column",position:"relative",cursor:"pointer",onClick:()=>s.current?.click(),width:"100%"},b__default.default.createElement(react.Text,{fontSize:"sm",opacity:.8,mb:1},t.placeholder),b__default.default.createElement(react.Center,{width:"100%",position:"relative",p:2,overflow:"hidden"},b__default.default.createElement(Lo,{hasUpload:true,imageOptions:a,value:e}),b__default.default.createElement("input",{onChange:i,ref:s,accept:Qp(t),type:"file",style:{position:"absolute",pointerEvents:"none",height:.1,width:.1,opacity:0}})))});St.displayName="FileComponent";var Y={input:{width:"100%",fontSize:"16px",outline:"none"},inputXSmall:{padding:"4px 6px",borderRadius:"3px"},inputSmall:{padding:"6px 9px",borderRadius:"4px"},inputMedium:{padding:"8px 12px",borderRadius:"6px"},inputLarge:{padding:"10px 14px",borderRadius:"8px"},inputTextSmall:{fontSize:"14px"},inputTextMedium:{fontSize:"16px"},inputTextLarge:{fontSize:"18px"},buttonContainer:{display:"flex",flexDirection:"row",alignItems:"center"},buttonContainerSmall:{gap:"6px"},buttonContainerMedium:{gap:"8px"},buttonContainerLarge:{gap:"10px"}},nd={sm:16,md:20,lg:24},id={sm:12,md:14,lg:16},sd={sm:Y.inputSmall,md:Y.inputMedium,lg:Y.inputLarge},ld={sm:Y.inputXSmall,md:Y.inputSmall,lg:Y.inputMedium},ad={sm:Y.inputTextSmall,md:Y.inputTextMedium,lg:Y.inputTextLarge},pd={sm:Y.buttonContainerSmall,md:Y.buttonContainerMedium,lg:Y.buttonContainerLarge},K=(e,o,t="md")=>{let r=react$1.useBackgroundColor(150),n=b.useMemo(()=>e?"transparent":r,[e,r]),s=react$1.useTextColor(),i=o??t;return {text:{...ad[i],color:s},container:{...Y.input,...e?ld[i]:sd[i],backgroundColor:n},size:i,iconSize:nd[i],clearButtonSize:id[i],buttonContainer:{...Y.buttonContainer,...pd[i]}}};var It=(e,o)=>t=>{let{renderOption:r}=e;return typeof r=="function"?b__default.default.createElement(r,{...t}):b__default.default.createElement(react.Text,{style:o},t.option.label)},Tn=b.forwardRef(({field:e,input:o,inEditable:t,formSize:r},n)=>{let{options:s,renderOption:i}=e,{onChange:l,value:a,onFocus:d,onBlur:m}=o,{text:u,size:p}=K(t,e.size,r),{colorMode:c}=react.useColorMode();b.useImperativeHandle(n,()=>({focus:()=>{d();},blur:()=>{m();}}));let f=b.useMemo(()=>It(e,u),[e,u]),g=b__default.default.createElement(react.Flex,{w:"100%",flexFlow:"row wrap"},s.map(h=>b__default.default.createElement(react.Box,{key:h.value,p:.5},b__default.default.createElement(react.Button,{w:"100%",minH:0,size:"xs",p:0,opacity:a?.includes(h.value)?1:.7,variant:"unstyled",onClick:y=>{y.stopPropagation(),l(a?.includes(h.value)?a.filter(x=>x!==h.value):[...a??[],h.value]);},_hover:{opacity:.8}},b__default.default.createElement(f,{value:h.value,size:p,option:h,colorMode:c,isSelected:true})))));return t?b__default.default.createElement(react.Flex,{py:.5,flexFlow:"column",w:"100%"},b__default.default.createElement(react.Text,{lineHeight:1,px:2,opacity:.8,fontSize:"sm",fontWeight:600},e.placeholder),g):g});var _e=({children:e,style:o})=>b__default.default.createElement(react.Flex,{width:"100%",borderRadius:4,style:o},e);var Pt=b.forwardRef(({input:{onChange:e,value:o,...t},field:r,formSize:n,prefix:s,inEditable:i,...l},a)=>{let{type:d,defaultValue:m,placeholder:u,size:p}=r,c=react.useColorModeValue("number-input","number-input-dark"),{container:f,text:g}=K(i,p,n),h=vo(a),[y,x]=b.useState(""),v=typeof o=="number"&&!Number.isNaN(o)?`${o}${y}`:"",S=d==="slider"?b__default.default.createElement(Fo,{label:u,onChange:e,value:o,defaultValue:m}):b__default.default.createElement(vd__default.default,{className:c,placeholder:r.placeholder,decimalsLimit:r.precision,allowDecimals:!!r.precision,prefix:s,ref:h,onValueChange:(w,F,D)=>{w?.endsWith(".")?x("."):w?.includes(".")&&w?.endsWith("0")?x("0"):x(""),e(D?.float);},value:v,...l,style:{background:"none",resize:"none",fontFamily:"Encode Sans",boxSizing:"border-box",opacity:o?1:.7,width:"100%",borderRadius:"4px",border:"none",outline:"none",...g,...l.style},...t});return b__default.default.createElement(_e,{style:f},S)}),Fd=({field:e,...o},t)=>{let r=b.useRef(null);return b.useImperativeHandle(t,()=>({focus:()=>{r.current?.focus();},blur:()=>{r.current?.blur();}})),b__default.default.createElement(Pt,{prefix:"$",field:{...e,_type:"number"},...o})},Mn=b.forwardRef(Fd);var Bn=({value:e,field:o})=>{let t=b.useMemo(()=>{if(e===""||e===void 0||e===null)return 1;switch(o._type){case "text":case "number":case "select":case "date":case "time":case "datetime":return -1;default:return 1}},[e,o]);return b__default.default.createElement(react.Flex,{transition:"top 300ms",top:t,position:"absolute",right:3},b__default.default.createElement(react.Text,{fontSize:"xs",opacity:.6},"OPTIONAL"))};var zn=b.forwardRef(({field:e,input:o,meta:t,inEditable:r,formSize:n},s)=>{let{placeholder:i,options:l,renderOption:a}=e,{onChange:d,value:m,onFocus:u,onBlur:p}=o,{text:c,size:f,container:g}=K(r,e.size,n),{active:h}=t,y=b.useMemo(()=>m&&l.find(F=>F.value===m),[m,l]),{colorMode:x}=react.useColorMode();b.useImperativeHandle(s,()=>({focus:()=>{u();},blur:()=>{p();}}));let v=react$1.useBackgroundColor(150),w=a??(F=>b__default.default.createElement(react.Text,{style:c},F.option.label));return b__default.default.createElement(react.Popover,{strategy:"fixed",placement:"bottom",matchWidth:true,isOpen:h,onClose:p},b__default.default.createElement(react.PopoverTrigger,null,b__default.default.createElement(react.Button,{w:"100%",onClick:F=>{F.stopPropagation(),u();},variant:"unstyled",position:"relative"},b__default.default.createElement(_e,{style:g},y?b__default.default.createElement(w,{size:f,value:y.value,option:y,colorMode:x,isSelected:true}):b__default.default.createElement(react.Text,{fontWeight:400,style:c,opacity:.6},i)))),b__default.default.createElement(react.PopoverContent,{w:"100%",overflowY:"auto",maxH:"300px",bg:v,border:"none",boxShadow:"0 0 8px rgba(0, 0, 0, 0.3)"},b__default.default.createElement(react.PopoverBody,{p:0},l.map(F=>b__default.default.createElement(react.Button,{key:F.value,w:"100%",variant:"unstyled",onClick:D=>{D.stopPropagation(),d(F.value),p();},display:"flex",justifyContent:"flex-start",alignItems:"center",px:3,_hover:{bg:"blackAlpha.100"},_dark:{_hover:{bg:"whiteAlpha.100"}}},b__default.default.createElement(w,{value:F.value,option:F,size:f,colorMode:x,isSelected:F.value===m}))))))});var qd="/icons/facebook.svg",Kd="/icons/instagram.svg",Jd="/icons/soundcloud.svg",Zd="/icons/twitter.svg",Rd="/icons/youtube.svg",eu={facebook:qd,instagram:Kd,twitter:Zd,youtube:Rd,soundcloud:Jd},Ze=({site:e,value:o,onChange:t})=>{let{handle:r,error:n}=b.useMemo(()=>{try{return {handle:core.getHandle(e,o)}}catch(i){return {error:i?.message??"Error parsing handle"}}},[o,e]),s=b.useMemo(()=>r?`${e.toUpperCase()}: ${r}`:e.toUpperCase(),[e,r]);return b__default.default.createElement(react.Popover,{trigger:"hover"},b__default.default.createElement(react.PopoverTrigger,null,b__default.default.createElement(react.Center,{opacity:r?1:.6,borderRadius:"full",width:"34px",height:"34px"},b__default.default.createElement(react.Image,{cursor:"pointer",filter:`grayscale(${r?0:100}%)`,height:"24px",width:"24px",objectFit:"contain",src:eu[e]}))),b__default.default.createElement(react.PopoverContent,{w:"auto"},b__default.default.createElement(react.PopoverBody,{overflow:"hidden",borderRadius:4,p:0,w:"auto"},b__default.default.createElement(react.VStack,{spacing:0,p:2,w:"300px",align:"flex-start"},b__default.default.createElement(react.Text,{fontSize:"md"},s),b__default.default.createElement(react.Collapse,{in:!!n,style:{width:"100%"}},b__default.default.createElement(react.Text,{px:1,bg:"red.500",fontSize:"sm",color:"white"},n)),b__default.default.createElement(react.Input,{onChange:i=>t(i.target.value),placeholder:"Handle or URL",width:"100%",value:o,size:"md"})))))},Mt=b.forwardRef((e,o)=>{let{input:{value:t,onChange:r},field:{sites:n}}=e,s=b.useCallback((i,l)=>{let{[i]:a,...d}=t??{};!l&&Object.keys(d).length===0&&r({target:{value:void 0}}),l||r(d),r({...d,[i]:l});},[r,t]);return b.useImperativeHandle(o,()=>({blur:()=>{},focus:()=>{}})),b__default.default.createElement(react.VStack,{w:"100%",p:1},b__default.default.createElement(react.VStack,{borderRadius:4,p:2,spacing:0,w:"100%"},b__default.default.createElement(react.Text,{fontSize:"md"},"Links"),b__default.default.createElement(react.HStack,null,!n||n.facebook?b__default.default.createElement(Ze,{onChange:i=>s("facebook",i),site:"facebook",value:t?.facebook}):null,!n||n.instagram?b__default.default.createElement(Ze,{onChange:i=>s("instagram",i),site:"instagram",value:t?.instagram}):null,!n||n.twitter?b__default.default.createElement(Ze,{onChange:i=>s("twitter",i),site:"twitter",value:t?.twitter}):null,!n||n.youtube?b__default.default.createElement(Ze,{onChange:i=>s("youtube",i),site:"youtube",value:t?.youtube}):null,!n||n.soundcloud?b__default.default.createElement(Ze,{onChange:i=>s("soundcloud",i),site:"soundcloud",value:t?.soundcloud}):null)))});Mt.displayName="SocialMediaComponent";var Lt=b.forwardRef(({input:e,field:o,inEditable:t},r)=>{let n=react$1.useTextColor(),s=b.useRef(null);return b.useImperativeHandle(r,()=>({focus:()=>{s.current?.focus();},blur:()=>{s.current?.blur();}})),b__default.default.createElement(su__default.default,{placeholder:o.placeholder,minRows:2,maxRows:5,ref:s,style:{resize:"none",width:"100%",color:n,background:"none",fontFamily:"fonts.body",boxSizing:"border-box",borderRadius:"4px",border:"none",outline:"none"},...e})});Lt.displayName="TextAreaComponent";var Bt=b.forwardRef(({input:e,inEditable:o,meta:t,field:r,formSize:n},s)=>{let{placeholder:i,type:l}=r,[a,d]=b.useState(l==="password"),{text:m,container:u}=K(o,r.size,n),{value:p}=e,c=b.useRef(null);b.useImperativeHandle(s,()=>({focus:()=>{c.current?.focus();},blur:()=>{c.current?.blur();}}));let f=l==="textarea"?b__default.default.createElement(Lt,{inEditable:o,field:r,input:e,meta:t}):b__default.default.createElement(react.Input,{ref:c,border:"none",_dark:{border:"none"},borderRadius:0,background:"transparent",_focus:{border:"none",boxShadow:"none"},py:0,px:0,height:"auto",outline:"none",type:a?"password":"text",placeholder:i,style:m,...e,onChange:g=>{e.onChange({target:{value:g.target.value}});},value:p??""});return b__default.default.createElement(_e,{style:u},f,l==="password"&&b__default.default.createElement(react.IconButton,{position:"absolute",right:2,onClick:()=>d(!a),variant:"ghost",icon:a?b__default.default.createElement(icons.ViewIcon,null):b__default.default.createElement(icons.ViewOffIcon,null),"aria-label":a?"show":"hide",title:a?"Show":"Hide",size:"xs"}))});Bt.displayName="TextComponent";var bu={text:Bt,file:St,boolean:mn,select:zn,multipleSelect:Tn,currency:Mn,number:Pt,date:qe,datetime:vt,time:Ke,socialMedia:Mt,color:xn},yu=(e,o)=>{let{field:t,meta:{error:r,active:n,touched:s},input:i,inEditable:l}=e,{value:a}=i,d=b.useMemo(()=>r&&s?"#ff7777":n?"rgba(0,0,0,0.7)":"rgba(0,0,0,0.3)",[r,n,s]),{_type:m,optional:u,label:p}=t,c=b.useMemo(()=>m==="multipleSelect"||!!a&&m!=="file"&&m!=="boolean",[a,m]),f=b.useMemo(()=>{if(l)return {};switch(m){case "text":case "number":case "currency":case "select":return {boxShadow:`0 0 7px ${d}`,transition:"all 300ms"};default:return {}}},[m,d,l]),g=b.useMemo(()=>bu[m],[m]),h=b.useMemo(()=>l?0:r&&s?6:2,[l,r,s]);return b__default.default.createElement(react.VStack,{position:"relative",align:"flex-start",width:"100%",py:l?0:1,px:1,spacing:0,pb:h,transition:"all 500ms",pt:c&&!l?5:0},p&&!l?typeof p=="string"?b__default.default.createElement(react.Text,{color:"gray.800",fontSize:"sm",px:2},p):b__default.default.createElement(p,null):null,b__default.default.createElement(react.Flex,{width:"100%",borderRadius:4,overflow:"hidden",...f},b__default.default.createElement(g,{ref:o,...e})),l?null:b__default.default.createElement(b__default.default.Fragment,null,b__default.default.createElement(react.Text,{opacity:r&&s?1:0,transition:`opacity 500ms ease ${r&&s?250:0}ms`,position:"absolute",bottom:"0px",fontSize:"sm",px:1,pointerEvents:"none",color:"red.600"},r),b__default.default.createElement(react.Text,{opacity:c?1:0,transition:`opacity 500ms ease ${c?250:0}ms`,position:"absolute",top:"-5px",pointerEvents:"none",fontSize:"sm",fontFamily:"fonts.heading",px:1,color:"blackAlpha.600",_dark:{color:"whiteAlpha.600"}},t.placeholder||"")),u&&!l?b__default.default.createElement(Bn,{field:t,value:a}):null)},Ao=b.forwardRef(yu);var Fu=({field:e,name:o},t)=>{let{control:r,getOnChange:n,meta:s,onFocus:i,onBlur:l}=react$1.useField(o,e);return b__default.default.createElement(reactHookForm.Controller,{control:r,name:o,render:({field:{name:a,ref:d,onBlur:m,...u}})=>b__default.default.createElement(Ao,{ref:t,field:e,input:{...u,onFocus:i,onBlur:()=>{l(),m();},onChange:n(u.onChange)},meta:s})})},Vn=b.forwardRef(Fu);var Oo=({uploads:e})=>{let o=b.useMemo(()=>Object.values(e),[e]);return b__default.default.createElement(reactTransitionGroup.TransitionGroup,{component:react.Flex,width:"100%",flexFlow:"column"},o.map(t=>b__default.default.createElement(ee,{key:t.label},b__default.default.createElement(react.Center,{px:2,height:"26px",position:"relative",w:"100%",flexDirection:"column"},b__default.default.createElement(react.Progress,{borderRadius:"full",value:t.percent*100,mx:2,my:1,size:"md",height:"100%",width:"100%"}),b__default.default.createElement(react.Text,{fontFamily:"fonts.heading",textShadow:"1px 1px 3px #000000aa",color:"white",position:"absolute",fontSize:"sm",fontWeight:500},t.label.toUpperCase())))))};var Vu=({onBack:e,children:o})=>b__default.default.createElement(react.Button,{flex:1,transition:"all 500ms",onClick:e,variant:"outline",border:"1px solid #cdcdcd",color:"#777",ml:"auto"},o),Hu=({onSubmitClick:e,submitting:o,children:t,filter:r,opacity:n})=>b__default.default.createElement(react.Button,{isLoading:o,filter:r,flex:1,transition:"all 500ms",opacity:n,onClick:()=>{e();},ml:"auto",variant:"solid"},t),_u=()=>{let{formError:e}=react$1.useChempoForm();return b__default.default.createElement(react.Collapse,{in:!!e},b__default.default.createElement(react.Text,{color:"red"},e??""))},Wn=({renderFooter:e,...o})=>{let{uploads:t,onBack:r,buttonText:n,onSubmit:s}=o,{isSubmitting:i,isValid:l}=reactHookForm.useFormState(),a=react$1.useBorderColor();return b__default.default.createElement(react.Flex,{w:"100%",flexFlow:"column"},b__default.default.createElement(react.Collapse,{endingHeight:5,style:{width:"100%"},in:i},b__default.default.createElement(react.Progress,{w:"100%",h:"5px",isIndeterminate:true})),b__default.default.createElement(Oo,{uploads:t}),b__default.default.createElement(_u,null),e?b__default.default.createElement(e,{...o}):b__default.default.createElement(react.HStack,{py:2,borderTop:"1px solid",borderColor:a,px:3,w:"100%"},r?b__default.default.createElement(Vu,{onBack:r},"Cancel"):null,b__default.default.createElement(Hu,{size:"sm",filter:`grayscale(${l?0:100}%)`,opacity:l?1:.5,onSubmitClick:s,submitting:i},n)))};var Nn=({field:e,value:o,noLabel:t,style:r})=>{let{imageOptions:n,placeholder:s}=e,i=b.useMemo(()=>({height:150,...n}),[n]);return b__default.default.createElement(react.Flex,{flexFlow:o?"column":"row",style:r},t?null:b__default.default.createElement(react.Text,{pr:2,opacity:.7,fontWeight:600},s),o?b__default.default.createElement(ee,null,b__default.default.createElement(react.Box,{p:1},b__default.default.createElement(Lo,{imageOptions:i,value:o}))):b__default.default.createElement(react.Text,{opacity:.7},"None"))};var Un=({field:e,value:o,noLabel:t,style:r})=>{let{placeholder:n,options:s}=e,{size:i,text:l}=K(void 0,e.size),a=b.useMemo(()=>s.filter(u=>o?.includes(u.value)),[o,s]),d=b.useMemo(()=>It(e,l),[e,l]),{colorMode:m}=react.useColorMode();return b__default.default.createElement(react.Flex,{maxW:"100%",flexFlow:"row wrap",align:"center",style:r},t?null:b__default.default.createElement(react.Text,{pr:2,opacity:.7,fontWeight:600},n),a.length?a.map(u=>b__default.default.createElement(react.Box,{key:u.value,p:.5},b__default.default.createElement(d,{value:u.value,option:u,colorMode:m,isSelected:true,size:i}))):b__default.default.createElement(react.Text,{opacity:.6},"None"))};var Qu=e=>typeof e=="string"?e:typeof e=="number"||typeof e=="boolean"?e.toString():JSON.stringify(e),qu=e=>b__default.default.createElement(react.Text,null,Qu(e)),Yn=({field:e,value:o,noLabel:t,style:r,size:n})=>{let{placeholder:s,renderOption:i}=e,{colorMode:l}=react.useColorMode(),{size:a}=K(void 0,e.size,n),d=e.options.find(u=>u.value===o);return b__default.default.createElement(react.Flex,{align:"center",style:r},t?null:b__default.default.createElement(react.Text,{pr:2,opacity:.7,fontWeight:600},s),o&&d?b__default.default.createElement(i??qu,{value:o,option:d,colorMode:l,isSelected:true,size:a}):b__default.default.createElement(react.Text,null,"None"))};var Ru=({field:e,value:o,noLabel:t,style:r})=>{let{placeholder:n}=e,s=b.useMemo(()=>{let i=core.formatField[e._type];return i?i(e,o):o},[o,e]);return b__default.default.createElement(react.Flex,{align:"center",style:r},t?null:b__default.default.createElement(react.Text,{pr:2,opacity:.7,fontWeight:600},n),b__default.default.createElement(react.Text,{opacity:o!=null?1:.6},s??"None"))},ro=({field:e,value:o,noLabel:t,style:r})=>{switch(e._type){case "select":return b__default.default.createElement(Yn,{style:r,field:e,value:o,noLabel:t});case "multipleSelect":return b__default.default.createElement(Un,{style:r,field:e,value:o,noLabel:t});case "file":return b__default.default.createElement(Nn,{style:r,field:e,value:o,noLabel:t});default:return b__default.default.createElement(Ru,{style:r,field:e,value:o,noLabel:t})}};var rm=({onChange:e,value:o,field:t,onBlur:r,inEditable:n,onFocus:s,style:i},l)=>{let{inputProps:a,meta:d}=react$1.useStandaloneInput(t,o,e,s,r);return b__default.default.createElement(Ao,{ref:l,field:t,inEditable:n,style:i,input:a,meta:d})},Qn=b.forwardRef(rm);var Jn=({value:e,field:o,onSubmit:t,storagePath:r,style:n,onEditClose:s,onEditOpen:i,CustomInput:l,CustomView:a,containerStyle:d,size:m})=>{let{inputRef:u,onChange:p,isLoading:c,uploads:f,editHovered:g,handleEditOpen:h,handleEditClose:y,isEditing:x,value:v,setEditHovered:S,shouldSubmitOnChange:w,submit:F,submitValue:D}=react$1.useEditable({value:e,field:o,onSubmit:t,storagePath:r,onEditOpen:i,onEditClose:s});b.useEffect(()=>{x&&u.current?.focus();},[x,u]);let A=react$1.useColorModeValue("#00000055","#ffffff55"),B=b.useCallback(E=>{if(l)return b__default.default.createElement(l,{...E});if(!o)throw new Error("Editable component must have a field OR a CustomInput");return b__default.default.createElement(Qn,{field:o,...E})},[l,o]),M=b.useCallback(E=>{if(a)return b__default.default.createElement(a,{...E});if(!o)throw new Error("Editable component must have a field OR a CustomView");return b__default.default.createElement(ro,{style:n,field:o,value:v,...E})},[a,o,n,v]);return b__default.default.createElement(react.Flex,{borderRadius:4,border:`1px dashed ${g&&!x?A:"transparent"}`,flexFlow:"column",w:"100%",style:d},b__default.default.createElement(react.Flex,{align:"center",px:1,position:"relative",w:"100%"},b__default.default.createElement(react.Flex,{opacity:c?0:1,transition:"all 300ms",mr:1,border:`1px dashed ${x?A:"transparent"}`,flex:1,minW:"0"},x||w?b__default.default.createElement(B,{ref:u,value:v,inEditable:true,style:{padding:0,...n},size:m,onChange:w?E=>void D(E):p,inputStyle:n}):b__default.default.createElement(M,{inEditable:true,size:m,value:v})),w?null:b__default.default.createElement(b__default.default.Fragment,null,b__default.default.createElement(react.IconButton,{"aria-label":"Edit",size:"xs",icon:x?b__default.default.createElement(icons.CloseIcon,{width:3}):b__default.default.createElement(icons.EditIcon,null),onMouseEnter:()=>S(true),onMouseLeave:()=>S(false),onClick:()=>{x?(p(v),y()):h();}}),b__default.default.createElement(react.Flex,{transition:"all 300ms",justify:"flex-end",opacity:x?1:0,overflow:"hidden",w:x?"30px":"0px"},b__default.default.createElement(react.IconButton,{"aria-label":"Edit",size:"xs",bg:core.palette.cyan.light,_dark:{bg:core.palette.cyan.light,_hover:{bg:core.palette.cyan.lighter}},_hover:{bg:core.palette.cyan.medium},icon:b__default.default.createElement(icons.CheckIcon,{filter:"drop-shadow(1px 1px 3px #000000aa)"}),onClick:()=>{F();}}))),b__default.default.createElement(ze,{isLoading:c})),b__default.default.createElement(Oo,{uploads:f}))};var Mm=e=>o=>{o.destination&&e(o.source.index,o.destination.index);},Lm=({field:e,name:o})=>{let t=b.useMemo(()=>core.isField(e.itemField)?"":core.isListField(e.itemField)?[]:{},[e]),r=react.useColorModeValue("#efefef","#2b2b2b"),n=G(),{control:s}=reactHookForm.useFormContext(),{fields:i,append:l,remove:a,move:d}=reactHookForm.useFieldArray({control:s,name:o}),m=b.useMemo(()=>Mm(d),[d]);return b__default.default.createElement(react.Flex,{overflow:"hidden",gap:2,flexFlow:"column",w:"100%",px:2,py:1},b__default.default.createElement(react.Text,{lineHeight:1,opacity:.7,fontSize:"sm"},e.placeholder),b__default.default.createElement(dnd.DragDropContext,{onDragEnd:m},b__default.default.createElement(dnd.Droppable,{droppableId:"droppable"},(u,{draggingFromThisWith:p})=>b__default.default.createElement(react.Flex,{ref:u.innerRef,flexFlow:"column",w:"100%",py:1,borderRadius:4,minH:"30px",align:"flex",...u.droppableProps},i.length?i.map((c,f)=>b__default.default.createElement(dnd.Draggable,{key:c.id,draggableId:c.id,index:f},({dragHandleProps:g,draggableProps:h,innerRef:y},{isDragging:x})=>b__default.default.createElement(react.Flex,{transition:"all 300ms",boxShadow:`2px 2px 4px #000000${x?"55":"00"}`,borderRadius:4,pt:2,px:2,border:`1px solid ${n}`,bg:`${r}${x?"ff":"00"}`,ref:y,w:"100%",...h},b__default.default.createElement(ee,null,b__default.default.createElement(react.Flex,{opacity:p&&!x?.5:1,gap:1,align:"center",w:"100%"},b__default.default.createElement(react.IconButton,{"aria-label":"drag",size:"xs",opacity:.8,variant:"ghost",icon:b__default.default.createElement(icons.DragHandleIcon,null),...g}),b__default.default.createElement(react.Box,{minW:"0",flex:1},b__default.default.createElement(zt,{name:c.id,field:e.itemField})),b__default.default.createElement(react.IconButton,{"aria-label":"delete",size:"xs",bg:"red.600",color:"white",icon:b__default.default.createElement(icons.DeleteIcon,{filter:"drop-shadow(1px 1px 3px #00000088)"}),onClick:v=>{v.stopPropagation(),a(f);}})))))):b__default.default.createElement(react.Text,{fontSize:"sm",opacity:.7,py:1,px:2},"No items"),u.placeholder))),b__default.default.createElement(react.Flex,null,b__default.default.createElement(react.Button,{mr:"auto",width:"auto",size:"xs",onClick:()=>l(t)},"+ NEW")))},zt=({field:e,name:o})=>{let t=b.useMemo(()=>core.isField(e)||core.isListField(e)?[{name:"value",field:e}]:Object.entries(e.children).map(([r,n])=>({name:`${o?`${o}.`:""}${r}`,field:n})),[e,o]);return b__default.default.createElement(react.VStack,{spacing:1,w:"100%"},t.map(r=>{if(core.isListField(r.field)){let s=b__default.default.createElement(Lm,{key:r.name,name:r.name,field:r.field});return r.field.condition?b__default.default.createElement(Co,{path:o,condition:r.field.condition,key:r.name},s):s}if(core.isField(r.field)){let s=b__default.default.createElement(Vn,{key:r.name,name:r.name,field:r.field});return r.field.condition?b__default.default.createElement(Co,{path:o,condition:r.field.condition,key:r.name},s):s}let n=b__default.default.createElement(zt,{key:r.name,name:r.name,field:r.field});return r.field.condition?b__default.default.createElement(Co,{path:o,condition:r.field.condition,key:r.name},n):n}))},Bm=({field:e,value:o,path:t})=>{let{placeholder:r}=e,n=G(),s=react$1.useGetItemField(e);return b__default.default.createElement(react.Box,{w:"100%",p:1},b__default.default.createElement(Ro,{border:`1px solid ${n}`,borderRadius:4,initExpanded:true,header:()=>b__default.default.createElement(react.Text,{py:1},r)},b__default.default.createElement(react.Flex,{flexFlow:"column",bg:"background.200",gap:2,px:2,py:1},o?.length?o.map((i,l)=>b__default.default.createElement(react.Box,{bg:"background.100",key:`${t}.${l}`,border:`1px solid ${n}`,borderRadius:3},b__default.default.createElement(Zn,{path:`${t}.${l}`,field:s(l),value:i}))):b__default.default.createElement(react.Text,{fontSize:"sm",opacity:.7,py:1,px:2},"No items"))))},Zn=({field:e,value:o,path:t,storagePath:r})=>{let{updateField:n}=react$1.useDataView();return core.isField(e)?n?b__default.default.createElement(Jn,{storagePath:r,field:e,value:o,onSubmit:s=>n(t,s)}):b__default.default.createElement(ro,{field:e,value:o}):core.isListField(e)?b__default.default.createElement(Bm,{path:t,field:e,value:o}):b__default.default.createElement(Am,{storagePath:r?`${r}.${t}`:void 0,path:t,field:e})},Am=({field:e,value:o,onClose:t,onDelete:r,onSubmit:n,itemName:s,storagePath:i,path:l=""})=>{let{name:a,children:d}=e,[m,u]=b.useState(false);return b__default.default.createElement(react$1.DataViewProvider,{value:o,onSubmit:n},b__default.default.createElement(Ro,{alwaysExpanded:true,header:()=>b__default.default.createElement(react.Flex,{align:"center",px:2,w:"100%"},b__default.default.createElement(react.Text,{py:2,fontSize:"lg",fontFamily:"fonts.heading"},a),b__default.default.createElement(react.Flex,{gap:2,align:"center",ml:"auto"},r?b__default.default.createElement(Vr,{onDelete:r,itemName:s??"item"}):null,n?b__default.default.createElement(react.IconButton,{size:"sm",borderRadius:"full",minW:0,w:7,h:7,ml:"auto","aria-label":"edit",icon:b__default.default.createElement(icons.EditIcon,null),onClick:()=>u(true)}):null,t?b__default.default.createElement(react.IconButton,{size:"sm",borderRadius:"full",minW:0,w:7,h:7,variant:"ghost","aria-label":"close",icon:b__default.default.createElement(icons.CloseIcon,{opacity:.8,w:3,h:3}),onClick:t}):null))},m&&n?b__default.default.createElement(Dt,{storagePath:i,field:e,value:o,onSubmit:n,onBack:()=>u(false)}):b__default.default.createElement(react.Flex,{flexFlow:"column",px:4,py:2},Object.entries(d).map(([p,c])=>b__default.default.createElement(Zn,{storagePath:i?`${i}/${p}`:void 0,path:l?`${l}.${p}`:p,key:p,field:c,value:o?.[p]})))))},Rn=({onSubmit:e,onBack:o,field:t,value:r,buttonText:n="SUBMIT",renderFooter:s,storagePath:i})=>{let l=b.useMemo(()=>({field:t,value:r,submit:e,storagePath:i}),[t,r,e,i]),{onSubmit:a,uploads:d}=react$1.useFormSubmit(l);return b__default.default.createElement(react.Stack,{w:"100%",spacing:3},b__default.default.createElement("form",null,b__default.default.createElement(react.Box,{pt:1,px:2,w:"100%"},b__default.default.createElement(zt,{name:"",field:t})),b__default.default.createElement(Wn,{uploads:d,onSubmit:a,renderFooter:s,onBack:o,buttonText:n})))},Om=({onSubmit:e,field:o,value:t,...r})=>{let n=b.useMemo(()=>({children:{value:o}}),[o]);return b__default.default.createElement(Rn,{field:n,value:{value:t},onSubmit:s=>e(s?.value),...r})},Dt=({field:e,onSubmit:o,...t})=>{let r=core.isField(e)||core.isListField(e)?b__default.default.createElement(Om,{field:e,onSubmit:o,...t}):b__default.default.createElement(Rn,{field:e,onSubmit:o,...t});return b__default.default.createElement(react$1.ChempoFormProvider,null,r)};var oi=e=>{let o=react$1.useMounted();return b__default.default.createElement(mr,null,b__default.default.createElement(react.Flex,{overflow:"hidden",flexFlow:"column",h:"100%",w:"100%",opacity:o?1:0,transition:"opacity 300ms",...e}))};var Ne=({data:e,rowIndex:o,columnIndex:t,style:r})=>{let{items:n,onSelect:s,refetch:i,grid:l,numCols:a,colorMode:d}=e||{},{ItemPreview:m}=l,u=o*a+t,p=n[u];return p?b__default.default.createElement(react.Flex,{display:"flex",cursor:"pointer","aria-label":"list-item",onClick:()=>{s(p);},style:r,px:1,py:.25,key:u},b__default.default.createElement(m,{index:u,item:p,refetch:i?()=>i(p.id):void 0,colorMode:d})):null};var we=()=>{let{list:e,search:{debounced:o,search:t}}=react$1.useDataList(),{data:{isLoading:r}}=react$1.usePaginatedList(),n=b.useMemo(()=>r||o!==t,[r,o,t]),{itemName:s,pluralItemName:i,noItemsMessage:l,searchRequired:a}=e;return b__default.default.createElement(react.Flex,{justify:"center",align:"flex-start",w:"100%",h:"100%"},n?b__default.default.createElement(Pe,{text:`Loading ${i??core.toPlural(s)}`}):b__default.default.createElement(react.Text,{textAlign:"center",flex:1,p:3,fontStyle:"italic",opacity:.7},!o&&a?`Search ${i??core.toPlural(s)}`:l??`No ${i??core.toPlural(s)}`))};var ce=e=>typeof e=="function";var Gm=(e,o)=>{if(e.key!==o.key||e.operator!==o.operator)return false;if(core.arrayOperators.includes(e.operator)){let t=Array.isArray(e.value)?e.value:[e.value];return !(Array.isArray(o.value)?o.value:[o.value]).every(n=>!t.includes(n))}return e.value===o.value},ri=(e,{nativeFilter:o})=>(Array.isArray(o)?o:[o]).every(r=>Gm(r,e));var Ym=(e,o,t)=>{let{rowHeight:r,columnWidth:n}=o;if(typeof r!="number"&&typeof n!="number")throw new Error("Cannot have both variable row height and variable column width");if(typeof n=="function"){let l=Math.floor(t/n(e[0]));return {numRows:Math.ceil(e.length/l),numCols:l}}let s=Math.max(1,Math.floor(t/n));return {numRows:Math.ceil(e.length/s),numCols:s}},Xm=(e,o,t)=>{let{rowHeight:r,columnWidth:n}=o,{numRows:s,numCols:i}=Ym(e,o,t),l=typeof n=="number"?t/i:Array.from({length:i},(u,p)=>e.filter((f,g)=>g%i===p).reduce((f,g)=>{let h=n(g);return Math.max(f,h)},0)),a=typeof r=="number"?r:Array.from({length:s},(u,p)=>e.slice(p*i,(p+1)*i).reduce((f,g)=>{let h=r(g);return Math.max(f,h)},0)),d=Array.isArray(a)?u=>a[u]:a,m=Array.isArray(l)?u=>l[u]:l;return {rowHeight:d,colWidth:m,numCols:i,numRows:s}},Ho=(e,o)=>{let{data:{data:t}}=react$1.usePaginatedList();return b.useMemo(()=>Xm(t,e,o),[t,e,o])};var ai=({height:e,options:o})=>{let{totalCount:t,data:{data:r},refetchItem:n,isItemLoaded:s,goNext:i}=react$1.usePaginatedList(),{list:l,onSelectItem:a,mobileLayout:d,query:m}=react$1.useDataList(),{width:u}=react$1.useFullSize(),{numCols:p,numRows:c,rowHeight:f,colWidth:g}=Ho(o,u),{previewHeight:h,mobile:y}=l,{colorMode:x}=react.useColorMode(),v=b.useMemo(()=>({list:l,items:r,mobileLayout:d,grid:o,colorMode:x,numCols:p,onSelect:M=>a(M.id),refetch:n}),[r,l,n,a,d,p,o,x]),S=b.useRef(null),w=b.useMemo(()=>d?y?.previewHeight??h:h,[y,h,d]);b.useEffect(()=>{let M=S.current;M&&(M.resetAfterColumnIndex(0),M.resetAfterRowIndex(0));},[m]);let F=b.useRef(null);b.useEffect(()=>{F.current&&F.current.resetloadMoreItemsCache(true);},[t]);let D=b.useMemo(()=>ce(w),[w]),A=b.useCallback(({columnIndex:M,rowIndex:E,data:V})=>{let U=E*p+M;return V.items[U]?.id||`${U}`},[p]),B=b.useCallback(({overscanColumnStartIndex:M,overscanColumnStopIndex:E,overscanRowStartIndex:V,overscanRowStopIndex:U,visibleColumnStartIndex:ge,visibleColumnStopIndex:Be,visibleRowStartIndex:Ae,visibleRowStopIndex:Fe},T)=>{let H=Ae*p+ge,k=Fe*p+Be,I=V*p+M,L=U*p+E;T({overscanStartIndex:I,overscanStopIndex:L,visibleStartIndex:H,visibleStopIndex:k});},[p]);return r.length?D?b__default.default.createElement(li__default.default,{isItemLoaded:s,ref:F,itemCount:t??0,loadMoreItems:i},({onItemsRendered:M,ref:E})=>b__default.default.createElement(reactWindow.VariableSizeGrid,{height:e,width:u,rowCount:c,columnCount:p,rowHeight:f,columnWidth:g,itemData:v,style:{overflowX:"hidden"},itemKey:A,onItemsRendered:V=>B(V,M),ref:V=>{E(V),S.current=V;}},Ne)):b__default.default.createElement(li__default.default,{isItemLoaded:s,itemCount:t??0,ref:F,loadMoreItems:i},({onItemsRendered:M,ref:E})=>b__default.default.createElement(reactWindow.FixedSizeGrid,{height:e,width:u,rowCount:c,columnCount:p,rowHeight:f,columnWidth:g,itemData:v,onItemsRendered:V=>B(V,M),style:{overflowX:"hidden"},ref:V=>{E(V),S.current=null;}},Ne)):b__default.default.createElement(we,null)};var Ge=({data:e,index:o,style:t})=>{let{list:r,items:n,onSelect:s,refetch:i,mobileLayout:l,colorMode:a}=e||{},{ItemPreview:d,mobile:m}=r,u=l?m?.ItemPreview??d:d,p=n[o];return p?b__default.default.createElement(react.Flex,{display:"flex",cursor:"pointer","aria-label":"list-item",onClick:()=>{s(n[o]);},style:t,key:o},b__default.default.createElement(u,{index:o,item:p,refetch:i?()=>i(p.id):void 0,colorMode:a})):null};var ci=({height:e})=>{let{totalCount:o,data:{data:t},refetchItem:r,isItemLoaded:n,goNext:s}=react$1.usePaginatedList(),{list:i,onSelectItem:l,mobileLayout:a,query:d}=react$1.useDataList(),{previewHeight:m,mobile:u}=i,{colorMode:p}=react.useColorMode(),{width:c}=react$1.useFullSize(),f=b.useMemo(()=>({list:i,items:t,mobileLayout:a,colorMode:p,onSelect:S=>l(S.id),refetch:r}),[t,i,r,l,a,p]),g=b.useRef(null),h=b.useMemo(()=>a?u?.previewHeight??m:m,[u,m,a]),y=b.useRef(null);b.useEffect(()=>{y.current&&y.current.resetloadMoreItemsCache(true);},[o]),b.useEffect(()=>{let S=g.current;S&&(S.resetAfterRowIndex(0),S.resetAfterColumnIndex(0));},[d]);let x=b.useCallback(S=>typeof h=="function"?h(t[S]):h,[t,h]),v=b.useMemo(()=>ce(h),[h]);return t.length?v?b__default.default.createElement(li__default.default,{ref:y,isItemLoaded:n,itemCount:o??0,loadMoreItems:s},({onItemsRendered:S,ref:w})=>b__default.default.createElement(reactWindow.VariableSizeList,{height:e,width:c,itemSize:x,itemCount:o??0,itemData:f,style:{overflowX:"hidden"},itemKey:F=>t[F]?.id||`${F}`,onItemsRendered:F=>{S(F);},ref:w},Ge)):b__default.default.createElement(li__default.default,{ref:y,isItemLoaded:n,itemCount:o??0,loadMoreItems:s},({onItemsRendered:S,ref:w})=>b__default.default.createElement(reactWindow.FixedSizeList,{height:e,width:c,itemSize:h,itemCount:o??0,itemData:f,itemKey:F=>t[F]?.id||`${F}`,style:{overflowX:"hidden"},onItemsRendered:S,ref:w},Ge)):b__default.default.createElement(we,null)};var gc=({height:e,options:o})=>{let{list:t,onSelectItem:r,mobileLayout:n,query:s}=react$1.useDataList(),{data:{data:i},pageIndex:l}=react$1.usePaginatedList(),a=b.useRef(null),d=b.useRef(null),{width:m}=react$1.useFullSize(),{numCols:u,numRows:p,rowHeight:c,colWidth:f}=Ho(o,m),{colorMode:g}=react.useColorMode(),h=b.useMemo(()=>({list:t,items:i,numCols:u,onSelect:x=>r(x.id),mobileLayout:n,colorMode:g,grid:o}),[i,t,r,n,u,o,g]);b.useEffect(()=>{let x=a.current;x&&(x.resetAfterColumnIndex(0),x.resetAfterRowIndex(0));},[s]),b.useEffect(()=>{let x=a.current,v=d.current;x&&x.scrollTo({scrollLeft:0,scrollTop:0}),v&&v.scrollTo({scrollLeft:0,scrollTop:0});},[l,s]);let y=b.useMemo(()=>ce(o.rowHeight)||ce(o.columnWidth),[o]);return i.length?y?b__default.default.createElement(reactWindow.VariableSizeGrid,{ref:a,height:e,width:m,rowCount:p,columnCount:u,rowHeight:c,columnWidth:f,itemData:h,style:{overflowX:"hidden"}},Ne):b__default.default.createElement(reactWindow.FixedSizeGrid,{height:e,ref:d,width:m,rowCount:p,columnCount:u,rowHeight:c,columnWidth:f,itemData:h,style:{overflowX:"hidden"}},Ne):b__default.default.createElement(we,null)},xi=b.memo(gc);var Sc=({height:e})=>{let{list:o,onSelectItem:t,mobileLayout:r,query:n}=react$1.useDataList(),{data:{data:s},pageIndex:i}=react$1.usePaginatedList(),{width:l}=react$1.useFullSize(),{previewHeight:a,mobile:d}=o,m=b.useRef(null),u=b.useRef(null),{colorMode:p}=react.useColorMode(),c=b.useMemo(()=>({list:o,colorMode:p,items:s,onSelect:y=>t(y.id),mobileLayout:r}),[s,o,t,r,p]),f=b.useMemo(()=>r?d?.previewHeight??a:a,[d,a,r]);b.useEffect(()=>{let y=m.current;y&&y.resetAfterIndex(0);},[n]),b.useEffect(()=>{let y=m.current,x=u.current;y&&y.scrollTo(0),x&&x.scrollTo(0);},[n,i]);let g=b.useCallback(y=>typeof f=="function"?f(s[y]):f,[s,f]),h=b.useMemo(()=>ce(f),[f]);return s.length?h?b__default.default.createElement(reactWindow.FixedSizeList,{ref:u,height:e,width:l,itemSize:f,itemCount:s.length,itemData:c,style:{overflowX:"hidden"}},Ge):b__default.default.createElement(reactWindow.VariableSizeList,{ref:m,height:e,width:l,itemSize:g,itemCount:s.length,itemData:c,style:{overflowX:"hidden"}},Ge):b__default.default.createElement(we,null)},wi=b.memo(Sc);var Ci=({height:e})=>{let{infiniteScroll:o,gridLayout:t,list:r}=react$1.useDataList(),{grid:n}=r;return t&&n?o?b__default.default.createElement(ai,{options:n,height:e}):b__default.default.createElement(xi,{options:n,height:e}):o?b__default.default.createElement(ci,{height:e}):b__default.default.createElement(wi,{height:e})};var $o=({children:e,isOpen:o,contentProps:t,...r})=>{let n=react$1.useBackgroundColor(100);return b__default.default.createElement(react.Modal,{scrollBehavior:"inside",isCentered:true,isOpen:o,...r},b__default.default.createElement(react.ModalOverlay,null),b__default.default.createElement(react.ModalContent,{position:"relative",overflowY:"auto",bg:n,...t},b__default.default.createElement(react.Box,null,e)))};var Fi=e=>{let{overlayRef:o}=react$1.useMobileFrame();return b__default.default.createElement(react.Portal,{containerRef:o},b__default.default.createElement(react.Flex,{justify:"center",align:"center",transition:"opacity 300ms",position:"absolute",left:0,top:0,height:"100%",width:"100%",...e}))};var Vc=({onClick:e})=>b__default.default.createElement(react.Flex,{onClick:e,w:"100%",h:"100%",position:"absolute",bg:"blackAlpha.400",transition:"opacity 300ms"}),Ti=({isOpen:e,onClose:o,children:t,contentProps:r,onContentMounted:n,closeOnOverlayClick:s})=>{let{height:i,width:l}=react$1.useMobileFrame(),a=react.useColorModeValue("gray.100","#454545"),[d,m]=b.useState(false),[u,p]=b.useState(false),c=b.useRef(null),f=b.useRef(null);return b.useEffect(()=>(c.current&&(clearTimeout(c.current),c.current=null),f.current&&(clearTimeout(f.current),f.current=null),e?(m(true),f.current=setTimeout(()=>{p(true),n&&n(true);},50)):(p(false),n&&n(false),c.current=setTimeout(()=>{m(false);},300)),()=>{c.current&&(clearTimeout(c.current),c.current=null),f.current&&(clearTimeout(f.current),f.current=null);}),[e,n]),d?b__default.default.createElement(Fi,{opacity:u?1:0,pointerEvents:u?"auto":"none"},b__default.default.createElement(Vc,{onClick:s!==false?o:void 0}),b__default.default.createElement(react.Flex,{width:`${l-10}px`,maxH:`${i-10}px`,overflowY:"auto",overflowX:"hidden",minH:"100px",bg:a,borderRadius:6,position:"relative",...r},t)):null};var ki=e=>{let o=react$1.useScreen(n=>n.isMobile),t=br(),r=b.useMemo(()=>o||t?Ti:$o,[o,t]);return b__default.default.createElement(r,{...e})};var Mi=({field:e})=>{let{list:{baseQuery:o,itemName:t},newItemOpen:r,setNewItemOpen:n}=react$1.useDataList(),{adapter:{db:s}}=react$1.useBackendBase(),{refetch:i}=react$1.usePaginatedList(),l=b.useCallback(async a=>{await s.createItem(o.collection,a),n(false),i&&i();},[n,i,s,o]);return b__default.default.createElement($o,{isOpen:r,onClose:()=>n(false)},b__default.default.createElement(react.Flex,{align:"center",pt:3,px:3,w:"100%"},b__default.default.createElement(react.Text,{pl:1,opacity:.7,fontWeight:600},"NEW ",t.toUpperCase()),b__default.default.createElement(react.IconButton,{size:"sm",borderRadius:"full",ml:"auto",h:7,w:7,minW:0,onClick:()=>n(false),"aria-label":"Close",icon:b__default.default.createElement(icons.CloseIcon,{opacity:.8,w:3,h:3})})),b__default.default.createElement(Dt,{field:e,onSubmit:l}))};var Ai=({goNext:e,canGoNext:o,mobileLayout:t})=>b__default.default.createElement(react.Button,{opacity:o?1:.6,pointerEvents:o?"auto":"none",borderRadius:"full",onClick:e,"aria-label":"next",variant:"ghost",size:t?"xs":"sm",pl:3,pr:1,gap:1},b__default.default.createElement(react.Text,null,"Next"),b__default.default.createElement(icons.ChevronRightIcon,{w:5,h:5})),Oi=({goPrev:e,canGoPrev:o,mobileLayout:t})=>b__default.default.createElement(react.Button,{opacity:o?1:.5,pointerEvents:o?"auto":"none",onClick:e,borderRadius:"full","aria-label":"back",variant:"ghost",pr:3,pl:1,gap:1,size:t?"xs":"sm"},b__default.default.createElement(icons.ChevronLeftIcon,{w:5,h:5}),b__default.default.createElement(react.Text,null,"Back")),pf=({progressBg:e,borderColor:o})=>{let{data:{isLoading:t,error:r}}=react$1.usePaginatedList();return b__default.default.createElement(react.Box,{position:"absolute",bottom:"100%",w:"100%",left:0},b__default.default.createElement(react.Collapse,{style:{width:"100%"},in:!!r,animateOpacity:true},b__default.default.createElement(react.Box,{borderTopRadius:6,bg:"red.600",maxW:"100%",p:1},b__default.default.createElement(react.Tooltip,{placement:"top",hasArrow:true,label:r?.message??"","aria-label":"error"},b__default.default.createElement(react.Text,{textShadow:"1px 1px 3px #00000077",_dark:{textShadow:"none"},px:1,fontWeight:600,isTruncated:true,maxW:"100%",fontSize:"sm",color:"white"},r?.message)))),b__default.default.createElement(ee,{in:t,animateOpacity:true},b__default.default.createElement(react.Flex,{bg:e,borderTop:"1px solid",borderBottom:"1px solid",borderColor:o,w:"100%"},b__default.default.createElement(react.Progress,{borderRadius:0,w:"100%",height:"8px",isIndeterminate:t}))))},df=(e,o,t)=>Math.abs(e-o)<=1?2:e<3?o===0?2:0:e>t-4?o>t-3?2:4:e<o?1:3,jo=28,Uo=24,zi=({index:e,isActive:o,onClick:t,borderColor:r,isLoading:n,mobileLayout:s})=>b__default.default.createElement(react.Button,{key:e,onClick:t,variant:"unstyled",display:"flex",border:"1px solid",borderColor:o?"transparent":r,justifyContent:"center",alignItems:"center",width:`${s?Uo:jo}px`,height:`${s?Uo:jo}px`,fontFamily:"fonts.heading",lineHeight:1,fontWeight:600,minW:"0",bg:o?"accent.400":"transparent",_hover:{bg:o?"accent.500":"whiteAlpha.500"},color:o?"white":r,textShadow:o?"1px 1px 3px #00000088":"none",size:"sm",disabled:n,"aria-label":`Go to page ${e+1}`},e+1),uf=({group:{indicators:e,collapsed:o},mobileLayout:t})=>{let{data:{isLoading:r},goToPage:n}=react$1.usePaginatedList(),s=G();return o?b__default.default.createElement(react.Popover,{trigger:"hover",gutter:1,variant:"fixed"},({onClose:i})=>b__default.default.createElement(b__default.default.Fragment,null,b__default.default.createElement(react.PopoverTrigger,null,b__default.default.createElement(react.IconButton,{variant:"unstyled",width:`${t?Uo:jo}px`,height:`${t?Uo:jo}px`,minW:"0",opacity:.7,_hover:{opacity:1},"aria-label":"more pages",icon:b__default.default.createElement(react.Text,{fontSize:"md",position:"relative",bottom:"2px"},"...")})),b__default.default.createElement(react.PopoverContent,{bg:"background.200",w:"auto",border:"1px solid",borderColor:s,boxShadow:"none"},b__default.default.createElement(react.PopoverBody,{w:"auto",maxW:"166px",p:.5},b__default.default.createElement(react.Flex,{align:"center",justify:"center",flexFlow:"row wrap"},e.map(({index:l,isActive:a})=>b__default.default.createElement(react.Box,{key:`ind-${l}`,m:.5},b__default.default.createElement(zi,{mobileLayout:t,index:l,isActive:a,onClick:()=>{n(l),i();},borderColor:s,isLoading:r})))))))):b__default.default.createElement(b__default.default.Fragment,null,e.map(({index:i,isActive:l})=>b__default.default.createElement(zi,{mobileLayout:t,key:i,index:i,isActive:l,onClick:()=>n(i),borderColor:s,isLoading:r})))},mf=()=>{let{pageIndex:e,numPages:o}=react$1.usePaginatedList(),{mobileLayout:t}=react$1.useDataList(),r=b.useMemo(()=>{let n=o??0;if(n<=9)return [{indicators:Array.from({length:n},(i,l)=>({index:l,isActive:l===e})),collapsed:false}];let s=Array.from({length:5},(i,l)=>({indicators:[],collapsed:l%2===1}));for(let i=0;i<n;i+=1){let l=df(i,e,n);s[l]||(s[l]={indicators:[],collapsed:l!==2}),s[l].indicators.push({index:i,isActive:i===e});}return s.filter(i=>i.indicators.length).map(i=>({...i,collapsed:i.collapsed&&i.indicators.length>1}))},[o,e]);return b__default.default.createElement(react.Flex,{gap:1,align:"center"},r.map((n,s)=>b__default.default.createElement(uf,{mobileLayout:t,key:`group-${s}`,group:n})))},Gt=120,Ei=({onResize:e,flexProps:o,noFooter:t})=>{let r=react.useColorModeValue("#cdcdcd","#2d3748"),{list:n,mobileLayout:s,infiniteScroll:i,search:{search:l,debounced:a}}=react$1.useDataList(),{data:{data:d,isLoading:m},totalCount:u,pageIndex:p,limit:c,numFetched:f,goNext:g,goPrev:h,hasMoreData:y}=react$1.usePaginatedList(),{itemName:x,pluralItemName:v,searchRequired:S}=n,{itemsText:w,pageText:F}=b.useMemo(()=>m&&!i?{itemsText:s?"Loading...":"",pageText:""}:u===null?{itemsText:"Loading...",pageText:""}:u===0&&!m&&l===a?{itemsText:!l&&S?`Search ${v??core.toPlural(x)}`:`No ${v??core.toPlural(x)} found`,pageText:""}:{itemsText:`${i?1:(p||0)*c+1} - ${i?f:p*c+d.length} of ${u}`,pageText:`Page ${p+1} of ${c?Math.ceil((u??0)/c):0}`},[u,m,x,v,c,p,l,S,s,a,d,i,f]),D=b.useMemo(()=>!i&&h,[i,h]),A=b.useMemo(()=>!i&&g,[i,g]),B=react.useColorModeValue("#efefef","#212121"),M=b.useRef(null),E=b.useCallback(V=>{let U=V.borderBoxSize[0].blockSize,ge=V.borderBoxSize[0].inlineSize;e({height:U,width:ge});},[e]);return pr__default.default(M,E),b__default.default.createElement(react.Flex,{ref:M,py:t?0:2,px:t?0:3,borderTop:`1px solid ${r}`,position:"relative",flexFlow:s?"column":"row",gap:s?1:0,w:"100%",...o},t||s&&i?null:b__default.default.createElement(react.Flex,{align:"center",justify:s?"center":"space-between",position:"relative",w:"100%"},D&&!s?b__default.default.createElement(Oi,{goPrev:h,canGoPrev:!m&&!!p}):null,b__default.default.createElement(react.Flex,{gap:1,align:"center"},i?null:b__default.default.createElement(b__default.default.Fragment,null,s?null:b__default.default.createElement(react.Text,{fontFamily:"fonts.heading",whiteSpace:"nowrap",textAlign:"center",w:`${Gt}px`,fontSize:"sm"},F),b__default.default.createElement(mf,null)),s?null:b__default.default.createElement(react.Text,{fontFamily:"fonts.heading",textAlign:"center",w:s||i?"auto":`${Gt}px`,whiteSpace:"nowrap",fontSize:"sm"},w)),A&&!s?b__default.default.createElement(Ai,{goNext:g,canGoNext:!m&&y}):null),s&&!t?b__default.default.createElement(react.Flex,{gap:2,w:"100%",justify:"space-between",align:"center"},D?b__default.default.createElement(Oi,{mobileLayout:true,goPrev:h,canGoPrev:!!p}):null,b__default.default.createElement(react.Text,{fontFamily:"fonts.heading",textAlign:"center",w:s||i?"auto":`${Gt}px`,whiteSpace:"nowrap",fontSize:"sm"},w),A?b__default.default.createElement(Ai,{mobileLayout:true,goNext:g,canGoNext:y}):null):null,b__default.default.createElement(pf,{progressBg:B,borderColor:r}))};var _i=({filter:e,filters:o,GroupRender:t,toggleFilter:r})=>{let{label:n,Render:s}=e,i=b.useMemo(()=>o.some(u=>ri(u,e)),[o,e]),{colorMode:l}=react.useColorMode(),a=G(),d=react.useColorModeValue("gray.700","gray.100"),m=s??t;return b__default.default.createElement(react.Box,{p:.5},b__default.default.createElement(react.Button,{onClick:()=>r(e),variant:"unstyled",color:i&&!m?"white":d,bg:i&&!m?"accent.400":"transparent",px:m?0:2,py:m?0:1,transition:"all 300ms",border:"none",boxShadow:`0px 0px 1px 1px ${i?"transparent":"#00000033"}`,w:"auto",_dark:{boxShadow:`0px 0px 1px 1px ${i?"transparent":"#ffffff66"}`},h:"auto",minW:"0",minH:"0",alignItems:"center",justifyContent:"center",borderColor:i?"transparent":a,size:"none"},m?b__default.default.createElement(m,{active:i,colorMode:l,preset:e}):b__default.default.createElement(react.Text,{textShadow:i?"0 0 3px rgba(0,0,0,0.8)":"none",fontSize:"xs"},n)))},Mf=({group:e,filters:o,toggleFilter:t})=>{let{label:r,filters:n}=e;return b__default.default.createElement(react.Flex,{px:1,flexFlow:"column",w:"100%"},b__default.default.createElement(react.Text,{px:1,opacity:.8,fontSize:"sm",fontWeight:600},r),b__default.default.createElement(react.Flex,{w:"100%",flexFlow:"row wrap"},n.map(s=>b__default.default.createElement(_i,{toggleFilter:t,GroupRender:e.RenderFilter,filters:o,key:s.label,filter:s}))))},Xt=()=>{let{query:e,list:o,toggleFilter:t}=react$1.useDataList(),r=react$1.useScreen(l=>l.isMobile),{filters:n=[]}=e||{},{filterPresets:s}=o,i=G();return s?.length?b__default.default.createElement(react.HStack,{spacing:1},b__default.default.createElement(react.Popover,{placement:"right-start",trigger:r?"click":"hover",strategy:"fixed"},b__default.default.createElement(react.PopoverTrigger,null,b__default.default.createElement(react.IconButton,{size:"sm",variant:"ghost","aria-label":"Filters",icon:b__default.default.createElement(react.Image,{width:"24px",filter:`grayscale(${n.length?0:100}%)`,src:"/icons/tune.svg"})})),b__default.default.createElement(react.Portal,null,b__default.default.createElement(react.PopoverContent,{borderRadius:6,w:"auto"},b__default.default.createElement(react.PopoverBody,{w:"240px",p:0},b__default.default.createElement(react.Flex,{flexFlow:"column",w:"100%"},b__default.default.createElement(react.HStack,{py:1.5,px:2,w:"100%",spacing:1,borderBottom:`1px solid ${i}`},b__default.default.createElement(react.Image,{width:"18px",filter:"grayscale(100%)",src:"/icons/tune.svg"}),b__default.default.createElement(react.Text,{opacity:.8,fontSize:"sm",fontWeight:600},"FILTERS")),b__default.default.createElement(react.Flex,{justify:"center",w:"100%",flexFlow:"row wrap",py:1,px:2},s.map(l=>core.isFilterGroup(l)?b__default.default.createElement(Mf,{toggleFilter:t,filters:n,key:l.label,group:l}):b__default.default.createElement(_i,{toggleFilter:t,filters:n,key:l.label,filter:l}))))),b__default.default.createElement(react.PopoverArrow,null),b__default.default.createElement(react.PopoverCloseButton,null))))):null};var Ef=({preset:e})=>{let{setSort:o,query:t}=react$1.useDataList(),{sort:r}=t,{label:n,key:s,Render:i}=e,l=b.useMemo(()=>r?.key===s?r.direction:null,[r,s]),{colorMode:a}=react.useColorMode(),d=b.useMemo(()=>l?"white":a==="light"?"gray.500":"gray.400",[l,a]),m=b.useMemo(()=>r?.direction==="asc"?b__default.default.createElement(icons.ArrowUpIcon,{w:4,h:4}):b__default.default.createElement(icons.ArrowDownIcon,{w:4,h:4}),[r]);return b__default.default.createElement(react.Button,{size:"xs",variant:"outline",bg:l?"accent.400":"transparent",transition:"all 300ms",textShadow:l?"0 0 2px rgba(0,0,0,0.7)":"none",boxShadow:`0px 0px 1px 1px ${l?"transparent":"#00000033"}`,border:"none",_dark:{boxShadow:`0px 0px 1px 1px ${l?"transparent":"#ffffff66"}`,color:d,textShadow:l?"0 0 2px rgba(0,0,0,0.7)":"none"},"aria-label":n,opacity:l?1:.8,height:6,pl:l?3:2,pr:2,_hover:{opacity:1},gap:0,color:d,onClick:()=>o({direction:l&&r?.direction==="asc"?"desc":"asc",key:s})},i?b__default.default.createElement(i,{active:l,colorMode:a,preset:e}):b__default.default.createElement(react.Text,{fontWeight:600,fontSize:"sm",color:d},n),b__default.default.createElement(tr,{active:!!l,h:"16px",width:20},m))},qt=()=>{let{list:{sortPresets:e}}=react$1.useDataList();return e?b__default.default.createElement(react.HStack,{spacing:2},e.map(o=>b__default.default.createElement(Ef,{key:o.label,preset:o}))):null};var ji=()=>{let{list:e,search:{search:o,update:t}}=react$1.useDataList(),{searchIcon:r,itemName:n,pluralItemName:s}=e,i=react.useColorModeValue("invert(0)","invert(1)");return b__default.default.createElement(react.Flex,{p:1,flex:1,minW:"0"},b__default.default.createElement(react.InputGroup,null,b__default.default.createElement(react.InputLeftElement,{pointerEvents:"none"},r?b__default.default.createElement(react.Image,{filter:i,src:r,w:"24px"}):b__default.default.createElement(icons.SearchIcon,{w:"24px",opacity:.5})),b__default.default.createElement(react.Input,{bg:"whiteAlpha.700",pl:9,borderRadius:6,_focus:{boxShadow:"none",outline:"none"},border:"none",_dark:{bg:"blackAlpha.400",color:"#cdcdcd",_placeholder:{color:"#ababab"},border:"none"},value:o,placeholder:`Search for ${s??core.toPlural(n)}`,onChange:l=>t(l.target.value)})))},Ui=({refetch:e})=>{let{list:o,setNewItemOpen:t}=react$1.useDataList(),r=react$1.useAuth(),{itemName:n,field:s,access:i}=o,l=b.useMemo(()=>core.getHasAccess(r,i?.create,null),[i,r]);return b__default.default.createElement(react.Flex,{gap:2,ml:"auto",align:"center"},e?b__default.default.createElement(react.Tooltip,{placement:"left",hasArrow:true,label:"Refresh","aria-label":"Refresh"},b__default.default.createElement(react.IconButton,{size:"xs",icon:b__default.default.createElement(icons.RepeatIcon,null),"aria-label":"Refresh",onClick:e})):null,s&&l?b__default.default.createElement(react.Tooltip,{placement:"left",hasArrow:true,label:`Create new ${n}`,"aria-label":`Create new ${n}`},b__default.default.createElement(react.IconButton,{size:"xs",icon:b__default.default.createElement(icons.AddIcon,null),"aria-label":`Create new ${n}`,onClick:()=>t(true)})):null)},Kf=[{id:"grid",label:"Grid View",Render:e=>b__default.default.createElement(react.Image,{w:5,opacity:e?1:.7,src:"/icons/grid_view.svg"})},{id:"list",label:"List View",Render:e=>b__default.default.createElement(react.Image,{w:6,opacity:e?1:.7,src:"/icons/list.svg"})}],Yi=()=>{let{toggleGridLayout:e,gridLayout:o}=react$1.useDataList();return e?b__default.default.createElement(Hr,{onChange:e,options:Kf,value:o?"grid":"list"}):null},Qi=({onResize:e,refetch:o,boxProps:t})=>{let{list:r,mobileLayout:n,toggleGridLayout:s}=react$1.useDataList(),{searchPath:i,sortPresets:l,filterPresets:a,Header:d}=r,m=G(),u=b.useRef(null),p=b.useCallback(f=>{e({height:f.contentRect.height,width:f.contentRect.width});},[e]),c=b.useMemo(()=>!!Object.keys(i??{}).length,[i]);return pr__default.default(u,p),b__default.default.createElement(react.Box,{ref:u,bg:"background.200",borderBottom:`1px solid ${m}`,w:"100%",...t},b__default.default.createElement(react.Flex,{px:2,align:"center",w:"100%"},l?.length||a?.length||c?b__default.default.createElement(react.Flex,{w:"100%",flexFlow:n?"column":"row"},n&&!d?null:b__default.default.createElement(react.Flex,{flex:1,px:2,py:n?0:1,gap:1,align:"center"},n?null:b__default.default.createElement(react.Flex,{flex:1,minW:"0",align:"center",gap:2},s?b__default.default.createElement(Yi,null):null,b__default.default.createElement(Xt,null),b__default.default.createElement(qt,null),c?b__default.default.createElement(ji,null):null),b__default.default.createElement(react.Flex,{align:"center",minW:"0",gap:3,ml:"auto"},d?b__default.default.createElement(react.Box,{minW:"0",flex:1},b__default.default.createElement(d,null)):null,n?null:b__default.default.createElement(Ui,{refetch:o}))),c&&n?b__default.default.createElement(ji,null):null,n&&(l?.length||a?.length)?b__default.default.createElement(react.Flex,{pl:1,py:1,gap:1.5,align:"center",w:"100%"},s?b__default.default.createElement(Yi,null):null,b__default.default.createElement(Xt,null),b__default.default.createElement(qt,null),b__default.default.createElement(Ui,{refetch:o})):null):null))};var Ki=()=>{let{selectedItemId:e,deselectItem:o,list:t}=react$1.useDataList(),{ItemView:r,itemName:n}=t||{},[s,i]=b.useState({x:0,y:0}),{data:{data:l}}=react$1.usePaginatedList(),a=b.useMemo(()=>l.find(c=>c.id===e)??null,[l,e]),{colorMode:d}=react.useColorMode(),m=react.useColorModeValue("red.600","red.300"),[u,p]=b.useState(null);return b.useEffect(()=>{a&&p(a);},[a]),b__default.default.createElement(ki,{contentProps:{p:0,transition:"all 300ms",transform:`translate(${s.x}px, ${s.y}px)`},scrollBehavior:"inside",onClose:o,isOpen:!!r&&!!e},r&&u?b__default.default.createElement(r,{item:u,colorMode:d,clearContentOffset:()=>i({x:0,y:0}),updateContentOffset:(c,f)=>i({x:c,y:f})}):b__default.default.createElement(react.Text,{color:m,p:4},"Error displaying ",n))};var Ri=({modals:e,noFooter:o,headerProps:t,footerProps:r})=>{let{data:{isLoading:n,data:s}}=react$1.usePaginatedList(),{list:i}=react$1.useDataList(),{height:l}=react$1.useFullSize(),[a,d]=b.useState(0),[m,u]=b.useState(0),p=b.useMemo(()=>l-a-m,[l,a,m]),c=b.useCallback(y=>{d(y.height);},[]),f=b.useCallback(y=>{u(y.height);},[]),{ItemView:g,field:h}=i;return b__default.default.createElement(b__default.default.Fragment,null,b__default.default.createElement(Qi,{boxProps:t,onResize:c}),b__default.default.createElement(react.Box,{h:`${p}px`,position:"relative",w:"100%"},b__default.default.createElement(Ci,{height:p}),o?b__default.default.createElement(ze,{isLoading:!s.length&&n}):null),b__default.default.createElement(Ei,{noFooter:o,flexProps:r,onResize:f}),e??null,g?b__default.default.createElement(Ki,null):null,h?b__default.default.createElement(Mi,{field:h}):null)};var sP=({list:e,flexProps:o,infiniteScroll:t,...r})=>{let{adapter:{db:n}}=react$1.useBackendBase(),{baseQuery:s}=e,i=react$1.useDataListData(e,t),l=react$1.usePaginatedQuery(n,s,!!t);return b__default.default.createElement(react$1.PaginatedListProvider,{state:i,data:l},b__default.default.createElement(oi,{...o},b__default.default.createElement(Ri,{...r})))};var pP=({value:e,duration:o=30})=>{let t=b.useRef(null),r=b.useRef(e),n=b.useRef(null);return b.useEffect(()=>(n.current=setInterval(()=>{if(t.current){if(r.current===e&&n.current)return clearInterval(n.current);r.current<e?(r.current+=1,t.current.innerText=r.current.toString()):r.current>e&&(r.current-=1,t.current.innerText=r.current.toString());}return ()=>{}},o),()=>{n.current&&clearInterval(n.current);}),[e,o]),b__default.default.createElement("span",{ref:t},e)};var w0=()=>{let{colorMode:e,toggleColorMode:o}=react.useColorMode(),t=react.useColorModeValue("gray.200","whiteAlpha.200"),r=react.useColorModeValue("blackAlpha.700","whiteAlpha.800"),n=react.useColorModeValue("gray.300","whiteAlpha.300"),s=react.useColorModeValue("gray.800","whiteAlpha.800");return b__default.default.createElement(react.IconButton,{"aria-label":"Toggle dark mode",bg:t,color:r,borderRadius:"full",_hover:{bg:n,color:s},w:8,h:8,minW:0,icon:e==="light"?b__default.default.createElement(icons.SunIcon,{w:4,h:4}):b__default.default.createElement(icons.MoonIcon,{w:4,h:4,filter:"drop-shadow(1px 1px 2px #000000aa)"}),onClick:o,variant:"ghost"})},gP=e=>b__default.default.createElement(react.Flex,{position:"absolute",bottom:3,right:3,...e},b__default.default.createElement(w0,null));var {definePartsStyle:I0,defineMultiStyleConfig:P0}=react.createMultiStyleConfigHelpers(anatomy.switchAnatomy.keys),T0=I0({track:{_focusVisible:{boxShadow:"none"}}}),k0=P0({baseStyle:T0}),Ko=themeTools.cssVar("popper-arrow-bg"),es="Encode Sans",os="Noto Sans",CP=react.extendTheme({semanticTokens:{colors:{background:{50:{default:"white",_dark:core.palette.gray.darker},100:{default:"gray.100",_dark:core.palette.gray.dark},200:{default:"#efefef",_dark:core.palette.gray.medium}},accent:{50:{default:"blue.50",_dark:"blue.900"},100:{default:"blue.100",_dark:"blue.800"},200:{default:"blue.200",_dark:"blue.700"},300:{default:"blue.300",_dark:"blue.600"},400:{default:"blue.400",_dark:"blue.500"},500:{default:"blue.500",_dark:"blue.400"},600:{default:"blue.600",_dark:"blue.300"},700:{default:"blue.700",_dark:"blue.200"},800:{default:"blue.800",_dark:"blue.100"},900:{default:"blue.900",_dark:"blue.50"}},error:{default:"red.500",_dark:"red.300"}},fonts:{body:os,heading:es}},components:{Badge:{baseStyle:{bg:"#9a9a9a",textShadow:"none",color:"white",boxShadow:"1px 1px 3px #00000077",_dark:{bg:"#555555",textShadow:"1px 1px 2px #00000077",color:"#efefef"}}},Tooltip:{baseStyle:{bg:"#ababab",textShadow:"0 0 3px rgba(0,0,0,0.5)",color:"white",[Ko.variable]:"#ababab",_dark:{bg:"#777777",textShadow:"none",color:"#efefef",[Ko.variable]:"#777777"}}},Button:{baseStyle:{fontFamily:es,fontWeight:500,_focus:{boxShadow:"none"}},variants:{link:{color:"#444",_dark:{color:"rgba(230,230,255,0.9)"}},ghost:{_hover:{bg:"blackAlpha.500"}},solid:{textShadow:"1px 1px 3px #00000077",bg:"blackAlpha.400",color:"whiteAlpha.800",_hover:{bg:"blackAlpha.500"},_dark:{bg:"whiteAlpha.300",color:"whiteAlpha.800",_hover:{bg:"whiteAlpha.400"}}},outline:{border:"1px solid",borderColor:"#ababab",color:"#656565",_hover:{bg:"blackAlpha.100"},_dark:{border:"1px solid #999",color:"#999",_hover:{bg:"whiteAlpha.300"}}}}},Tabs:{baseStyle:{tab:{_focus:{boxShadow:"none"}}}},Text:{baseStyle:{fontFamily:os}},Popover:{baseStyle:{root:{_focus:{boxShadow:"none"}},content:{bg:"background.100",border:"none",boxShadow:"0 0 4px rgba(0,0,0,0.5)",[Ko.variable]:"background.100",_dark:{bg:"background.100",[Ko.variable]:"background.100"}}}},Checkbox:{baseStyle:{control:{_focus:{boxShadow:"none"},border:"2px solid #ababab",borderColor:"#ababab",_checked:{bg:"#666666",color:"#efefef",border:"none"},_hover:{bg:"#555",border:"none"},_dark:{_checked:{bg:"#efefef",color:"#444444",border:"none"},_hover:{bg:"#555",border:"none"}}},label:{color:"#888",_dark:{color:"#999999"},_checked:{color:"#444444",_dark:{color:"#cdcdcd"}}}},variants:{noBox:{control:{bg:"transparent",_hover:{bg:"none"}}}}},Modal:{baseStyle:{dialog:{bg:"background.100",boxShadow:"0 0 6px rgba(0,0,0,0.5)",_dark:{bg:"background.100"}}}},Input:{baseStyle:{field:{_focus:{boxShadow:"none",outline:"none",border:"1px solid #bcbcbc"}}},variants:{text:{field:{borderRadius:6,border:"1px solid #dedede",_focus:{boxShadow:"none",borderColor:"#bcbcbc"},_active:{boxShadow:"none"},_placeholder:{color:"#777"},_dark:{border:"1px solid #777",_focus:{borderColor:"#999",boxShadow:"none"},_placeholder:{color:"#777"}}}}},defaultProps:{variant:"text"}},Switch:k0,Menu:{baseStyle:{list:{bg:"background.100",border:"none",boxShadow:"0 0 6px rgba(0,0,0,0.5)",_dark:{bg:"background.100"}},item:{_hover:{bg:"rgba(0,0,0,0.3)"},_focus:{bg:"rgba(0,0,0,0.2)"}}}},Progress:{baseStyle:{track:{bg:"blackAlpha.300",borderRadius:"full",_dark:{bg:"whiteAlpha.300"}},filledTrack:{bg:"blackAlpha.400",_dark:{bg:"whiteAlpha.500"}}}}}});var SP=()=>{if(typeof window<"u"){let e=()=>{let o=window.innerWidth,t=window.innerHeight;react$1.useScreen.setState({width:o,height:t,isMobile:o<769,isPortrait:o<t}),window.addEventListener("resize",e);};return e(),()=>{window.removeEventListener("resize",e);}}return ()=>{}};exports.AbsoluteDarkModeToggle=gP;exports.AbsoluteLogin=O0;exports.CircularProgress=ho;exports.CollapseHorizontal=tr;exports.ContentBox=Oe;exports.DarkModeToggle=w0;exports.DataList=sP;exports.DataView=Am;exports.DefaultModal=ki;exports.DeleteButton=Vr;exports.DeleteConfirmAlert=Ol;exports.DesktopModal=$o;exports.Editable=Jn;exports.ErrorView=wr;exports.ExpandOnMount=ee;exports.Expandable=Ro;exports.FieldForm=Om;exports.FieldMapForm=Rn;exports.FieldView=ro;exports.FileView=Lo;exports.Form=Dt;exports.FormElement=zt;exports.FullSizeContainer=yg;exports.FullSizeProvider=mr;exports.ImageViewOverlay=jr;exports.ListContainer=oi;exports.ListContent=Ri;exports.ListFieldInput=Lm;exports.Loading=Pe;exports.LoadingImage=qr;exports.LoadingLogo=Ie;exports.LoadingOverlay=ze;exports.LoadingSwitch=mx;exports.LottieLoadingLogo=Ir;exports.MediaFeed=ob;exports.MobileFrame=Lh;exports.MobileModal=Ti;exports.MobileOverlay=Fi;exports.MobileOverlayBackground=Vc;exports.NAV_BAR_HEIGHT=tt;exports.NavBar=yr;exports.NumberTicker=pP;exports.PlayButton=vn;exports.RedirectView=Mr;exports.SignIn=ls;exports.StandaloneInput=Qn;exports.Toggle=Hr;exports.ViewButton=rr;exports.ViewsContext=cr;exports.ViewsProvider=fr;exports.baseTheme=CP;exports.bodyFont=os;exports.headingFont=es;exports.initializeScreen=SP;exports.switchTheme=k0;exports.useBorderColor=G;exports.useMediaFeed=Gl;exports.useViews=fo;//# sourceMappingURL=index.cjs.map
7
7
  //# sourceMappingURL=index.cjs.map