@qratilabs/qrati-connect 2.7.0-beta.20 → 2.7.0-beta.21

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [2.7.0-beta.20](https://github.com/qrati-labs/qrati-connect-ts/compare/v2.7.0-beta.19...v2.7.0-beta.20) (2026-05-15)
+
+
+### Bug Fixes
+
+* update sidebar references to right for consistency in layout and configuration ([7868cbf](https://github.com/qrati-labs/qrati-connect-ts/commit/7868cbf78af137bbb14fe46f2f5c4ade71dc581f))
+
 # [2.7.0-beta.19](https://github.com/qrati-labs/qrati-connect-ts/compare/v2.7.0-beta.18...v2.7.0-beta.19) (2026-05-12)
 
 

package/element/web.es.js

@@ -241,7 +241,7 @@ return S("div",{className:"bg-background w-full space-y-6",children:[/* @__PURE_
 /* @__PURE__ */S("div",{className:"space-y-9",children:[/* @__PURE__ */S(is,{label:"Email address",disabled:a,type:"email",value:t,onChange:e=>r(e.target.value),autoComplete:"email",error:u.email}),/* @__PURE__ */S("div",{className:"relative",children:[/* @__PURE__ */S(is,{label:"Password",disabled:a,type:c?"text":"password",value:n,onChange:e=>o(e.target.value),autoComplete:"current-password",error:u.password}),/* @__PURE__ */S(je,{variant:"ghost",color:"primary",className:"absolute top-8 right-0",iconName:c?"mdi:eye-outline":"mdi:eye-off-outline",onClick:()=>d(!c)})]})]}),s&&/* @__PURE__ */S(Me,{align:"center",color:"error",className:"font-medium",children:s}),
 /* @__PURE__ */S("div",{className:"flex justify-end",children:/* @__PURE__ */S(ee,{to:P.FORGOT_PASSWORD,state:{from:e.pathname},children:/* @__PURE__ */S(Me,{variant:"h6",className:"w-fit",children:"Forgot Password?"})})}),
 /* @__PURE__ */S(je,{type:"submit",color:"primary",className:"w-full",loading:a,disabled:a,children:"Login"})]}),/* @__PURE__ */S("div",{className:"grid grid-cols-2 gap-4",children:[/* @__PURE__ */S(vc,{disabled:a||f.google||f.apple,loading:f.google,onClick:()=>w("google",m),provider:"google"}),/* @__PURE__ */S(vc,{disabled:a||f.google||f.apple,loading:f.apple,onClick:()=>w("apple",g),provider:"apple"})]})]})},bc=(e=[],t)=>{const r=/* @__PURE__ */new Map;e?.forEach(e=>{r.set(e._id,e)});const n=[];let o=r.get(t);for(;o;)n.unshift({_id:o._id,name:o.name,href:P.FOLDER_EVENTS(o?._id),color:o.color}),o=r.get(o.parentFolderId);return n},yc=({event:e})=>{const{organization:t}=ne(),r=y(()=>e?.contents&&0!==e.contents.length?[...e.contents].sort((e,t)=>{const r=(t.score||0)-(e.score||0);return 0!==r?r:(e.thumbnailUrl||"").localeCompare(t.thumbnailUrl||"")}):[],[e?.contents]),n=t?.advancedSettings?.defaultCoverImageUrl,o=t?.advancedSettings?.defaultCoverBlurHash;let a,i;e?.coverImageUrl?(a=e.coverImageUrl,i=e.coverBlurHash):r[0]?(a=r[0].thumbnailUrl||r[0].url,i=r[0].blurHash):n&&(a=n,i=o);const s=e?.status?.toUpperCase(),l=!t?.integrationSettings?.hideEventStatus&&s&&s!==k.CLOSED;/* @__PURE__ */
-return S("div",{className:"space-y-3",children:[/* @__PURE__ */S("div",{className:"relative h-72 overflow-hidden rounded sm:h-80",children:[a?/* @__PURE__ */S(We,{wrapperClassName:"size-full sm:hover:scale-105 sm:transition-transform",src:a,blurhash:i||void 0}):/* @__PURE__ */S("div",{className:"flex size-full items-center justify-center",style:{backgroundColor:t?.color||"var(--color-primary)"},children:/* @__PURE__ */S(Be,{name:"material-symbols:gallery-thumbnail-outline-rounded",className:"size-16 text-white"})}),l&&/* @__PURE__ */S("div",{className:"absolute top-3 left-3",children:s===k.OPEN?/* @__PURE__ */S("span",{className:"bg-success inline-flex items-center gap-1.5 rounded-full px-3 py-1.5 text-xs font-medium text-white",children:[/* @__PURE__ */S("div",{className:"size-2 animate-pulse rounded-full bg-white"}),"Live"]}):/* @__PURE__ */S("span",{className:"bg-warning inline-flex items-center rounded-full px-3 py-1.5 text-xs font-semibold text-white",children:"Upcoming"})})]}),/* @__PURE__ */S("div",{children:[/* @__PURE__ */S(Me,{variant:"h5",immutable:!0,lines:2,children:e.name}),e.description&&/* @__PURE__ */S(Me,{variant:"body2",immutable:!0,lines:1,color:"muted",children:e.description})]})]})},_c=({folder:e})=>/* @__PURE__ */S("li",{className:"flex items-center",children:[/* @__PURE__ */S(Be,{name:"material-symbols:arrow-forward-ios-rounded",size:"sm"}),/* @__PURE__ */S(ee,{to:e.href??"#",className:"flex items-center gap-2 rounded px-4 py-1 transition-colors",onMouseEnter:t=>{const r=t.currentTarget;r&&e.color&&(r.style.backgroundColor=`${e.color}3A`)},onMouseLeave:e=>{const t=e.currentTarget;t&&(t.style.backgroundColor="")},children:[/* @__PURE__ */S("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",style:{color:e.color??void 0},children:/* @__PURE__ */S("path",{fill:"currentColor",d:"M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h5.175q.4 0 .763.15t.637.425L12 6h8q.825 0 1.413.588T22 8v10q0 .825-.587 1.413T20 20z"})}),/* @__PURE__ */S(Me,{variant:"h5",color:"secondary",className:"whitespace-nowrap",children:e.name})]})]},e.name),xc=({homeLink:e="/",data:t=[]})=>/* @__PURE__ */S("ol",{role:"list",className:"scrollbar-hide flex max-w-full items-center space-x-3 overflow-y-scroll",children:[/* @__PURE__ */S("li",{children:/* @__PURE__ */S(ee,{to:e,className:"text-foreground",children:[/* @__PURE__ */S(Be,{name:"material-symbols:home-outline-rounded",size:"lg"}),/* @__PURE__ */S("span",{className:"sr-only",children:"Home"})]})}),t?.map(e=>/* @__PURE__ */S(_c,{folder:e},e._id??e.name??Math.random()))]}),Cc=({folder:e})=>/* @__PURE__ */S("div",{className:"shadow-outer border-border flex items-center gap-4 rounded border p-2 transition-colors duration-200",onMouseEnter:t=>{const r=t.currentTarget;r&&e.color&&(r.style.backgroundColor=`${e.color}3A`)},onMouseLeave:e=>{const t=e.currentTarget;t&&(t.style.backgroundColor="")},children:[/* @__PURE__ */S("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",style:{color:e.color},children:/* @__PURE__ */S("path",{fill:"currentColor",d:"M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h5.175q.4 0 .763.15t.637.425L12 6h8q.825 0 1.413.588T22 8v10q0 .825-.587 1.413T20 20z"})}),/* @__PURE__ */S(Me,{variant:"h5",children:e.name})]}),kc=({organization:e})=>{const{role:t,isSuper:r}=st(),n=y(()=>{const n=[];return(r||t&&(t===ge.OWNER||t===ge.ADMIN))&&(n.push({label:"Analytics",icon:"material-symbols:analytics-outline-rounded",href:p.ORGANIZATION_DASHBOARD(e?._id??"")}),n.push({label:"Admins",icon:"material-symbols:supervised-user-circle-outline",href:p.ORGANIZATION_ADMINS(e?._id??"")}),n.push({label:"Settings",icon:"material-symbols:settings-outline-rounded",href:p.ORGANIZATION_SETTINGS(e?._id??"")})),n},[t,r,e]);return n&&0!==n.length?/* @__PURE__ */S("div",{className:"text-muted-foreground sm:text-foreground flex flex-row items-center gap-6 pr-2",children:n.map(e=>/* @__PURE__ */S($i,{content:e.label,children:/* @__PURE__ */S("a",{target:"_blank",href:e.href,rel:"noreferrer",children:/* @__PURE__ */S(Be,{name:e.icon,size:"lg"})})},e.label))}):null},Ec=({onSearch:e,onClear:t,hasActiveSearch:r,disabled:n})=>{const[o,a]=E(""),[i,s]=E("event"),l=()=>{a(""),t()};/* @__PURE__ */
+return S("div",{className:"space-y-3",children:[/* @__PURE__ */S("div",{className:"relative h-72 overflow-hidden rounded sm:h-80",children:[a?/* @__PURE__ */S(We,{wrapperClassName:"size-full sm:hover:scale-105 sm:transition-transform",src:a,blurhash:i||void 0}):/* @__PURE__ */S("div",{className:"flex size-full items-center justify-center",style:{backgroundColor:t?.color||"var(--color-primary)"},children:/* @__PURE__ */S(Be,{name:"material-symbols:gallery-thumbnail-outline-rounded",className:"size-16 text-white"})}),l&&/* @__PURE__ */S("div",{className:"absolute top-3 left-3",children:s===k.OPEN?/* @__PURE__ */S("span",{className:"bg-success inline-flex items-center gap-1.5 rounded-full px-3 py-1.5 text-xs font-medium text-white",children:[/* @__PURE__ */S("div",{className:"size-2 animate-pulse rounded-full bg-white"}),"Live"]}):/* @__PURE__ */S("span",{className:"bg-warning inline-flex items-center rounded-full px-3 py-1.5 text-xs font-semibold text-white",children:"Upcoming"})})]}),/* @__PURE__ */S("div",{className:"px-3 sm:px-0",children:[/* @__PURE__ */S(Me,{variant:"h5",immutable:!0,lines:2,children:e.name}),e.description&&/* @__PURE__ */S(Me,{variant:"body2",immutable:!0,lines:1,color:"muted",children:e.description})]})]})},_c=({folder:e})=>/* @__PURE__ */S("li",{className:"flex items-center",children:[/* @__PURE__ */S(Be,{name:"material-symbols:arrow-forward-ios-rounded",size:"sm"}),/* @__PURE__ */S(ee,{to:e.href??"#",className:"flex items-center gap-2 rounded px-4 py-1 transition-colors",onMouseEnter:t=>{const r=t.currentTarget;r&&e.color&&(r.style.backgroundColor=`${e.color}3A`)},onMouseLeave:e=>{const t=e.currentTarget;t&&(t.style.backgroundColor="")},children:[/* @__PURE__ */S("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",style:{color:e.color??void 0},children:/* @__PURE__ */S("path",{fill:"currentColor",d:"M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h5.175q.4 0 .763.15t.637.425L12 6h8q.825 0 1.413.588T22 8v10q0 .825-.587 1.413T20 20z"})}),/* @__PURE__ */S(Me,{variant:"h5",color:"secondary",className:"whitespace-nowrap",children:e.name})]})]},e.name),xc=({homeLink:e="/",data:t=[]})=>/* @__PURE__ */S("ol",{role:"list",className:"scrollbar-hide flex max-w-full items-center space-x-3 overflow-y-scroll",children:[/* @__PURE__ */S("li",{children:/* @__PURE__ */S(ee,{to:e,className:"text-foreground",children:[/* @__PURE__ */S(Be,{name:"material-symbols:home-outline-rounded",size:"lg"}),/* @__PURE__ */S("span",{className:"sr-only",children:"Home"})]})}),t?.map(e=>/* @__PURE__ */S(_c,{folder:e},e._id??e.name??Math.random()))]}),Cc=({folder:e})=>/* @__PURE__ */S("div",{className:"shadow-outer border-border flex items-center gap-4 rounded border p-2 transition-colors duration-200",onMouseEnter:t=>{const r=t.currentTarget;r&&e.color&&(r.style.backgroundColor=`${e.color}3A`)},onMouseLeave:e=>{const t=e.currentTarget;t&&(t.style.backgroundColor="")},children:[/* @__PURE__ */S("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",style:{color:e.color},children:/* @__PURE__ */S("path",{fill:"currentColor",d:"M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h5.175q.4 0 .763.15t.637.425L12 6h8q.825 0 1.413.588T22 8v10q0 .825-.587 1.413T20 20z"})}),/* @__PURE__ */S(Me,{variant:"h5",children:e.name})]}),kc=({organization:e})=>{const{role:t,isSuper:r}=st(),n=y(()=>{const n=[];return(r||t&&(t===ge.OWNER||t===ge.ADMIN))&&(n.push({label:"Analytics",icon:"material-symbols:analytics-outline-rounded",href:p.ORGANIZATION_DASHBOARD(e?._id??"")}),n.push({label:"Admins",icon:"material-symbols:supervised-user-circle-outline",href:p.ORGANIZATION_ADMINS(e?._id??"")}),n.push({label:"Settings",icon:"material-symbols:settings-outline-rounded",href:p.ORGANIZATION_SETTINGS(e?._id??"")})),n},[t,r,e]);return n&&0!==n.length?/* @__PURE__ */S("div",{className:"text-muted-foreground sm:text-foreground flex flex-row items-center gap-6 pr-2",children:n.map(e=>/* @__PURE__ */S($i,{content:e.label,children:/* @__PURE__ */S("a",{target:"_blank",href:e.href,rel:"noreferrer",children:/* @__PURE__ */S(Be,{name:e.icon,size:"lg"})})},e.label))}):null},Ec=({onSearch:e,onClear:t,hasActiveSearch:r,disabled:n})=>{const[o,a]=E(""),[i,s]=E("event"),l=()=>{a(""),t()};/* @__PURE__ */
 return S("form",{className:"relative flex w-full flex-wrap items-center justify-end gap-2",onSubmit:t=>{t.preventDefault();const r=o.trim();r?e(r,i):l()},children:/* @__PURE__ */S("div",{className:"border-border bg-background relative flex rounded border",children:[/* @__PURE__ */S(Qi,{children:[/* @__PURE__ */S(Yi,{asChild:!0,children:/* @__PURE__ */S("span",{"aria-label":"Search type",className:"text-muted-foreground hover:text-foreground border-border flex items-center border-r py-2.5 pl-2 text-sm font-semibold",children:[/* @__PURE__ */S("span",{children:"content"===i?"Media":"Event"}),/* @__PURE__ */S(Be,{name:"material-symbols:arrow-drop-down-rounded",className:"size-4"})]})}),/* @__PURE__ */S(Ji,{align:"start",side:"bottom",className:"z-2010 w-32",children:[/* @__PURE__ */S(Xi,{title:"Event",isChecked:"event"===i,onClick:()=>s("event")}),/* @__PURE__ */S(Xi,{title:"Media",isChecked:"content"===i,onClick:()=>s("content")})]})]}),/* @__PURE__ */S("div",{className:"relative overflow-hidden",children:[/* @__PURE__ */S("input",{type:"text",value:o,onInput:e=>a(e.target.value),placeholder:"Type to search...",autoComplete:"off",disabled:n,className:"bg-input focus:border-primary focus:ring-primary w-full flex-1 border-0 py-2.5 pr-10 pl-2 text-sm outline-none"}),/* @__PURE__ */S("button",r?{type:"button",title:"Clear search",onClick:l,className:"text-muted-foreground hover:text-primary absolute top-2.5 right-3 cursor-pointer rounded-full hover:bg-gray-200",children:/* @__PURE__ */S(Be,{name:"material-symbols:close-rounded",className:"size-5"})}:{type:"submit","aria-label":"Search",className:"text-muted-foreground hover:text-primary absolute top-2.5 right-3 cursor-pointer rounded-full",children:/* @__PURE__ */S(Be,{name:"material-symbols:search-rounded",className:"size-5"})})]})]})})},Sc=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),Ac=({content:e,timestampField:t,onClick:r,hideControls:n,submittedQuery:o})=>{const a=`content-${e._id}`,i=((e,t)=>{if(!e||!t)return null;const r=t?.[e];if(!r)return null;try{const e=new Date(String(r)),t=/* @__PURE__ */new Date,n=e.getFullYear()===t.getFullYear(),o={weekday:"long",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",hour12:!0};return n||(o.year="numeric"),e.toLocaleString("en-US",o).replace(","," •")}catch{return null}})(t,e),s="caption"===e?.matchSource?e?.caption:"AI Generated Description",l="caption"===e?.matchSource?((e,t)=>{if(!e)return"No caption";const r=(t||"").trim().split(/\s+/).map(e=>e.trim()).filter(Boolean).sort((e,t)=>t.length-e.length);if(0===r.length)return e;const n=new RegExp(`(${r.map(Sc).join("|")})`,"gi"),o=e.split(n);return o.length<=1?e:o.map((e,t)=>r.some(t=>t.toLowerCase()===e.toLowerCase())?/* @__PURE__ */S("mark",{className:"rounded bg-amber-300/90 px-1 text-slate-950 shadow-[0_0_0_1px_rgba(255,255,255,0.18)]",children:e},`caption-part-${t}`):/* @__PURE__ */S("span",{children:e},`caption-part-${t}`))})(e?.caption,o):"AI Generated Description";/* @__PURE__ */
 return S("div",{id:a,className:"group relative mb-1 size-full h-64 overflow-hidden rounded",children:[/* @__PURE__ */S(Fe,{url:e.src,alt:e.caption,blurhash:e.blurhash,thumbnailUrl:e.thumbnailUrl,onClick:r,pswpData:{id:e._id,type:C.IMAGE,hash:e._id,width:e.dimension?.width,height:e.dimension?.height,thumbnailUrl:e.thumbnailUrl,blurhash:e.blurhash,caption:"caption"===e.matchSource?e.caption:"AI Generated Description"}}),!n&&/* @__PURE__ */S(I,{children:[i&&/* @__PURE__ */S("div",{className:"absolute top-2 left-2 max-w-[calc(100%-80px)] truncate rounded bg-black/50 px-2 py-0.5 text-xs text-white backdrop-blur-sm",children:i}),/* @__PURE__ */S("div",{className:"",children:/* @__PURE__ */S("div",{className:"absolute bottom-0 w-full rounded-b",children:/* @__PURE__ */S("div",{className:"w-full space-y-3 px-3 pb-3",children:[/* @__PURE__ */S("span",{className:"hidden w-full py-1 text-xs drop-shadow-[0_1.2px_1.2px_rgba(0,0,0,0.8)] sm:block","data-tooltip-target":"tooltip-default",children:/* @__PURE__ */S("div",{className:"hover:text-foreground lg:text-md line-clamp-2 text-xs text-white lg:font-medium",title:s??"No caption",role:"note",children:l})}),/* @__PURE__ */S("div",{className:"flex items-center justify-between",children:/* @__PURE__ */S("span",{className:"lg:text-md line-clamp-1 text-sm font-medium text-white drop-shadow-[0_1.2px_1.2px_rgba(0,0,0,0.8)]",children:e?.user?.name})})]})})})]})]})},Mc=({folders:e,submittedQuery:t,submittedSearchType:r,isLoading:n,errorMessage:o,hasMore:a,isSearchActive:i,page:s,onLoadMore:l,eventResults:c,contentResults:d,contentMeta:u,activeFolderKeys:p,eventGroupsByFolder:h,contentGroups:m,contentGroupsByFolder:g,flattenedContentMedia:f,galleryElementRef:v,galleryId:w,openMediaInLightbox:b})=>{const y=Y(null),_=Y(null);ve(()=>{if("content"===r)return y.current&&y.current.disconnect(),y.current=new IntersectionObserver(e=>{e[0]?.isIntersecting&&a&&!n&&l()},{rootMargin:"200px"}),_.current&&y.current.observe(_.current),()=>{y.current?.disconnect()}},[r,a,n,l]);const x=({folderId:t})=>{const r=t?bc(e,t):[];return 0===r.length?null:/* @__PURE__ */S("div",{className:"text-muted-foreground flex flex-wrap items-center gap-1 text-xs",children:r.map((e,t)=>/* @__PURE__ */S("span",{className:"inline-flex items-center gap-1",children:[t>0&&/* @__PURE__ */S(Be,{name:"material-symbols:chevron-right-rounded",size:"sm",className:"opacity-70"}),/* @__PURE__ */S(ee,{to:e.href,state:{internalNavigation:!0},className:"inline-flex items-center gap-1 rounded px-1.5 py-0.5 transition-colors",onMouseEnter:t=>{e.color&&(t.currentTarget.style.backgroundColor=`${e.color}24`)},onMouseLeave:e=>{e.currentTarget.style.backgroundColor=""},children:[/* @__PURE__ */S("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",style:{color:e.color??void 0},children:/* @__PURE__ */S("path",{fill:"currentColor",d:"M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h5.175q.4 0 .763.15t.637.425L12 6h8q.825 0 1.413.588T22 8v10q0 .825-.587 1.413T20 20z"})}),/* @__PURE__ */S("span",{className:"hover:text-foreground whitespace-nowrap",children:e.name})]})]},e._id))})},C=({event:e})=>/* @__PURE__ */S("div",{className:"bg-background border-border space-y-2 rounded border-b p-3",children:[
 /* @__PURE__ */S(x,{folderId:e.folderId}),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qratilabs/qrati-connect",
-  "version": "2.7.0-beta.20",
+  "version": "2.7.0-beta.21",
   "description": "Qrati Connect - A React-based micro frontend component",
   "author": "Qrati Labs",
   "license": "MIT",