@retinalabsllc/zairusjs 16.1.75 → 16.1.80
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.
- package/dist/index.d.mts +4 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +31 -17
- package/dist/index.mjs +31 -17
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -776,6 +776,10 @@ interface ContentGridBlockProps {
|
|
|
776
776
|
title: string;
|
|
777
777
|
subtitle: string;
|
|
778
778
|
}>;
|
|
779
|
+
bgColor_1?: string;
|
|
780
|
+
bgColor_2?: string;
|
|
781
|
+
bgDeco_1?: string;
|
|
782
|
+
bgDeco_2?: string;
|
|
779
783
|
}
|
|
780
784
|
declare const ContentGridBlock: React.FC<ContentGridBlockProps>;
|
|
781
785
|
|
package/dist/index.d.ts
CHANGED
|
@@ -776,6 +776,10 @@ interface ContentGridBlockProps {
|
|
|
776
776
|
title: string;
|
|
777
777
|
subtitle: string;
|
|
778
778
|
}>;
|
|
779
|
+
bgColor_1?: string;
|
|
780
|
+
bgColor_2?: string;
|
|
781
|
+
bgDeco_1?: string;
|
|
782
|
+
bgDeco_2?: string;
|
|
779
783
|
}
|
|
780
784
|
declare const ContentGridBlock: React.FC<ContentGridBlockProps>;
|
|
781
785
|
|
package/dist/index.js
CHANGED
|
@@ -674,7 +674,7 @@ var Footer = ({
|
|
|
674
674
|
/* @__PURE__ */ import_react7.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M19 9l-7 7-7-7" })
|
|
675
675
|
)
|
|
676
676
|
), /* @__PURE__ */ import_react7.default.createElement("div", { className: `grid transition-all duration-300 ease-in-out ${isOpen ? "grid-rows-[1fr] pb-6 opacity-100" : "grid-rows-[0fr] opacity-0"}` }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ import_react7.default.createElement("ul", { className: "space-y-4 text-[13px] text-neutral-500 pt-2" }, col.links.map((link, lIdx) => /* @__PURE__ */ import_react7.default.createElement("li", { key: lIdx }, link.isExternal ? /* @__PURE__ */ import_react7.default.createElement("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", className: "hover:text-black transition-colors" }, link.label) : /* @__PURE__ */ import_react7.default.createElement(import_link3.default, { href: link.href, className: "hover:text-black transition-colors" }, link.label)))))));
|
|
677
|
-
})))), /* @__PURE__ */ import_react7.default.createElement("div", { className: "pt-
|
|
677
|
+
})))), /* @__PURE__ */ import_react7.default.createElement("div", { className: "pt-12 mt-4 border-t border-neutral-200 flex flex-col items-center justify-center gap-8 relative z-20 text-center" }, socialLinks && socialLinks.length > 0 && /* @__PURE__ */ import_react7.default.createElement("div", { className: "flex items-center justify-center gap-6" }, socialLinks.map((social, idx) => /* @__PURE__ */ import_react7.default.createElement(
|
|
678
678
|
"a",
|
|
679
679
|
{
|
|
680
680
|
key: idx,
|
|
@@ -684,7 +684,7 @@ var Footer = ({
|
|
|
684
684
|
className: "text-neutral-400 hover:text-black transition-colors"
|
|
685
685
|
},
|
|
686
686
|
/* @__PURE__ */ import_react7.default.createElement(import_react8.HugeiconsIcon, { icon: social.icon, size: 20 })
|
|
687
|
-
))))))));
|
|
687
|
+
))), /* @__PURE__ */ import_react7.default.createElement("p", { className: "text-[10px] sm:text-[11px] text-neutral-400 leading-relaxed max-w-5xl mx-auto" }, "Retina Labs Company (RC - 9235780) is an artificial intelligence research organization and software developer headquartered in Lagos, Nigeria, and the Netherlands. Unauthorized reproduction or redistribution of copyrighted materials on this website and Retina Labs Company's digital media pages is strictly prohibited. By clicking on some of the links above, you may leave our website and be directed to a third-party website. The privacy practices of those third parties may differ from ours. We recommend you review the privacy statements of those third-party websites, as Retina Labs Company is not responsible for those third parties' privacy or security practices. For inquiries, contact us via phone at +234 201 700 1157 / +1 507 773 0007 or email at labs@theretinalabs.com. Additional disclosures and legal resources can be found in the respective sections of our platform."), /* @__PURE__ */ import_react7.default.createElement("p", { className: "text-[11px] text-neutral-500 tracking-widest mt-8" }, copyrightText))))));
|
|
688
688
|
};
|
|
689
689
|
|
|
690
690
|
// src/components/MobileNav.tsx
|
|
@@ -1254,7 +1254,7 @@ var PageSpinner = ({
|
|
|
1254
1254
|
{
|
|
1255
1255
|
icon: import_core_free_icons5.Loading03Icon,
|
|
1256
1256
|
size,
|
|
1257
|
-
className: `animate-spin mb-4 ${iconClassName}`
|
|
1257
|
+
className: `animate-spin text-[#068afe] mb-4 ${iconClassName}`
|
|
1258
1258
|
}
|
|
1259
1259
|
))
|
|
1260
1260
|
);
|
|
@@ -2545,10 +2545,10 @@ var HeroSection = ({
|
|
|
2545
2545
|
{
|
|
2546
2546
|
href: isWaitlist ? "#" : ctaHref || "#",
|
|
2547
2547
|
onClick: handleCtaClick,
|
|
2548
|
-
className: "group inline-flex h-10 items-center gap-2 self-start rounded-full bg-
|
|
2548
|
+
className: "group inline-flex h-10 items-center gap-2 self-start rounded-full bg-white pl-5 pr-1 text-xs text-black transition-all hover:gap-3"
|
|
2549
2549
|
},
|
|
2550
2550
|
ctaText,
|
|
2551
|
-
/* @__PURE__ */ import_react38.default.createElement("span", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-
|
|
2551
|
+
/* @__PURE__ */ import_react38.default.createElement("span", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-black transition-transform group-hover:scale-110" }, /* @__PURE__ */ import_react38.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-arrow-right h-4 w-4 text-[#ffffff]" }, /* @__PURE__ */ import_react38.default.createElement("path", { d: "M5 12h14" }), /* @__PURE__ */ import_react38.default.createElement("path", { d: "m12 5 7 7-7 7" })))
|
|
2552
2552
|
), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ import_react38.default.createElement(
|
|
2553
2553
|
import_link6.default,
|
|
2554
2554
|
{
|
|
@@ -3617,16 +3617,30 @@ var ContentGridBlock = ({
|
|
|
3617
3617
|
leftCard,
|
|
3618
3618
|
middleTopCard,
|
|
3619
3619
|
middleBottomCard,
|
|
3620
|
-
rightCards
|
|
3620
|
+
rightCards,
|
|
3621
|
+
bgColor_1,
|
|
3622
|
+
bgColor_2,
|
|
3623
|
+
bgDeco_1,
|
|
3624
|
+
bgDeco_2
|
|
3621
3625
|
}) => {
|
|
3622
3626
|
return /* @__PURE__ */ import_react62.default.createElement("section", { className: " w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react62.default.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ import_react62.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ import_react62.default.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ import_react62.default.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ import_react62.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ import_react62.default.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ import_react62.default.createElement("div", { className: "bg-black rounded-3xl p-8 flex flex-col mx-h-95" }, /* @__PURE__ */ import_react62.default.createElement("p", { className: "text-[14px] text-white leading-snug mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ import_react62.default.createElement("span", { className: "mb-auto text-[11px] text-neutral-100 tracking-widest" }, leftCard.tag), /* @__PURE__ */ import_react62.default.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ import_react62.default.createElement("div", null, /* @__PURE__ */ import_react62.default.createElement("h4", { className: "text-[15px] text-white" }, leftCard.title), /* @__PURE__ */ import_react62.default.createElement("p", { className: "text-[13px] text-neutral-300" }, leftCard.subtitle)), /* @__PURE__ */ import_react62.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ import_react62.default.createElement(import_image11.default, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ import_react62.default.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ import_react62.default.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col relative mx-h-95" }, /* @__PURE__ */ import_react62.default.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ import_react62.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ import_react62.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react62.default.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ import_react62.default.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-white overflow-hidden relative z-10" }, /* @__PURE__ */ import_react62.default.createElement(import_image11.default, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ import_react62.default.createElement("span", { className: "text-sm text-neutral-500" }, middleTopCard.topRightCount))), /* @__PURE__ */ import_react62.default.createElement("div", { className: "grow flex flex-col mt-10 justify-center items-center py-6" }, /* @__PURE__ */ import_react62.default.createElement("div", { className: "px-5 py-2 rounded-full bg-neutral-50/50 border border-neutral-200 text-[13px] text-neutral-600" }, middleTopCard.badgePrefix, " ", /* @__PURE__ */ import_react62.default.createElement("span", { className: " text-black" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ import_react62.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react62.default.createElement("p", { className: "text-[11px] text-neutral-400 tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ import_react62.default.createElement("p", { className: "text-[14px] text-black leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ import_react62.default.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col mx-h-95" }, /* @__PURE__ */ import_react62.default.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ import_react62.default.createElement("div", null, /* @__PURE__ */ import_react62.default.createElement("h4", { className: "text-[15px] text-black leading-tight" }, middleBottomCard.title), /* @__PURE__ */ import_react62.default.createElement("p", { className: "text-[13px] text-neutral-400" }, middleBottomCard.subtitle)), /* @__PURE__ */ import_react62.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ import_react62.default.createElement(import_image11.default, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ import_react62.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react62.default.createElement("p", { className: "text-[14px] text-black leading-snug mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ import_react62.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ import_react62.default.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => {
|
|
3623
3627
|
const isSecondCard = idx === 1;
|
|
3628
|
+
const cardBgColor = isSecondCard ? bgColor_2 || "bg-[#ceff8a]" : bgColor_1 || "bg-[#143731]";
|
|
3629
|
+
const bgDecoImage = isSecondCard ? bgDeco_2 : bgDeco_1;
|
|
3624
3630
|
return /* @__PURE__ */ import_react62.default.createElement(
|
|
3625
3631
|
"div",
|
|
3626
3632
|
{
|
|
3627
3633
|
key: idx,
|
|
3628
|
-
className: `relative w-full h-80 rounded-3xl overflow-hidden group ${
|
|
3634
|
+
className: `relative w-full h-80 rounded-3xl overflow-hidden group ${cardBgColor}`
|
|
3629
3635
|
},
|
|
3636
|
+
bgDecoImage && /* @__PURE__ */ import_react62.default.createElement(
|
|
3637
|
+
"img",
|
|
3638
|
+
{
|
|
3639
|
+
src: bgDecoImage,
|
|
3640
|
+
alt: "Decorative background",
|
|
3641
|
+
className: "absolute bottom-4 right-2 translate-x-1/4 translate-y-1/2 w-32 h-auto object-contain z-10 pointer-events-none opacity-30 rotate-90"
|
|
3642
|
+
}
|
|
3643
|
+
),
|
|
3630
3644
|
/* @__PURE__ */ import_react62.default.createElement("div", { className: `absolute inset-0 z-20 pointer-events-none ${isSecondCard ? "" : "bg-black/20"}` }),
|
|
3631
3645
|
/* @__PURE__ */ import_react62.default.createElement("div", { className: `absolute inset-0 z-30 p-6 flex flex-col justify-end ${isSecondCard ? "text-black" : "text-white"}` }, /* @__PURE__ */ import_react62.default.createElement("p", { className: `text-[14px] leading-snug mb-3 pr-2 ${isSecondCard ? "text-black/90" : "text-white/90"}` }, card.mainText), card.tag && /* @__PURE__ */ import_react62.default.createElement("span", { className: `mb-4 text-[11px] tracking-widest ${isSecondCard ? "text-black/70" : "text-white/50"}` }, card.tag), /* @__PURE__ */ import_react62.default.createElement("div", { className: "pt-3" }, /* @__PURE__ */ import_react62.default.createElement("h4", { className: `text-[15px] tracking-wide ${isSecondCard ? "text-black" : "text-white"}` }, card.title), /* @__PURE__ */ import_react62.default.createElement("p", { className: `text-[13px] ${isSecondCard ? "text-black/60" : "text-white/60"}` }, card.subtitle)))
|
|
3632
3646
|
);
|
|
@@ -4994,13 +5008,13 @@ var UniversalHome2 = ({
|
|
|
4994
5008
|
"div",
|
|
4995
5009
|
{
|
|
4996
5010
|
onClick: createHuddleAction?.onClick,
|
|
4997
|
-
className: "bg-[#
|
|
5011
|
+
className: "bg-[#068afe] rounded-2xl p-5 relative overflow-hidden flex flex-col h-32 sm:h-36 cursor-pointer hover:opacity-90 transition-opacity"
|
|
4998
5012
|
},
|
|
4999
5013
|
/* @__PURE__ */ import_react81.default.createElement("div", { className: "relative z-10 flex flex-col h-full justify-between" }, /* @__PURE__ */ import_react81.default.createElement("p", { className: "text-[15px] sm:text-[15px] text-white leading-tight" }, "Create", /* @__PURE__ */ import_react81.default.createElement("br", null), /* @__PURE__ */ import_react81.default.createElement("span", { className: "text-white/70" }, "Huddle")), /* @__PURE__ */ import_react81.default.createElement("div", { className: "w-8 h-8 rounded-full bg-white/10 flex items-center justify-center" }, /* @__PURE__ */ import_react81.default.createElement(import_react82.HugeiconsIcon, { icon: import_core_free_icons29.ArrowUpRight01Icon, size: 16, className: "text-white" }))),
|
|
5000
5014
|
/* @__PURE__ */ import_react81.default.createElement(
|
|
5001
5015
|
"img",
|
|
5002
5016
|
{
|
|
5003
|
-
src: "https://storage.googleapis.com/retina-cloud-v2/assets/images/
|
|
5017
|
+
src: "https://storage.googleapis.com/retina-cloud-v2/assets/images/cal_b.avif",
|
|
5004
5018
|
alt: "Create Huddle",
|
|
5005
5019
|
className: "absolute bottom-4 right-2 translate-x-1/4 translate-y-1/2 w-32 h-auto object-contain z-0 pointer-events-none"
|
|
5006
5020
|
}
|
|
@@ -5009,13 +5023,13 @@ var UniversalHome2 = ({
|
|
|
5009
5023
|
"div",
|
|
5010
5024
|
{
|
|
5011
5025
|
onClick: joinHuddleAction?.onClick,
|
|
5012
|
-
className: "bg-[#
|
|
5026
|
+
className: "bg-[#f8f8fa] rounded-2xl p-5 relative overflow-hidden flex flex-col h-32 sm:h-36 cursor-pointer hover:opacity-90 transition-opacity"
|
|
5013
5027
|
},
|
|
5014
5028
|
/* @__PURE__ */ import_react81.default.createElement("div", { className: "relative z-10 flex flex-col h-full justify-between" }, /* @__PURE__ */ import_react81.default.createElement("p", { className: "text-[15px] sm:text-[15px] text-black leading-tight" }, "Join", /* @__PURE__ */ import_react81.default.createElement("br", null), /* @__PURE__ */ import_react81.default.createElement("span", { className: "text-black/60" }, "Huddle")), /* @__PURE__ */ import_react81.default.createElement("div", { className: "w-8 h-8 rounded-full bg-black/5 flex items-center justify-center" }, /* @__PURE__ */ import_react81.default.createElement(import_react82.HugeiconsIcon, { icon: import_core_free_icons29.ArrowRight01Icon, size: 16, className: "text-black" }))),
|
|
5015
5029
|
/* @__PURE__ */ import_react81.default.createElement(
|
|
5016
5030
|
"img",
|
|
5017
5031
|
{
|
|
5018
|
-
src: "https://storage.googleapis.com/retina-cloud-v2/assets/images/
|
|
5032
|
+
src: "https://storage.googleapis.com/retina-cloud-v2/assets/images/cam_c.avif",
|
|
5019
5033
|
alt: "Join Huddle",
|
|
5020
5034
|
className: "absolute bottom-4 right-2 translate-x-1/4 translate-y-1/2 w-32 h-auto object-contain z-0 pointer-events-none"
|
|
5021
5035
|
}
|
|
@@ -5035,8 +5049,8 @@ var UniversalHome2 = ({
|
|
|
5035
5049
|
},
|
|
5036
5050
|
className: `p-4 flex items-center justify-between gap-3 cursor-pointer outline-none transition-colors border-b border-neutral-50 last:border-0 ${activeOrgId === org.id ? "bg-neutral-50" : "hover:bg-neutral-50/50"}`
|
|
5037
5051
|
},
|
|
5038
|
-
/* @__PURE__ */ import_react81.default.createElement("span", { className: `text-[13px] tracking-tight ${activeOrgId === org.id ? "text-black
|
|
5039
|
-
activeOrgId === org.id && /* @__PURE__ */ import_react81.default.createElement("div", { className: "w-2 h-2 rounded-full bg-
|
|
5052
|
+
/* @__PURE__ */ import_react81.default.createElement("div", { className: "flex flex-col items-start min-w-0 flex-1" }, /* @__PURE__ */ import_react81.default.createElement("span", { className: `text-[13px] tracking-tight truncate w-full text-left ${activeOrgId === org.id ? "text-black " : "text-neutral-600"}` }, org.name), /* @__PURE__ */ import_react81.default.createElement("span", { className: "text-[11px] text-[#068afe] capitalize truncate w-full text-left mt-0.5" }, org.role?.toLowerCase() || "Member")),
|
|
5053
|
+
activeOrgId === org.id && /* @__PURE__ */ import_react81.default.createElement("div", { className: "w-2 h-2 rounded-full bg-[#068afe] shrink-0" })
|
|
5040
5054
|
)))), /* @__PURE__ */ import_react81.default.createElement("div", { className: "p-4 shrink-0" }, /* @__PURE__ */ import_react81.default.createElement(
|
|
5041
5055
|
"button",
|
|
5042
5056
|
{
|
|
@@ -5048,7 +5062,7 @@ var UniversalHome2 = ({
|
|
|
5048
5062
|
},
|
|
5049
5063
|
/* @__PURE__ */ import_react81.default.createElement(import_react82.HugeiconsIcon, { icon: import_core_free_icons29.Logout01Icon, size: 15 }),
|
|
5050
5064
|
"Log Out"
|
|
5051
|
-
)))), showNotifDialog && /* @__PURE__ */ import_react81.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react81.default.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setShowNotifDialog(false) }), /* @__PURE__ */ import_react81.default.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[80vh] h-auto" }, /* @__PURE__ */ import_react81.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, selectedNotif ? /* @__PURE__ */ import_react81.default.createElement("button", { onClick: () => setSelectedNotif(null), disabled: isResolving, className: "text-
|
|
5065
|
+
)))), showNotifDialog && /* @__PURE__ */ import_react81.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react81.default.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setShowNotifDialog(false) }), /* @__PURE__ */ import_react81.default.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[80vh] h-auto" }, /* @__PURE__ */ import_react81.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, selectedNotif ? /* @__PURE__ */ import_react81.default.createElement("button", { onClick: () => setSelectedNotif(null), disabled: isResolving, className: "text-[#068afe] hover:text-[#068afe] transition-colors outline-none flex items-center gap-2 text-[11px] tracking-widest disabled:opacity-50" }, /* @__PURE__ */ import_react81.default.createElement(import_react82.HugeiconsIcon, { icon: import_core_free_icons29.ArrowLeft01Icon, size: 14 }), " Back") : /* @__PURE__ */ import_react81.default.createElement("h3", { className: "text-[15px] text-black tracking-tight flex items-center gap-2" }, "Notifications"), /* @__PURE__ */ import_react81.default.createElement("button", { onClick: () => setShowNotifDialog(false), disabled: isResolving, className: "text-neutral-400 hover:text-black transition-colors outline-none disabled:opacity-50" }, /* @__PURE__ */ import_react81.default.createElement(import_react82.HugeiconsIcon, { icon: import_core_free_icons29.CancelCircleIcon, size: 18 }))), /* @__PURE__ */ import_react81.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-2 relative" }, isNotifsLoading && !selectedNotif && /* @__PURE__ */ import_react81.default.createElement("div", { className: "absolute inset-0 z-10 flex items-center justify-center" }, /* @__PURE__ */ import_react81.default.createElement(import_react82.HugeiconsIcon, { icon: import_core_free_icons29.Loading03Icon, size: 28, className: "animate-spin text-black" })), selectedNotif ? /* @__PURE__ */ import_react81.default.createElement("div", { className: "p-4 text-left" }, /* @__PURE__ */ import_react81.default.createElement("h4", { className: "text-[14px] text-black mb-1" }, selectedNotif.title), /* @__PURE__ */ import_react81.default.createElement("span", { className: "text-[10px] text-neutral-400 tracking-widest mb-4 block" }, formatNotifDate(selectedNotif.createdAt)), /* @__PURE__ */ import_react81.default.createElement("p", { className: "text-[12px] text-neutral-600 leading-relaxed whitespace-pre-wrap" }, selectedNotif.message), selectedNotif.type === "HUDDLE_INVITE" && selectedNotif.meta_json?.action === "RESOLVE_INVITE" && !selectedNotif.meta_json?.completed && /* @__PURE__ */ import_react81.default.createElement("div", { className: "mt-8 flex gap-3 pt-6 " }, /* @__PURE__ */ import_react81.default.createElement(
|
|
5052
5066
|
"button",
|
|
5053
5067
|
{
|
|
5054
5068
|
onClick: () => handleResolve("ACCEPTED"),
|
|
@@ -5301,7 +5315,7 @@ var UniversalSettings = ({
|
|
|
5301
5315
|
};
|
|
5302
5316
|
const hasAccountChanges = displayName !== initialDisplayName || slug !== initialSlug;
|
|
5303
5317
|
const isAccountSaveDisabled = isSavingAccount || isAccountReadOnly || isCheckingSlug || !hasAccountChanges || displayName.length < 3 || slug.length < 3 || slug !== initialSlug && slugAvailable === false;
|
|
5304
|
-
return /* @__PURE__ */ import_react83.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ import_react83.default.createElement(ManagedToaster, null), /* @__PURE__ */ import_react83.default.createElement("div", { className: "mb-6 flex w-full items-center px-1" }, /* @__PURE__ */ import_react83.default.createElement("button", { onClick: onBackHandler, className: "flex items-center gap-2 text-
|
|
5318
|
+
return /* @__PURE__ */ import_react83.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ import_react83.default.createElement(ManagedToaster, null), /* @__PURE__ */ import_react83.default.createElement("div", { className: "mb-6 flex w-full items-center px-1" }, /* @__PURE__ */ import_react83.default.createElement("button", { onClick: onBackHandler, className: "flex items-center gap-2 text-[#068afe] hover:text-[#068afe] transition-colors text-[13px] outline-none" }, /* @__PURE__ */ import_react83.default.createElement(import_react84.HugeiconsIcon, { icon: import_core_free_icons30.ArrowLeft01Icon, size: 16 }), " Back")), /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex flex-col gap-1 mb-8 px-1" }, /* @__PURE__ */ import_react83.default.createElement("h1", { className: "text-black text-xl tracking-tight" }, "System Settings"), /* @__PURE__ */ import_react83.default.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your workspace identity, team configurations, and AI billing parameters.")), /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex items-center gap-6 border-b border-neutral-200 mb-6 overflow-x-auto custom-scrollbar px-1" }, accountType === "ORGANIZATION" && /* @__PURE__ */ import_react83.default.createElement(
|
|
5305
5319
|
"button",
|
|
5306
5320
|
{
|
|
5307
5321
|
onClick: () => {
|
|
@@ -5453,7 +5467,7 @@ var UniversalSettings = ({
|
|
|
5453
5467
|
className: `text-left px-4 py-3 text-[11px] tracking-wide transition-colors rounded-full flex items-center justify-between outline-none ${activeStatusFilter === option ? "bg-neutral-100 text-black" : "text-neutral-500 hover:bg-neutral-50 hover:text-black"}`
|
|
5454
5468
|
},
|
|
5455
5469
|
/* @__PURE__ */ import_react83.default.createElement("span", { className: "truncate pr-2 capitalize" }, option.toLowerCase())
|
|
5456
|
-
))), /* @__PURE__ */ import_react83.default.createElement("div", { className: "w-full flex mt-2" }, /* @__PURE__ */ import_react83.default.createElement("button", { onClick: () => setIsStatusModalOpen(false), className: "w-full py-4 text-[13px] text-
|
|
5470
|
+
))), /* @__PURE__ */ import_react83.default.createElement("div", { className: "w-full flex mt-2" }, /* @__PURE__ */ import_react83.default.createElement("button", { onClick: () => setIsStatusModalOpen(false), className: "w-full py-4 text-[13px] text-[#068afe] hover:text-[#068afe] transition-colors outline-none" }, "Cancel")))), isRoleModalOpen && /* @__PURE__ */ import_react83.default.createElement("div", { className: "fixed inset-0 z-110 flex items-center justify-center p-4" }, /* @__PURE__ */ import_react83.default.createElement("div", { className: "absolute inset-0 bg-black/40", onClick: () => setIsRoleModalOpen(false) }), /* @__PURE__ */ import_react83.default.createElement("div", { ref: roleDropdownRef, className: "relative w-72 bg-white shadow-2xl rounded-2xl flex flex-col items-center overflow-hidden animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ import_react83.default.createElement("div", { className: "p-6 text-center w-full mb-2" }, /* @__PURE__ */ import_react83.default.createElement("h3", { className: "text-[14px] text-black tracking-tight" }, "Role Filter")), /* @__PURE__ */ import_react83.default.createElement("div", { className: "w-full flex flex-col pl-2 pr-2 gap-1" }, ["ALL", "ADMIN", "MANAGER", "MEMBER", "GUEST"].map((option) => /* @__PURE__ */ import_react83.default.createElement(
|
|
5457
5471
|
"button",
|
|
5458
5472
|
{
|
|
5459
5473
|
key: option,
|
|
@@ -5464,7 +5478,7 @@ var UniversalSettings = ({
|
|
|
5464
5478
|
className: `text-left px-4 py-3 text-[11px] tracking-wide transition-colors rounded-full flex items-center justify-between outline-none ${activeRoleFilter === option ? "bg-neutral-100 text-black" : "text-neutral-500 hover:bg-neutral-50 hover:text-black"}`
|
|
5465
5479
|
},
|
|
5466
5480
|
/* @__PURE__ */ import_react83.default.createElement("span", { className: "truncate pr-2 capitalize" }, option.toLowerCase())
|
|
5467
|
-
))), /* @__PURE__ */ import_react83.default.createElement("div", { className: "w-full flex mt-2" }, /* @__PURE__ */ import_react83.default.createElement("button", { onClick: () => setIsRoleModalOpen(false), className: "w-full py-4 text-[13px] text-
|
|
5481
|
+
))), /* @__PURE__ */ import_react83.default.createElement("div", { className: "w-full flex mt-2" }, /* @__PURE__ */ import_react83.default.createElement("button", { onClick: () => setIsRoleModalOpen(false), className: "w-full py-4 text-[13px] text-[#068afe] hover:text-[#068afe] transition-colors outline-none" }, "Cancel"))))), activeTab === "ACCOUNT" && /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex flex-col gap-8 animate-in rounded-2xl p-6 bg-white fade-in duration-300" }, /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react83.default.createElement("div", null, /* @__PURE__ */ import_react83.default.createElement("h2", { className: "text-black text-xl mb-1 tracking-tight" }, "Public Profile"), /* @__PURE__ */ import_react83.default.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your workspace identifiers and structural configuration details.")), isAccountReadOnly && /* @__PURE__ */ import_react83.default.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ import_react83.default.createElement(import_react84.HugeiconsIcon, { icon: import_core_free_icons30.CircleLock02Icon, size: 18, className: "text-current" }))), /* @__PURE__ */ import_react83.default.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ import_react83.default.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSaveAccount, autoComplete: "off" }, /* @__PURE__ */ import_react83.default.createElement(
|
|
5468
5482
|
TextInput,
|
|
5469
5483
|
{
|
|
5470
5484
|
label: "Display Name",
|
package/dist/index.mjs
CHANGED
|
@@ -590,7 +590,7 @@ var Footer = ({
|
|
|
590
590
|
/* @__PURE__ */ React6.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M19 9l-7 7-7-7" })
|
|
591
591
|
)
|
|
592
592
|
), /* @__PURE__ */ React6.createElement("div", { className: `grid transition-all duration-300 ease-in-out ${isOpen ? "grid-rows-[1fr] pb-6 opacity-100" : "grid-rows-[0fr] opacity-0"}` }, /* @__PURE__ */ React6.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ React6.createElement("ul", { className: "space-y-4 text-[13px] text-neutral-500 pt-2" }, col.links.map((link, lIdx) => /* @__PURE__ */ React6.createElement("li", { key: lIdx }, link.isExternal ? /* @__PURE__ */ React6.createElement("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", className: "hover:text-black transition-colors" }, link.label) : /* @__PURE__ */ React6.createElement(Link3, { href: link.href, className: "hover:text-black transition-colors" }, link.label)))))));
|
|
593
|
-
})))), /* @__PURE__ */ React6.createElement("div", { className: "pt-
|
|
593
|
+
})))), /* @__PURE__ */ React6.createElement("div", { className: "pt-12 mt-4 border-t border-neutral-200 flex flex-col items-center justify-center gap-8 relative z-20 text-center" }, socialLinks && socialLinks.length > 0 && /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-center gap-6" }, socialLinks.map((social, idx) => /* @__PURE__ */ React6.createElement(
|
|
594
594
|
"a",
|
|
595
595
|
{
|
|
596
596
|
key: idx,
|
|
@@ -600,7 +600,7 @@ var Footer = ({
|
|
|
600
600
|
className: "text-neutral-400 hover:text-black transition-colors"
|
|
601
601
|
},
|
|
602
602
|
/* @__PURE__ */ React6.createElement(HugeiconsIcon2, { icon: social.icon, size: 20 })
|
|
603
|
-
))))))));
|
|
603
|
+
))), /* @__PURE__ */ React6.createElement("p", { className: "text-[10px] sm:text-[11px] text-neutral-400 leading-relaxed max-w-5xl mx-auto" }, "Retina Labs Company (RC - 9235780) is an artificial intelligence research organization and software developer headquartered in Lagos, Nigeria, and the Netherlands. Unauthorized reproduction or redistribution of copyrighted materials on this website and Retina Labs Company's digital media pages is strictly prohibited. By clicking on some of the links above, you may leave our website and be directed to a third-party website. The privacy practices of those third parties may differ from ours. We recommend you review the privacy statements of those third-party websites, as Retina Labs Company is not responsible for those third parties' privacy or security practices. For inquiries, contact us via phone at +234 201 700 1157 / +1 507 773 0007 or email at labs@theretinalabs.com. Additional disclosures and legal resources can be found in the respective sections of our platform."), /* @__PURE__ */ React6.createElement("p", { className: "text-[11px] text-neutral-500 tracking-widest mt-8" }, copyrightText))))));
|
|
604
604
|
};
|
|
605
605
|
|
|
606
606
|
// src/components/MobileNav.tsx
|
|
@@ -1184,7 +1184,7 @@ var PageSpinner = ({
|
|
|
1184
1184
|
{
|
|
1185
1185
|
icon: Loading03Icon3,
|
|
1186
1186
|
size,
|
|
1187
|
-
className: `animate-spin mb-4 ${iconClassName}`
|
|
1187
|
+
className: `animate-spin text-[#068afe] mb-4 ${iconClassName}`
|
|
1188
1188
|
}
|
|
1189
1189
|
))
|
|
1190
1190
|
);
|
|
@@ -2525,10 +2525,10 @@ var HeroSection = ({
|
|
|
2525
2525
|
{
|
|
2526
2526
|
href: isWaitlist ? "#" : ctaHref || "#",
|
|
2527
2527
|
onClick: handleCtaClick,
|
|
2528
|
-
className: "group inline-flex h-10 items-center gap-2 self-start rounded-full bg-
|
|
2528
|
+
className: "group inline-flex h-10 items-center gap-2 self-start rounded-full bg-white pl-5 pr-1 text-xs text-black transition-all hover:gap-3"
|
|
2529
2529
|
},
|
|
2530
2530
|
ctaText,
|
|
2531
|
-
/* @__PURE__ */ React23.createElement("span", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-
|
|
2531
|
+
/* @__PURE__ */ React23.createElement("span", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-black transition-transform group-hover:scale-110" }, /* @__PURE__ */ React23.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-arrow-right h-4 w-4 text-[#ffffff]" }, /* @__PURE__ */ React23.createElement("path", { d: "M5 12h14" }), /* @__PURE__ */ React23.createElement("path", { d: "m12 5 7 7-7 7" })))
|
|
2532
2532
|
), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ React23.createElement(
|
|
2533
2533
|
Link6,
|
|
2534
2534
|
{
|
|
@@ -3604,16 +3604,30 @@ var ContentGridBlock = ({
|
|
|
3604
3604
|
leftCard,
|
|
3605
3605
|
middleTopCard,
|
|
3606
3606
|
middleBottomCard,
|
|
3607
|
-
rightCards
|
|
3607
|
+
rightCards,
|
|
3608
|
+
bgColor_1,
|
|
3609
|
+
bgColor_2,
|
|
3610
|
+
bgDeco_1,
|
|
3611
|
+
bgDeco_2
|
|
3608
3612
|
}) => {
|
|
3609
3613
|
return /* @__PURE__ */ React38.createElement("section", { className: " w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React38.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ React38.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ React38.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ React38.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ React38.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ React38.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ React38.createElement("div", { className: "bg-black rounded-3xl p-8 flex flex-col mx-h-95" }, /* @__PURE__ */ React38.createElement("p", { className: "text-[14px] text-white leading-snug mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ React38.createElement("span", { className: "mb-auto text-[11px] text-neutral-100 tracking-widest" }, leftCard.tag), /* @__PURE__ */ React38.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ React38.createElement("div", null, /* @__PURE__ */ React38.createElement("h4", { className: "text-[15px] text-white" }, leftCard.title), /* @__PURE__ */ React38.createElement("p", { className: "text-[13px] text-neutral-300" }, leftCard.subtitle)), /* @__PURE__ */ React38.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React38.createElement(Image12, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ React38.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React38.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col relative mx-h-95" }, /* @__PURE__ */ React38.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ React38.createElement("span", { className: "text-[11px] text-neutral-400 tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ React38.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React38.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ React38.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-white overflow-hidden relative z-10" }, /* @__PURE__ */ React38.createElement(Image12, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ React38.createElement("span", { className: "text-sm text-neutral-500" }, middleTopCard.topRightCount))), /* @__PURE__ */ React38.createElement("div", { className: "grow flex flex-col mt-10 justify-center items-center py-6" }, /* @__PURE__ */ React38.createElement("div", { className: "px-5 py-2 rounded-full bg-neutral-50/50 border border-neutral-200 text-[13px] text-neutral-600" }, middleTopCard.badgePrefix, " ", /* @__PURE__ */ React38.createElement("span", { className: " text-black" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ React38.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React38.createElement("p", { className: "text-[11px] text-neutral-400 tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ React38.createElement("p", { className: "text-[14px] text-black leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ React38.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col mx-h-95" }, /* @__PURE__ */ React38.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ React38.createElement("div", null, /* @__PURE__ */ React38.createElement("h4", { className: "text-[15px] text-black leading-tight" }, middleBottomCard.title), /* @__PURE__ */ React38.createElement("p", { className: "text-[13px] text-neutral-400" }, middleBottomCard.subtitle)), /* @__PURE__ */ React38.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React38.createElement(Image12, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ React38.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React38.createElement("p", { className: "text-[14px] text-black leading-snug mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ React38.createElement("span", { className: "text-[11px] text-neutral-400 tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ React38.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => {
|
|
3610
3614
|
const isSecondCard = idx === 1;
|
|
3615
|
+
const cardBgColor = isSecondCard ? bgColor_2 || "bg-[#ceff8a]" : bgColor_1 || "bg-[#143731]";
|
|
3616
|
+
const bgDecoImage = isSecondCard ? bgDeco_2 : bgDeco_1;
|
|
3611
3617
|
return /* @__PURE__ */ React38.createElement(
|
|
3612
3618
|
"div",
|
|
3613
3619
|
{
|
|
3614
3620
|
key: idx,
|
|
3615
|
-
className: `relative w-full h-80 rounded-3xl overflow-hidden group ${
|
|
3621
|
+
className: `relative w-full h-80 rounded-3xl overflow-hidden group ${cardBgColor}`
|
|
3616
3622
|
},
|
|
3623
|
+
bgDecoImage && /* @__PURE__ */ React38.createElement(
|
|
3624
|
+
"img",
|
|
3625
|
+
{
|
|
3626
|
+
src: bgDecoImage,
|
|
3627
|
+
alt: "Decorative background",
|
|
3628
|
+
className: "absolute bottom-4 right-2 translate-x-1/4 translate-y-1/2 w-32 h-auto object-contain z-10 pointer-events-none opacity-30 rotate-90"
|
|
3629
|
+
}
|
|
3630
|
+
),
|
|
3617
3631
|
/* @__PURE__ */ React38.createElement("div", { className: `absolute inset-0 z-20 pointer-events-none ${isSecondCard ? "" : "bg-black/20"}` }),
|
|
3618
3632
|
/* @__PURE__ */ React38.createElement("div", { className: `absolute inset-0 z-30 p-6 flex flex-col justify-end ${isSecondCard ? "text-black" : "text-white"}` }, /* @__PURE__ */ React38.createElement("p", { className: `text-[14px] leading-snug mb-3 pr-2 ${isSecondCard ? "text-black/90" : "text-white/90"}` }, card.mainText), card.tag && /* @__PURE__ */ React38.createElement("span", { className: `mb-4 text-[11px] tracking-widest ${isSecondCard ? "text-black/70" : "text-white/50"}` }, card.tag), /* @__PURE__ */ React38.createElement("div", { className: "pt-3" }, /* @__PURE__ */ React38.createElement("h4", { className: `text-[15px] tracking-wide ${isSecondCard ? "text-black" : "text-white"}` }, card.title), /* @__PURE__ */ React38.createElement("p", { className: `text-[13px] ${isSecondCard ? "text-black/60" : "text-white/60"}` }, card.subtitle)))
|
|
3619
3633
|
);
|
|
@@ -5027,13 +5041,13 @@ var UniversalHome2 = ({
|
|
|
5027
5041
|
"div",
|
|
5028
5042
|
{
|
|
5029
5043
|
onClick: createHuddleAction?.onClick,
|
|
5030
|
-
className: "bg-[#
|
|
5044
|
+
className: "bg-[#068afe] rounded-2xl p-5 relative overflow-hidden flex flex-col h-32 sm:h-36 cursor-pointer hover:opacity-90 transition-opacity"
|
|
5031
5045
|
},
|
|
5032
5046
|
/* @__PURE__ */ React48.createElement("div", { className: "relative z-10 flex flex-col h-full justify-between" }, /* @__PURE__ */ React48.createElement("p", { className: "text-[15px] sm:text-[15px] text-white leading-tight" }, "Create", /* @__PURE__ */ React48.createElement("br", null), /* @__PURE__ */ React48.createElement("span", { className: "text-white/70" }, "Huddle")), /* @__PURE__ */ React48.createElement("div", { className: "w-8 h-8 rounded-full bg-white/10 flex items-center justify-center" }, /* @__PURE__ */ React48.createElement(HugeiconsIcon34, { icon: ArrowUpRight01Icon3, size: 16, className: "text-white" }))),
|
|
5033
5047
|
/* @__PURE__ */ React48.createElement(
|
|
5034
5048
|
"img",
|
|
5035
5049
|
{
|
|
5036
|
-
src: "https://storage.googleapis.com/retina-cloud-v2/assets/images/
|
|
5050
|
+
src: "https://storage.googleapis.com/retina-cloud-v2/assets/images/cal_b.avif",
|
|
5037
5051
|
alt: "Create Huddle",
|
|
5038
5052
|
className: "absolute bottom-4 right-2 translate-x-1/4 translate-y-1/2 w-32 h-auto object-contain z-0 pointer-events-none"
|
|
5039
5053
|
}
|
|
@@ -5042,13 +5056,13 @@ var UniversalHome2 = ({
|
|
|
5042
5056
|
"div",
|
|
5043
5057
|
{
|
|
5044
5058
|
onClick: joinHuddleAction?.onClick,
|
|
5045
|
-
className: "bg-[#
|
|
5059
|
+
className: "bg-[#f8f8fa] rounded-2xl p-5 relative overflow-hidden flex flex-col h-32 sm:h-36 cursor-pointer hover:opacity-90 transition-opacity"
|
|
5046
5060
|
},
|
|
5047
5061
|
/* @__PURE__ */ React48.createElement("div", { className: "relative z-10 flex flex-col h-full justify-between" }, /* @__PURE__ */ React48.createElement("p", { className: "text-[15px] sm:text-[15px] text-black leading-tight" }, "Join", /* @__PURE__ */ React48.createElement("br", null), /* @__PURE__ */ React48.createElement("span", { className: "text-black/60" }, "Huddle")), /* @__PURE__ */ React48.createElement("div", { className: "w-8 h-8 rounded-full bg-black/5 flex items-center justify-center" }, /* @__PURE__ */ React48.createElement(HugeiconsIcon34, { icon: ArrowRight01Icon11, size: 16, className: "text-black" }))),
|
|
5048
5062
|
/* @__PURE__ */ React48.createElement(
|
|
5049
5063
|
"img",
|
|
5050
5064
|
{
|
|
5051
|
-
src: "https://storage.googleapis.com/retina-cloud-v2/assets/images/
|
|
5065
|
+
src: "https://storage.googleapis.com/retina-cloud-v2/assets/images/cam_c.avif",
|
|
5052
5066
|
alt: "Join Huddle",
|
|
5053
5067
|
className: "absolute bottom-4 right-2 translate-x-1/4 translate-y-1/2 w-32 h-auto object-contain z-0 pointer-events-none"
|
|
5054
5068
|
}
|
|
@@ -5068,8 +5082,8 @@ var UniversalHome2 = ({
|
|
|
5068
5082
|
},
|
|
5069
5083
|
className: `p-4 flex items-center justify-between gap-3 cursor-pointer outline-none transition-colors border-b border-neutral-50 last:border-0 ${activeOrgId === org.id ? "bg-neutral-50" : "hover:bg-neutral-50/50"}`
|
|
5070
5084
|
},
|
|
5071
|
-
/* @__PURE__ */ React48.createElement("span", { className: `text-[13px] tracking-tight ${activeOrgId === org.id ? "text-black
|
|
5072
|
-
activeOrgId === org.id && /* @__PURE__ */ React48.createElement("div", { className: "w-2 h-2 rounded-full bg-
|
|
5085
|
+
/* @__PURE__ */ React48.createElement("div", { className: "flex flex-col items-start min-w-0 flex-1" }, /* @__PURE__ */ React48.createElement("span", { className: `text-[13px] tracking-tight truncate w-full text-left ${activeOrgId === org.id ? "text-black " : "text-neutral-600"}` }, org.name), /* @__PURE__ */ React48.createElement("span", { className: "text-[11px] text-[#068afe] capitalize truncate w-full text-left mt-0.5" }, org.role?.toLowerCase() || "Member")),
|
|
5086
|
+
activeOrgId === org.id && /* @__PURE__ */ React48.createElement("div", { className: "w-2 h-2 rounded-full bg-[#068afe] shrink-0" })
|
|
5073
5087
|
)))), /* @__PURE__ */ React48.createElement("div", { className: "p-4 shrink-0" }, /* @__PURE__ */ React48.createElement(
|
|
5074
5088
|
"button",
|
|
5075
5089
|
{
|
|
@@ -5081,7 +5095,7 @@ var UniversalHome2 = ({
|
|
|
5081
5095
|
},
|
|
5082
5096
|
/* @__PURE__ */ React48.createElement(HugeiconsIcon34, { icon: Logout01Icon, size: 15 }),
|
|
5083
5097
|
"Log Out"
|
|
5084
|
-
)))), showNotifDialog && /* @__PURE__ */ React48.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React48.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setShowNotifDialog(false) }), /* @__PURE__ */ React48.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[80vh] h-auto" }, /* @__PURE__ */ React48.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, selectedNotif ? /* @__PURE__ */ React48.createElement("button", { onClick: () => setSelectedNotif(null), disabled: isResolving, className: "text-
|
|
5098
|
+
)))), showNotifDialog && /* @__PURE__ */ React48.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React48.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setShowNotifDialog(false) }), /* @__PURE__ */ React48.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[80vh] h-auto" }, /* @__PURE__ */ React48.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, selectedNotif ? /* @__PURE__ */ React48.createElement("button", { onClick: () => setSelectedNotif(null), disabled: isResolving, className: "text-[#068afe] hover:text-[#068afe] transition-colors outline-none flex items-center gap-2 text-[11px] tracking-widest disabled:opacity-50" }, /* @__PURE__ */ React48.createElement(HugeiconsIcon34, { icon: ArrowLeft01Icon15, size: 14 }), " Back") : /* @__PURE__ */ React48.createElement("h3", { className: "text-[15px] text-black tracking-tight flex items-center gap-2" }, "Notifications"), /* @__PURE__ */ React48.createElement("button", { onClick: () => setShowNotifDialog(false), disabled: isResolving, className: "text-neutral-400 hover:text-black transition-colors outline-none disabled:opacity-50" }, /* @__PURE__ */ React48.createElement(HugeiconsIcon34, { icon: CancelCircleIcon10, size: 18 }))), /* @__PURE__ */ React48.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-2 relative" }, isNotifsLoading && !selectedNotif && /* @__PURE__ */ React48.createElement("div", { className: "absolute inset-0 z-10 flex items-center justify-center" }, /* @__PURE__ */ React48.createElement(HugeiconsIcon34, { icon: Loading03Icon22, size: 28, className: "animate-spin text-black" })), selectedNotif ? /* @__PURE__ */ React48.createElement("div", { className: "p-4 text-left" }, /* @__PURE__ */ React48.createElement("h4", { className: "text-[14px] text-black mb-1" }, selectedNotif.title), /* @__PURE__ */ React48.createElement("span", { className: "text-[10px] text-neutral-400 tracking-widest mb-4 block" }, formatNotifDate(selectedNotif.createdAt)), /* @__PURE__ */ React48.createElement("p", { className: "text-[12px] text-neutral-600 leading-relaxed whitespace-pre-wrap" }, selectedNotif.message), selectedNotif.type === "HUDDLE_INVITE" && selectedNotif.meta_json?.action === "RESOLVE_INVITE" && !selectedNotif.meta_json?.completed && /* @__PURE__ */ React48.createElement("div", { className: "mt-8 flex gap-3 pt-6 " }, /* @__PURE__ */ React48.createElement(
|
|
5085
5099
|
"button",
|
|
5086
5100
|
{
|
|
5087
5101
|
onClick: () => handleResolve("ACCEPTED"),
|
|
@@ -5343,7 +5357,7 @@ var UniversalSettings = ({
|
|
|
5343
5357
|
};
|
|
5344
5358
|
const hasAccountChanges = displayName !== initialDisplayName || slug !== initialSlug;
|
|
5345
5359
|
const isAccountSaveDisabled = isSavingAccount || isAccountReadOnly || isCheckingSlug || !hasAccountChanges || displayName.length < 3 || slug.length < 3 || slug !== initialSlug && slugAvailable === false;
|
|
5346
|
-
return /* @__PURE__ */ React49.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React49.createElement(ManagedToaster, null), /* @__PURE__ */ React49.createElement("div", { className: "mb-6 flex w-full items-center px-1" }, /* @__PURE__ */ React49.createElement("button", { onClick: onBackHandler, className: "flex items-center gap-2 text-
|
|
5360
|
+
return /* @__PURE__ */ React49.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React49.createElement(ManagedToaster, null), /* @__PURE__ */ React49.createElement("div", { className: "mb-6 flex w-full items-center px-1" }, /* @__PURE__ */ React49.createElement("button", { onClick: onBackHandler, className: "flex items-center gap-2 text-[#068afe] hover:text-[#068afe] transition-colors text-[13px] outline-none" }, /* @__PURE__ */ React49.createElement(HugeiconsIcon35, { icon: ArrowLeft01Icon16, size: 16 }), " Back")), /* @__PURE__ */ React49.createElement("div", { className: "flex flex-col gap-1 mb-8 px-1" }, /* @__PURE__ */ React49.createElement("h1", { className: "text-black text-xl tracking-tight" }, "System Settings"), /* @__PURE__ */ React49.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your workspace identity, team configurations, and AI billing parameters.")), /* @__PURE__ */ React49.createElement("div", { className: "flex items-center gap-6 border-b border-neutral-200 mb-6 overflow-x-auto custom-scrollbar px-1" }, accountType === "ORGANIZATION" && /* @__PURE__ */ React49.createElement(
|
|
5347
5361
|
"button",
|
|
5348
5362
|
{
|
|
5349
5363
|
onClick: () => {
|
|
@@ -5495,7 +5509,7 @@ var UniversalSettings = ({
|
|
|
5495
5509
|
className: `text-left px-4 py-3 text-[11px] tracking-wide transition-colors rounded-full flex items-center justify-between outline-none ${activeStatusFilter === option ? "bg-neutral-100 text-black" : "text-neutral-500 hover:bg-neutral-50 hover:text-black"}`
|
|
5496
5510
|
},
|
|
5497
5511
|
/* @__PURE__ */ React49.createElement("span", { className: "truncate pr-2 capitalize" }, option.toLowerCase())
|
|
5498
|
-
))), /* @__PURE__ */ React49.createElement("div", { className: "w-full flex mt-2" }, /* @__PURE__ */ React49.createElement("button", { onClick: () => setIsStatusModalOpen(false), className: "w-full py-4 text-[13px] text-
|
|
5512
|
+
))), /* @__PURE__ */ React49.createElement("div", { className: "w-full flex mt-2" }, /* @__PURE__ */ React49.createElement("button", { onClick: () => setIsStatusModalOpen(false), className: "w-full py-4 text-[13px] text-[#068afe] hover:text-[#068afe] transition-colors outline-none" }, "Cancel")))), isRoleModalOpen && /* @__PURE__ */ React49.createElement("div", { className: "fixed inset-0 z-110 flex items-center justify-center p-4" }, /* @__PURE__ */ React49.createElement("div", { className: "absolute inset-0 bg-black/40", onClick: () => setIsRoleModalOpen(false) }), /* @__PURE__ */ React49.createElement("div", { ref: roleDropdownRef, className: "relative w-72 bg-white shadow-2xl rounded-2xl flex flex-col items-center overflow-hidden animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ React49.createElement("div", { className: "p-6 text-center w-full mb-2" }, /* @__PURE__ */ React49.createElement("h3", { className: "text-[14px] text-black tracking-tight" }, "Role Filter")), /* @__PURE__ */ React49.createElement("div", { className: "w-full flex flex-col pl-2 pr-2 gap-1" }, ["ALL", "ADMIN", "MANAGER", "MEMBER", "GUEST"].map((option) => /* @__PURE__ */ React49.createElement(
|
|
5499
5513
|
"button",
|
|
5500
5514
|
{
|
|
5501
5515
|
key: option,
|
|
@@ -5506,7 +5520,7 @@ var UniversalSettings = ({
|
|
|
5506
5520
|
className: `text-left px-4 py-3 text-[11px] tracking-wide transition-colors rounded-full flex items-center justify-between outline-none ${activeRoleFilter === option ? "bg-neutral-100 text-black" : "text-neutral-500 hover:bg-neutral-50 hover:text-black"}`
|
|
5507
5521
|
},
|
|
5508
5522
|
/* @__PURE__ */ React49.createElement("span", { className: "truncate pr-2 capitalize" }, option.toLowerCase())
|
|
5509
|
-
))), /* @__PURE__ */ React49.createElement("div", { className: "w-full flex mt-2" }, /* @__PURE__ */ React49.createElement("button", { onClick: () => setIsRoleModalOpen(false), className: "w-full py-4 text-[13px] text-
|
|
5523
|
+
))), /* @__PURE__ */ React49.createElement("div", { className: "w-full flex mt-2" }, /* @__PURE__ */ React49.createElement("button", { onClick: () => setIsRoleModalOpen(false), className: "w-full py-4 text-[13px] text-[#068afe] hover:text-[#068afe] transition-colors outline-none" }, "Cancel"))))), activeTab === "ACCOUNT" && /* @__PURE__ */ React49.createElement("div", { className: "flex flex-col gap-8 animate-in rounded-2xl p-6 bg-white fade-in duration-300" }, /* @__PURE__ */ React49.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ React49.createElement("div", null, /* @__PURE__ */ React49.createElement("h2", { className: "text-black text-xl mb-1 tracking-tight" }, "Public Profile"), /* @__PURE__ */ React49.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your workspace identifiers and structural configuration details.")), isAccountReadOnly && /* @__PURE__ */ React49.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ React49.createElement(HugeiconsIcon35, { icon: CircleLock02Icon3, size: 18, className: "text-current" }))), /* @__PURE__ */ React49.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ React49.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSaveAccount, autoComplete: "off" }, /* @__PURE__ */ React49.createElement(
|
|
5510
5524
|
TextInput,
|
|
5511
5525
|
{
|
|
5512
5526
|
label: "Display Name",
|