@cryptlex/web-components 1.3.2 → 1.3.3

package/dist/components/sidebar/app-layout.es.js

@@ -0,0 +1,86 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { SideBar as p } from "./sidebar.es.js";
+import { SidebarProvider as l, SidebarTrigger as c } from "../ui/sidebar.es.js";
+import "../ui/accordion.es.js";
+import { Avatar as a, AvatarImage as n, AvatarFallback as d } from "../ui/avatar.es.js";
+import "../ui/badge.es.js";
+import "../ui/breadcrumb.es.js";
+import { Button as s } from "../ui/button.es.js";
+import "../ui/calendar.es.js";
+import "../ui/card.es.js";
+import "../ui/chart.es.js";
+import "../ui/checkbox.es.js";
+import "@radix-ui/react-collapsible";
+import "../ui/command.es.js";
+import "../ui/dialog.es.js";
+import "../ui/drawer.es.js";
+import { DropdownMenu as h, DropdownMenuTrigger as f, DropdownMenuContent as g, DropdownMenuItem as v } from "../ui/dropdown-menu.es.js";
+import "../ui/form.es.js";
+import "../ui/input.es.js";
+import "../ui/input-otp.es.js";
+import "../ui/label.es.js";
+import { logout as x } from "../../utils/index.es.js";
+import { LogOut as N } from "lucide-react";
+import "../ui/mutli-select.es.js";
+import "../ui/navigation-menu.es.js";
+import "../ui/pagination.es.js";
+import "../ui/password-input.es.js";
+import "../ui/popover.es.js";
+import "../ui/radio-group.es.js";
+import "react";
+import "../ui/select.es.js";
+import "../ui/separator.es.js";
+import "../ui/sheet.es.js";
+import "sonner";
+import "../ui/table.es.js";
+import "../ui/tabs.es.js";
+import "../ui/tooltip.es.js";
+import "@tanstack/react-query";
+import "cmdk";
+import "use-debounce";
+import { Outlet as w } from "@tanstack/react-router";
+function lr({ data: e, user: o }) {
+  var i, m;
+  return /* @__PURE__ */ t("div", { className: "h-screen", children: [
+    /* @__PURE__ */ t(l, { children: [
+      /* @__PURE__ */ r(p, { data: e }),
+      /* @__PURE__ */ t("div", { className: "flex flex-col h-screen w-full overflow-auto", children: [
+        /* @__PURE__ */ t("header", { className: "h-[7vh] sticky top-0 bg-card flex items-center justify-between p-4 pl-0 border-b  z-10", children: [
+          /* @__PURE__ */ t("div", { className: "flex gap-1 items-center", children: [
+            /* @__PURE__ */ r(c, {}),
+            /* @__PURE__ */ r(
+              "img",
+              {
+                src: "https://assets.cryptlex.com/images/logos/cryptlex-logo.svg",
+                alt: "logo",
+                className: "m-0"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t(h, { children: [
+            /* @__PURE__ */ r(f, { asChild: !0, children: /* @__PURE__ */ r("div", { className: "cursor-pointer", children: /* @__PURE__ */ t(a, { className: "justify-center  items-center", children: [
+              /* @__PURE__ */ r(
+                n,
+                {
+                  src: (o == null ? void 0 : o.logoUrl) ?? "https://app.dev.cryptlex.com/favicon.ico",
+                  alt: "icon"
+                }
+              ),
+              /* @__PURE__ */ t(d, { className: "uppercase", children: [
+                (i = o == null ? void 0 : o.firstName) == null ? void 0 : i.charAt(0),
+                (m = o == null ? void 0 : o.lastName) == null ? void 0 : m.charAt(0)
+              ] })
+            ] }) }) }),
+            /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(s, { icon: N, onClick: () => x(), children: "Log Out" }) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ r(w, {}) })
+      ] })
+    ] }),
+    " "
+  ] });
+}
+export {
+  lr as AppLayout
+};
+//# sourceMappingURL=app-layout.es.js.map

package/dist/components/sidebar/app-layout.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-layout.es.js","sources":["../../../lib/components/sidebar/app-layout.tsx"],"sourcesContent":["import type { NavItem } from '@/components/sidebar/nav-main';\nimport { SideBar } from '@/components/sidebar/sidebar';\nimport { SidebarProvider, SidebarTrigger } from '@/components/ui/sidebar';\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  logout,\n} from '@/index';\nimport { Outlet } from '@tanstack/react-router';\nimport { LogOut } from 'lucide-react';\n\nexport interface AppLayoutProps {\n  data: NavItem[]; // Navigation items\n  user?: {\n    firstName?: string;\n    lastName?: string;\n    logoUrl?: string;\n  }; // Optional user information\n}\n\nexport function AppLayout({ data, user }: AppLayoutProps) {\n  return (\n    <div className=\"h-screen\">\n      <SidebarProvider>\n        {/* Sidebar */}\n        <SideBar data={data} />\n\n        {/* Main Content */}\n        <div className=\"flex flex-col h-screen w-full overflow-auto\">\n          {/* Header */}\n          <header className=\"h-[7vh] sticky top-0 bg-card flex items-center justify-between p-4 pl-0 border-b  z-10\">\n            {/* Sidebar Trigger */}\n            <div className=\"flex gap-1 items-center\">\n              <SidebarTrigger />\n              {/* //TODO: Will be replaced with dynamic url */}\n              <img\n                src=\"https://assets.cryptlex.com/images/logos/cryptlex-logo.svg\"\n                alt=\"logo\"\n                className=\"m-0\"\n              />\n            </div>\n\n            {/* User Dropdown */}\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <div className=\"cursor-pointer\">\n                  {/* //TODO: Image url to be replaced by the dynamic url from /account/config */}\n                  <Avatar className=\"justify-center  items-center\">\n                    <AvatarImage\n                      src={user?.logoUrl ?? 'https://app.dev.cryptlex.com/favicon.ico'}\n                      alt=\"icon\"\n                    />\n                    <AvatarFallback className=\"uppercase\">\n                      {user?.firstName?.charAt(0)}\n                      {user?.lastName?.charAt(0)}\n                    </AvatarFallback>\n                  </Avatar>\n                </div>\n              </DropdownMenuTrigger>\n\n              <DropdownMenuContent>\n                <DropdownMenuItem>\n                  <Button icon={LogOut} onClick={() => logout()}>\n                    Log Out\n                  </Button>\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </header>\n\n          {/* Scrollable Content */}\n          <div className=\"flex-1 overflow-auto p-4\">\n            <Outlet />\n          </div>\n        </div>\n      </SidebarProvider>{' '}\n    </div>\n  );\n}\n"],"names":["AppLayout","data","user","jsxs","SidebarProvider","jsx","SideBar","SidebarTrigger","DropdownMenu","DropdownMenuTrigger","Avatar","AvatarImage","AvatarFallback","_a","_b","DropdownMenuContent","DropdownMenuItem","Button","LogOut","logout","Outlet"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,SAASA,GAAU,EAAE,MAAAC,GAAM,MAAAC,KAAwB;;AAEtD,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,YACb,UAAA;AAAA,IAAA,gBAAAA,EAACC,GAEC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAQ,MAAAL,GAAY;AAAA,MAGrB,gBAAAE,EAAC,OAAI,EAAA,WAAU,+CAEb,UAAA;AAAA,QAAC,gBAAAA,EAAA,UAAA,EAAO,WAAU,0FAEhB,UAAA;AAAA,UAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,YAAA,gBAAAE,EAACE,GAAe,EAAA;AAAA,YAEhB,gBAAAF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAI;AAAA,gBACJ,KAAI;AAAA,gBACJ,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ,GACF;AAAA,4BAGCG,GACC,EAAA,UAAA;AAAA,YAAC,gBAAAH,EAAAI,GAAA,EAAoB,SAAO,IAC1B,UAAC,gBAAAJ,EAAA,OAAA,EAAI,WAAU,kBAEb,UAAA,gBAAAF,EAACO,GAAO,EAAA,WAAU,gCAChB,UAAA;AAAA,cAAA,gBAAAL;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACC,MAAKT,KAAA,gBAAAA,EAAM,YAAW;AAAA,kBACtB,KAAI;AAAA,gBAAA;AAAA,cACN;AAAA,cACA,gBAAAC,EAACS,GAAe,EAAA,WAAU,aACvB,UAAA;AAAA,iBAAMC,IAAAX,KAAA,gBAAAA,EAAA,cAAA,gBAAAW,EAAW,OAAO;AAAA,iBACxBC,IAAAZ,KAAA,gBAAAA,EAAM,aAAN,gBAAAY,EAAgB,OAAO;AAAA,cAAC,EAC3B,CAAA;AAAA,YAAA,EACF,CAAA,EACF,CAAA,GACF;AAAA,YAEC,gBAAAT,EAAAU,GAAA,EACC,UAAC,gBAAAV,EAAAW,GAAA,EACC,4BAACC,GAAO,EAAA,MAAMC,GAAQ,SAAS,MAAMC,EAAA,GAAU,UAAA,UAAA,CAE/C,GACF,EACF,CAAA;AAAA,UAAA,EACF,CAAA;AAAA,QAAA,GACF;AAAA,0BAGC,OAAI,EAAA,WAAU,4BACb,UAAA,gBAAAd,EAACe,KAAO,EACV,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,GACF;AAAA,IAAmB;AAAA,EAAA,GACrB;AAEJ;"}

package/dist/components/sidebar/nav-main.es.js

@@ -0,0 +1,76 @@
+import { jsx as l, jsxs as r } from "react/jsx-runtime";
+import { Collapsible as u, CollapsibleTrigger as b, CollapsibleContent as p } from "../ui/collapsible.es.js";
+import { useSidebar as g, SidebarGroup as S, SidebarMenu as f, SidebarMenuItem as o, SidebarMenuButton as i, SidebarMenuSub as C, SidebarMenuSubItem as m, SidebarMenuSubButton as N } from "../ui/sidebar.es.js";
+import { Link as t } from "@tanstack/react-router";
+import { ChevronRight as v } from "lucide-react";
+import { useState as M } from "react";
+function T({ items: c }) {
+  const { setOpen: d } = g(), [a, s] = M(null), h = (e) => {
+    s((n) => n === e ? null : e);
+  };
+  return /* @__PURE__ */ l(S, { children: /* @__PURE__ */ l(f, { children: c.map(
+    (e) => e.chidren && e.chidren.length > 0 ? /* @__PURE__ */ l(
+      u,
+      {
+        asChild: !0,
+        open: a === e.label,
+        className: "group/collapsible",
+        children: /* @__PURE__ */ r(o, { children: [
+          /* @__PURE__ */ l(b, { asChild: !0, children: /* @__PURE__ */ r(
+            i,
+            {
+              tooltip: e.label,
+              onClick: () => {
+                d(!0), h(e.label);
+              },
+              className: "hover:bg-neutral-5",
+              children: [
+                e.icon && /* @__PURE__ */ l(e.icon, {}),
+                /* @__PURE__ */ l("span", { children: e.label }),
+                /* @__PURE__ */ l(
+                  v,
+                  {
+                    className: `ml-auto transition-transform duration-200 ${a === e.label ? "rotate-90" : ""}`
+                  }
+                )
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ l(p, { children: /* @__PURE__ */ l(C, { children: e.chidren.map((n) => /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(N, { asChild: !0, children: /* @__PURE__ */ r(
+            t,
+            {
+              activeProps: {
+                className: "bg-neutral-4 font-bold"
+              },
+              className: "text-neutral-10 no-underline  hover:bg-neutral-5",
+              to: n.path,
+              children: [
+                n.icon && /* @__PURE__ */ l(n.icon, {}),
+                /* @__PURE__ */ l("span", { children: n.label })
+              ]
+            }
+          ) }) }, n.label)) }) })
+        ] })
+      },
+      e.label
+    ) : /* @__PURE__ */ l(o, { children: /* @__PURE__ */ l(i, { asChild: !0, tooltip: e.label, children: /* @__PURE__ */ r(
+      t,
+      {
+        activeProps: {
+          className: "bg-neutral-4 font-bold"
+          // Add active styling here
+        },
+        className: "no-underline text-neutral-10 flex items-center hover:bg-neutral-5",
+        to: e.path,
+        children: [
+          e.icon && /* @__PURE__ */ l(e.icon, {}),
+          /* @__PURE__ */ l("span", { children: e.label })
+        ]
+      }
+    ) }) }, e.label)
+  ) }) });
+}
+export {
+  T as NavMain
+};
+//# sourceMappingURL=nav-main.es.js.map

package/dist/components/sidebar/nav-main.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-main.es.js","sources":["../../../lib/components/sidebar/nav-main.tsx"],"sourcesContent":["import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible';\nimport {\n  SidebarGroup,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  useSidebar,\n} from '@/components/ui/sidebar';\nimport { Link } from '@tanstack/react-router';\nimport { ChevronRight, type LucideIcon } from 'lucide-react';\nimport { useState } from 'react';\n\nexport type NavItem = {\n  path: string;\n  label: string;\n  display: boolean;\n  icon: LucideIcon;\n  chidren?: { path: string; label: string; icon: LucideIcon; display: boolean }[];\n};\n\nexport function NavMain({ items }: { items: NavItem[] }) {\n  const { setOpen } = useSidebar();\n  const [openItem, setOpenItem] = useState<string | null>(null); // Tracks the currently open item\n\n  const handleToggle = (title: string) => {\n    setOpenItem((prev) => (prev === title ? null : title)); // Toggle the open state\n  };\n\n  return (\n    <SidebarGroup>\n      <SidebarMenu>\n        {items.map((item) =>\n          item.chidren && item.chidren.length > 0 ? (\n            <Collapsible\n              key={item.label}\n              asChild\n              open={openItem === item.label}\n              className=\"group/collapsible\"\n            >\n              <SidebarMenuItem>\n                <CollapsibleTrigger asChild>\n                  <SidebarMenuButton\n                    tooltip={item.label}\n                    onClick={() => {\n                      setOpen(true);\n                      handleToggle(item.label);\n                    }}\n                    className=\"hover:bg-neutral-5\"\n                  >\n                    {item.icon && <item.icon />}\n                    <span>{item.label}</span>\n                    <ChevronRight\n                      className={`ml-auto transition-transform duration-200 ${\n                        openItem === item.label ? 'rotate-90' : ''\n                      }`}\n                    />\n                  </SidebarMenuButton>\n                </CollapsibleTrigger>\n                <CollapsibleContent>\n                  <SidebarMenuSub>\n                    {item.chidren.map((subItem) => (\n                      <SidebarMenuSubItem key={subItem.label}>\n                        <SidebarMenuSubButton asChild>\n                          <Link\n                            activeProps={{\n                              className: 'bg-neutral-4 font-bold',\n                            }}\n                            className=\"text-neutral-10 no-underline  hover:bg-neutral-5\"\n                            to={subItem.path}\n                          >\n                            {subItem.icon && <subItem.icon />}\n                            <span>{subItem.label}</span>\n                          </Link>\n                        </SidebarMenuSubButton>\n                      </SidebarMenuSubItem>\n                    ))}\n                  </SidebarMenuSub>\n                </CollapsibleContent>\n              </SidebarMenuItem>\n            </Collapsible>\n          ) : (\n            <SidebarMenuItem key={item.label}>\n              <SidebarMenuButton asChild tooltip={item.label}>\n                <Link\n                  activeProps={{\n                    className: 'bg-neutral-4 font-bold', // Add active styling here\n                  }}\n                  className=\"no-underline text-neutral-10 flex items-center hover:bg-neutral-5\"\n                  to={item.path}\n                >\n                  {item.icon && <item.icon />}\n                  <span>{item.label}</span>\n                </Link>\n              </SidebarMenuButton>\n            </SidebarMenuItem>\n          ),\n        )}\n      </SidebarMenu>\n    </SidebarGroup>\n  );\n}\n"],"names":["NavMain","items","setOpen","useSidebar","openItem","setOpenItem","useState","handleToggle","title","prev","jsx","SidebarGroup","SidebarMenu","item","Collapsible","SidebarMenuItem","CollapsibleTrigger","jsxs","SidebarMenuButton","ChevronRight","CollapsibleContent","SidebarMenuSub","subItem","SidebarMenuSubItem","SidebarMenuSubButton","Link"],"mappings":";;;;;;AAuBgB,SAAAA,EAAQ,EAAE,OAAAC,KAA+B;AACjD,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAW,GACzB,CAACC,GAAUC,CAAW,IAAIC,EAAwB,IAAI,GAEtDC,IAAe,CAACC,MAAkB;AACtC,IAAAH,EAAY,CAACI,MAAUA,MAASD,IAAQ,OAAOA,CAAM;AAAA,EACvD;AAEA,SACG,gBAAAE,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAE,GAAA,EACE,UAAMX,EAAA;AAAA,IAAI,CAACY,MACVA,EAAK,WAAWA,EAAK,QAAQ,SAAS,IACpC,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QAEC,SAAO;AAAA,QACP,MAAMV,MAAaS,EAAK;AAAA,QACxB,WAAU;AAAA,QAEV,4BAACE,GACC,EAAA,UAAA;AAAA,UAAC,gBAAAL,EAAAM,GAAA,EAAmB,SAAO,IACzB,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,SAASL,EAAK;AAAA,cACd,SAAS,MAAM;AACb,gBAAAX,EAAQ,EAAI,GACZK,EAAaM,EAAK,KAAK;AAAA,cACzB;AAAA,cACA,WAAU;AAAA,cAET,UAAA;AAAA,gBAAAA,EAAK,QAAQ,gBAAAH,EAACG,EAAK,MAAL,CAAA,CAAU;AAAA,gBACzB,gBAAAH,EAAC,QAAM,EAAA,UAAAG,EAAK,MAAM,CAAA;AAAA,gBAClB,gBAAAH;AAAA,kBAACS;AAAA,kBAAA;AAAA,oBACC,WAAW,6CACTf,MAAaS,EAAK,QAAQ,cAAc,EAC1C;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,UACC,gBAAAH,EAAAU,GAAA,EACC,UAAC,gBAAAV,EAAAW,GAAA,EACE,YAAK,QAAQ,IAAI,CAACC,MAChB,gBAAAZ,EAAAa,GAAA,EACC,UAAC,gBAAAb,EAAAc,GAAA,EAAqB,SAAO,IAC3B,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,aAAa;AAAA,gBACX,WAAW;AAAA,cACb;AAAA,cACA,WAAU;AAAA,cACV,IAAIH,EAAQ;AAAA,cAEX,UAAA;AAAA,gBAAAA,EAAQ,QAAQ,gBAAAZ,EAACY,EAAQ,MAAR,CAAA,CAAa;AAAA,gBAC/B,gBAAAZ,EAAC,QAAM,EAAA,UAAAY,EAAQ,MAAM,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,aAEzB,EAZuB,GAAAA,EAAQ,KAajC,CACD,EACH,CAAA,EACF,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,MA5CKT,EAAK;AAAA,IA6CZ,sBAECE,GACC,EAAA,UAAA,gBAAAL,EAACQ,KAAkB,SAAO,IAAC,SAASL,EAAK,OACvC,UAAA,gBAAAI;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,aAAa;AAAA,UACX,WAAW;AAAA;AAAA,QACb;AAAA,QACA,WAAU;AAAA,QACV,IAAIZ,EAAK;AAAA,QAER,UAAA;AAAA,UAAAA,EAAK,QAAQ,gBAAAH,EAACG,EAAK,MAAL,CAAA,CAAU;AAAA,UACzB,gBAAAH,EAAC,QAAM,EAAA,UAAAG,EAAK,MAAM,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEtB,EAZoB,GAAAA,EAAK,KAa3B;AAAA,KAGN,EACF,CAAA;AAEJ;"}

package/dist/components/sidebar/sidebar.es.js

@@ -0,0 +1,10 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Sidebar as e, SidebarContent as o } from "../ui/sidebar.es.js";
+import { NavMain as c } from "./nav-main.es.js";
+function t({ data: i, ...a }) {
+  return /* @__PURE__ */ r(e, { collapsible: "icon", ...a, className: "bg-card h-full", children: /* @__PURE__ */ r(o, { className: "bg-card", children: /* @__PURE__ */ r(c, { items: i }) }) });
+}
+export {
+  t as SideBar
+};
+//# sourceMappingURL=sidebar.es.js.map

package/dist/components/sidebar/sidebar.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.es.js","sources":["../../../lib/components/sidebar/sidebar.tsx"],"sourcesContent":["import { Sidebar, SidebarContent } from '@/components/ui/sidebar';\nimport * as React from 'react';\nimport { type NavItem, NavMain } from './nav-main';\n\ninterface SidebarProps extends React.ComponentProps<typeof Sidebar> {\n  data: NavItem[];\n}\n\nexport function SideBar({ data, ...props }: SidebarProps) {\n  return (\n    <Sidebar collapsible=\"icon\" {...props} className=\"bg-card h-full\">\n      {/* Sidebar Content */}\n      <SidebarContent className=\"bg-card\">\n        <NavMain items={data} />\n      </SidebarContent>\n    </Sidebar>\n  );\n}\n"],"names":["SideBar","data","props","Sidebar","jsx","SidebarContent","NavMain"],"mappings":";;;AAQO,SAASA,EAAQ,EAAE,MAAAC,GAAM,GAAGC,KAAuB;AACxD,2BACGC,GAAQ,EAAA,aAAY,QAAQ,GAAGD,GAAO,WAAU,kBAE/C,UAAC,gBAAAE,EAAAC,GAAA,EAAe,WAAU,WACxB,UAAA,gBAAAD,EAACE,KAAQ,OAAOL,EAAA,CAAM,EACxB,CAAA,GACF;AAEJ;"}

package/dist/components/static-data-table/data-table.es.js

@@ -0,0 +1,30 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { Table as s, TableHeader as x, TableRow as p, TableCell as a, TableBody as f } from "../ui/table.es.js";
+import { Badge as g } from "lucide-react";
+import { getResourceDisplayName as u, getValueFromData as v } from "../data-table/table-utils/constants.es.js";
+function b({ accessors: d, data: m, affectedData: t }) {
+  return /* @__PURE__ */ e("div", { className: "relative overflow-hidden border max-h-[50vh]", children: /* @__PURE__ */ e("div", { className: "overflow-y-auto max-h-[50vh]", children: /* @__PURE__ */ n(s, { children: [
+    /* @__PURE__ */ e(x, { className: "text-left align-middle uppercase sticky top-0 z-10 bg-card", children: /* @__PURE__ */ n(p, { children: [
+      d.map((r) => /* @__PURE__ */ e(
+        a,
+        {
+          className: "px-4 py-2 text-left text-sm font-medium cursor-pointer whitespace-nowrap bg-card",
+          children: u(String(r), "admin-portal")
+        },
+        String(r)
+      )),
+      t && /* @__PURE__ */ e(a, { className: "px-4 py-2 text-left text-sm font-medium cursor-pointer whitespace-nowrap bg-card", children: "Affected" })
+    ] }) }),
+    /* @__PURE__ */ e(f, { children: m.map((r, o) => /* @__PURE__ */ n(p, { children: [
+      d.map((l) => {
+        const c = r[l];
+        return Array.isArray(c) ? /* @__PURE__ */ e(a, { className: "flex gap-4", children: c.map((i, h) => /* @__PURE__ */ e(g, { children: (i == null ? void 0 : i.name) || i }, h)) }, String(l)) : /* @__PURE__ */ e(a, { children: v(r, l) }, String(l));
+      }),
+      t && /* @__PURE__ */ e(a, { children: t.includes(r) ? /* @__PURE__ */ e("span", { className: "text-success-10", children: "✔" }) : /* @__PURE__ */ e("span", { className: "text-destructive", children: "✖" }) })
+    ] }, o)) })
+  ] }) }) });
+}
+export {
+  b as StaticDataTable
+};
+//# sourceMappingURL=data-table.es.js.map

package/dist/components/static-data-table/data-table.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.es.js","sources":["../../../lib/components/static-data-table/data-table.tsx"],"sourcesContent":["import { getResourceDisplayName, getValueFromData } from '@/components/data-table';\nimport { Table, TableBody, TableCell, TableHeader, TableRow } from '@/components/ui/table';\nimport { Badge } from 'lucide-react';\n\nexport interface StaticDataTableProps<T> {\n  accessors: (keyof T)[];\n  data: T[];\n  affectedData?: T[];\n}\n\nexport function StaticDataTable<T>({ accessors, data, affectedData }: StaticDataTableProps<T>) {\n  return (\n    <div className=\"relative overflow-hidden border max-h-[50vh]\">\n      <div className=\"overflow-y-auto max-h-[50vh]\">\n        <Table>\n          <TableHeader className=\"text-left align-middle uppercase sticky top-0 z-10 bg-card\">\n            <TableRow>\n              {accessors.map((accessor) => (\n                <TableCell\n                  key={String(accessor)}\n                  className=\"px-4 py-2 text-left text-sm font-medium cursor-pointer whitespace-nowrap bg-card\"\n                >\n                  {getResourceDisplayName(String(accessor), 'admin-portal')}\n                </TableCell>\n              ))}\n              {affectedData && (\n                <TableCell className=\"px-4 py-2 text-left text-sm font-medium cursor-pointer whitespace-nowrap bg-card\">\n                  Affected\n                </TableCell>\n              )}\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {data.map((item, index) => (\n              <TableRow key={index}>\n                {accessors.map((accessor) => {\n                  const value = item[accessor];\n                  // Handle arrays (e.g., userGroups) with badges\n                  if (Array.isArray(value)) {\n                    return (\n                      <TableCell key={String(accessor)} className=\"flex gap-4\">\n                        {value.map((subItem, subIndex) => (\n                          <Badge key={subIndex}>{subItem?.name || subItem}</Badge>\n                        ))}\n                      </TableCell>\n                    );\n                  }\n                  // Handle other data types\n                  return (\n                    <TableCell key={String(accessor)}>{getValueFromData(item, accessor)}</TableCell>\n                  );\n                })}\n                {affectedData && (\n                  <TableCell>\n                    {affectedData.includes(item) ? (\n                      <span className=\"text-success-10\">✔</span>\n                    ) : (\n                      <span className=\"text-destructive\">✖</span>\n                    )}\n                  </TableCell>\n                )}\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </div>\n    </div>\n  );\n}\n"],"names":["StaticDataTable","accessors","data","affectedData","jsx","jsxs","Table","TableHeader","TableRow","accessor","TableCell","getResourceDisplayName","TableBody","item","index","value","subItem","subIndex","Badge","getValueFromData"],"mappings":";;;;AAUO,SAASA,EAAmB,EAAE,WAAAC,GAAW,MAAAC,GAAM,cAAAC,KAAyC;AAE3F,SAAA,gBAAAC,EAAC,SAAI,WAAU,gDACb,4BAAC,OAAI,EAAA,WAAU,gCACb,UAAA,gBAAAC,EAACC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAF,EAACG,GAAY,EAAA,WAAU,8DACrB,UAAA,gBAAAF,EAACG,GACE,EAAA,UAAA;AAAA,MAAUP,EAAA,IAAI,CAACQ,MACd,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UAET,UAAuBC,EAAA,OAAOF,CAAQ,GAAG,cAAc;AAAA,QAAA;AAAA,QAHnD,OAAOA,CAAQ;AAAA,MAAA,CAKvB;AAAA,MACAN,KACC,gBAAAC,EAACM,GAAU,EAAA,WAAU,oFAAmF,UAExG,WAAA,CAAA;AAAA,IAAA,EAAA,CAEJ,EACF,CAAA;AAAA,IACA,gBAAAN,EAACQ,KACE,UAAKV,EAAA,IAAI,CAACW,GAAMC,wBACdN,GACE,EAAA,UAAA;AAAA,MAAUP,EAAA,IAAI,CAACQ,MAAa;AACrB,cAAAM,IAAQF,EAAKJ,CAAQ;AAEvB,eAAA,MAAM,QAAQM,CAAK,sBAElBL,GAAiC,EAAA,WAAU,cACzC,UAAMK,EAAA,IAAI,CAACC,GAASC,wBAClBC,GAAsB,EAAA,WAAAF,KAAA,gBAAAA,EAAS,SAAQA,EAA5B,GAAAC,CAAoC,CACjD,EAHa,GAAA,OAAOR,CAAQ,CAI/B,IAKF,gBAAAL,EAACM,KAAkC,UAAiBS,EAAAN,GAAMJ,CAAQ,EAAlD,GAAA,OAAOA,CAAQ,CAAqC;AAAA,MAAA,CAEvE;AAAA,MACAN,KACE,gBAAAC,EAAAM,GAAA,EACE,YAAa,SAASG,CAAI,IACxB,gBAAAT,EAAA,QAAA,EAAK,WAAU,mBAAkB,eAAC,IAEnC,gBAAAA,EAAC,UAAK,WAAU,oBAAmB,cAAC,CAAA,EAExC,CAAA;AAAA,IAAA,EAzBW,GAAAU,CA2Bf,CACD,EACH,CAAA;AAAA,EAAA,EACF,CAAA,EACF,CAAA,GACF;AAEJ;"}

package/dist/components/ui/button.es.js

@@ -1,10 +1,10 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import * as g from "react";
-import { Slottable as v, Slot as b } from "@radix-ui/react-slot";
-import { cva as p } from "class-variance-authority";
+import { Slottable as g, Slot as v } from "@radix-ui/react-slot";
+import { cva as b } from "class-variance-authority";
+import * as p from "react";
 import { cn as h } from "../../utils/index.es.js";
 import { Loader as x } from "./loader.es.js";
-const y = p(
+const y = b(
   "inline-flex items-center justify-center no-underline whitespace-nowrap rounded-lg text-body font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -20,7 +20,7 @@ const y = p(
         default: "h-10 px-4 py-2",
         sm: "h-9 rounded-md px-3",
         lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10"
+        icon: "h-7 rounded-md px-2"
       }
     },
     defaultVariants: {
@@ -28,29 +28,19 @@ const y = p(
       size: "default"
     }
   }
-), w = g.forwardRef(
-  ({
-    className: i,
-    variant: a,
-    size: s,
-    loading: t,
-    disabled: d,
-    asChild: c = !1,
-    icon: o,
-    children: r,
-    ...u
-  }, f) => {
-    const l = c ? b : "button", n = o;
+), w = p.forwardRef(
+  ({ className: i, variant: a, size: s, loading: t, disabled: d, asChild: c = !1, icon: o, children: r, ...u }, l) => {
+    const f = c ? v : "button", n = o;
     return /* @__PURE__ */ m(
-      l,
+      f,
       {
         className: h(y({ variant: a, size: s, className: i })),
-        ref: f,
+        ref: l,
         disabled: t || d,
         ...u,
         children: [
-          t ? /* @__PURE__ */ e(x, {}) : n ? /* @__PURE__ */ e(n, { className: "h-4 w-4" }) : null,
-          /* @__PURE__ */ e(v, { children: r ? /* @__PURE__ */ e("div", { className: o && r ? "ml-2" : "", children: r }) : null })
+          t ? /* @__PURE__ */ e(x, { className: "h-4 w-4" }) : n ? /* @__PURE__ */ e(n, { className: "h-4 w-4" }) : null,
+          /* @__PURE__ */ e(g, { children: r ? /* @__PURE__ */ e("div", { className: o && r ? "ml-2" : "", children: r }) : null })
         ]
       }
     );

package/dist/components/ui/button.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.es.js","sources":["../../../lib/components/ui/button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot, Slottable } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils\"\nimport { Loader } from \"./loader\";\nimport { LucideIcon } from \"lucide-react\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center no-underline whitespace-nowrap rounded-lg text-body font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/80 hover:text-primary-foreground\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90 hover:text-destructive-foreground\",\n        outline:\n          \"border border-input text-accent bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-9 rounded-md px-3\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  loading?: boolean;\n  icon?: LucideIcon;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      loading,\n      disabled,\n      asChild = false,\n      icon,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\";\n    const Icon = icon;\n\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        disabled={loading || disabled}\n        {...props}\n      >\n        {/* Shows loading when `loading:true` irrespective of icon present or not; otherwise shows button icon if present */}\n        {loading ? <Loader /> : Icon ? <Icon className='h-4 w-4' /> : null}\n        {/* Margin left only when both icon and children (button text) are present */}\n        {/* https://www.radix-ui.com/primitives/docs/utilities/slot */}\n        <Slottable>\n          {children ? (\n            <div className={icon && children ? \"ml-2\" : \"\"}>{children}</div>\n          ) : null}\n        </Slottable>\n      </Comp>\n    );\n  }\n);\n\nButton.displayName = \"Button\"; // Set display name for better debugging\n\nexport { Button, buttonVariants };\n"],"names":["buttonVariants","cva","Button","React","className","variant","size","loading","disabled","asChild","icon","children","props","ref","Comp","Slot","Icon","jsxs","cn","jsx","Loader","Slottable"],"mappings":";;;;;;AAQA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IAEV;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAUMC,IAASC,EAAM;AAAA,EACnB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;AACG,UAAAC,IAAOL,IAAUM,IAAO,UACxBC,IAAON;AAGX,WAAA,gBAAAO;AAAA,MAACH;AAAA,MAAA;AAAA,QACC,WAAWI,EAAGlB,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,QAC1D,KAAAS;AAAA,QACA,UAAUN,KAAWC;AAAA,QACpB,GAAGI;AAAA,QAGH,UAAA;AAAA,UAAUL,IAAA,gBAAAY,EAACC,KAAO,IAAKJ,sBAAQA,GAAK,EAAA,WAAU,WAAU,IAAK;AAAA,UAG7D,gBAAAG,EAAAE,GAAA,EACE,UACCV,IAAA,gBAAAQ,EAAC,OAAI,EAAA,WAAWT,KAAQC,IAAW,SAAS,IAAK,UAAAA,EAAS,CAAA,IACxD,KACN,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEAT,EAAO,cAAc;"}
+{"version":3,"file":"button.es.js","sources":["../../../lib/components/ui/button.tsx"],"sourcesContent":["import { Slot, Slottable } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { cn } from '@/utils';\nimport { LucideIcon } from 'lucide-react';\nimport { Loader } from './loader';\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center no-underline whitespace-nowrap rounded-lg text-body font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-primary text-primary-foreground hover:bg-primary/80 hover:text-primary-foreground',\n        destructive:\n          'bg-destructive text-destructive-foreground hover:bg-destructive/90 hover:text-destructive-foreground',\n        outline:\n          'border border-input text-accent bg-background hover:bg-accent hover:text-accent-foreground',\n        secondary:\n          'bg-secondary text-secondary-foreground hover:text-secondary-foreground hover:bg-secondary/80',\n        ghost: 'hover:bg-accent hover:text-accent-foreground',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-10 px-4 py-2',\n        sm: 'h-9 rounded-md px-3',\n        lg: 'h-11 rounded-md px-8',\n        icon: 'h-7 rounded-md px-2',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  loading?: boolean;\n  icon?: LucideIcon;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    { className, variant, size, loading, disabled, asChild = false, icon, children, ...props },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : 'button';\n    const Icon = icon;\n\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        disabled={loading || disabled}\n        {...props}\n      >\n        {/* Shows loading when `loading:true` irrespective of icon present or not; otherwise shows button icon if present */}\n        {loading ? <Loader className=\"h-4 w-4\" /> : Icon ? <Icon className=\"h-4 w-4\" /> : null}\n        {/* Margin left only when both icon and children (button text) are present */}\n        {/* https://www.radix-ui.com/primitives/docs/utilities/slot */}\n        <Slottable>\n          {children ? <div className={icon && children ? 'ml-2' : ''}>{children}</div> : null}\n        </Slottable>\n      </Comp>\n    );\n  },\n);\n\nButton.displayName = 'Button'; // Set display name for better debugging\n\nexport { Button, buttonVariants };\n"],"names":["buttonVariants","cva","Button","React","className","variant","size","loading","disabled","asChild","icon","children","props","ref","Comp","Slot","Icon","jsxs","cn","jsx","Loader","Slottable"],"mappings":";;;;;;AAQA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IAEV;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAUMC,IAASC,EAAM;AAAA,EACnB,CACE,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,SAAAC,IAAU,IAAO,MAAAC,GAAM,UAAAC,GAAU,GAAGC,EAAA,GACnFC,MACG;AACG,UAAAC,IAAOL,IAAUM,IAAO,UACxBC,IAAON;AAGX,WAAA,gBAAAO;AAAA,MAACH;AAAA,MAAA;AAAA,QACC,WAAWI,EAAGlB,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,QAC1D,KAAAS;AAAA,QACA,UAAUN,KAAWC;AAAA,QACpB,GAAGI;AAAA,QAGH,UAAA;AAAA,UAAUL,IAAA,gBAAAY,EAACC,GAAO,EAAA,WAAU,UAAU,CAAA,IAAKJ,IAAQ,gBAAAG,EAAAH,GAAA,EAAK,WAAU,UAAA,CAAU,IAAK;AAAA,UAGjF,gBAAAG,EAAAE,GAAA,EACE,UAAWV,IAAA,gBAAAQ,EAAC,OAAI,EAAA,WAAWT,KAAQC,IAAW,SAAS,IAAK,UAAAA,EAAS,CAAA,IAAS,KACjF,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEAT,EAAO,cAAc;"}

package/dist/components/ui/drawer.es.js

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import * as l from "react";
 import { Drawer as a } from "vaul";
 import { cn as s } from "../../utils/index.es.js";
-const n = ({
+const c = ({
   shouldScaleBackground: e = !0,
   ...r
 }) => /* @__PURE__ */ t(
@@ -12,8 +12,8 @@ const n = ({
     ...r
   }
 );
-n.displayName = "Drawer";
-const u = a.Trigger, c = a.Portal, b = a.Close, d = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
+c.displayName = "Drawer";
+const u = a.Trigger, n = a.Portal, b = a.Close, d = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
   a.Overlay,
   {
     ref: o,
@@ -22,12 +22,13 @@ const u = a.Trigger, c = a.Portal, b = a.Close, d = l.forwardRef(({ className: e
   }
 ));
 d.displayName = a.Overlay.displayName;
-const p = l.forwardRef(({ className: e, children: r, ...o }, m) => /* @__PURE__ */ i(c, { children: [
+const p = l.forwardRef(({ className: e, children: r, ...o }, m) => /* @__PURE__ */ i(n, { children: [
   /* @__PURE__ */ t(d, {}),
   /* @__PURE__ */ i(
     a.Content,
     {
       ref: m,
+      style: { userSelect: "text" },
       className: s(
         "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
         e
@@ -63,7 +64,7 @@ const w = ({
   }
 );
 w.displayName = "DrawerFooter";
-const D = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
+const x = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
   a.Title,
   {
     ref: o,
@@ -74,8 +75,8 @@ const D = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
     ...r
   }
 ));
-D.displayName = a.Title.displayName;
-const x = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
+x.displayName = a.Title.displayName;
+const D = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
   a.Description,
   {
     ref: o,
@@ -83,17 +84,17 @@ const x = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
     ...r
   }
 ));
-x.displayName = a.Description.displayName;
+D.displayName = a.Description.displayName;
 export {
-  n as Drawer,
+  c as Drawer,
   b as DrawerClose,
   p as DrawerContent,
-  x as DrawerDescription,
+  D as DrawerDescription,
   w as DrawerFooter,
   f as DrawerHeader,
   d as DrawerOverlay,
-  c as DrawerPortal,
-  D as DrawerTitle,
+  n as DrawerPortal,
+  x as DrawerTitle,
   u as DrawerTrigger
 };
 //# sourceMappingURL=drawer.es.js.map

package/dist/components/ui/drawer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.es.js","sources":["../../../lib/components/ui/drawer.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nimport { cn } from \"@/utils\"\n\nconst Drawer = ({\n  shouldScaleBackground = true,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (\n  <DrawerPrimitive.Root\n    shouldScaleBackground={shouldScaleBackground}\n    {...props}\n  />\n)\nDrawer.displayName = \"Drawer\"\n\nconst DrawerTrigger = DrawerPrimitive.Trigger\n\nconst DrawerPortal: React.FC<\n  React.ComponentProps<typeof DrawerPrimitive.Portal>\n> = DrawerPrimitive.Portal;\n\nconst DrawerClose = DrawerPrimitive.Close\n\nconst DrawerOverlay = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Overlay\n    ref={ref}\n    className={cn(\"fixed inset-0 z-50 bg-black/80\", className)}\n    {...props}\n  />\n))\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName\n\nconst DrawerContent = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DrawerPortal>\n    <DrawerOverlay />\n    <DrawerPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\" />\n      {children}\n    </DrawerPrimitive.Content>\n  </DrawerPortal>\n))\nDrawerContent.displayName = \"DrawerContent\"\n\nconst DrawerHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\"grid gap-1.5 p-4 text-center sm:text-left\", className)}\n    {...props}\n  />\n)\nDrawerHeader.displayName = \"DrawerHeader\"\n\nconst DrawerFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n    {...props}\n  />\n)\nDrawerFooter.displayName = \"DrawerFooter\"\n\nconst DrawerTitle = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title\n    ref={ref}\n    className={cn(\n      \"text-heading-3\",\n      className\n    )}\n    {...props}\n  />\n))\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName\n\nconst DrawerDescription = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Description\n    ref={ref}\n    className={cn(\"text-body text-muted-foreground\", className)}\n    {...props}\n  />\n))\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n}\n"],"names":["Drawer","shouldScaleBackground","props","jsx","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","React","className","ref","cn","DrawerContent","children","jsxs","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":";;;;AAKA,MAAMA,IAAS,CAAC;AAAA,EACd,uBAAAC,IAAwB;AAAA,EACxB,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,uBAAAH;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAO,cAAc;AAErB,MAAMK,IAAgBD,EAAgB,SAEhCE,IAEFF,EAAgB,QAEdG,IAAcH,EAAgB,OAE9BI,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAM,GAAGS,MAC1B,gBAAAR;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC,EAAG,kCAAkCF,CAAS;AAAA,IACxD,GAAGR;AAAA,EAAA;AACN,CACD;AACDM,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMS,IAAgBJ,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAI,GAAU,GAAGZ,EAAM,GAAGS,MACpC,gBAAAI,EAACT,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAH,EAACK,GAAc,EAAA;AAAA,EACf,gBAAAO;AAAA,IAACX,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAO;AAAA,MACA,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MACF;AAAA,MACC,GAAGR;AAAA,MAEJ,UAAA;AAAA,QAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,mDAAmD,CAAA;AAAA,QACjEW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF,CACD;AACDD,EAAc,cAAc;AAE5B,MAAMG,IAAe,CAAC;AAAA,EACpB,WAAAN;AAAA,EACA,GAAGR;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWS,EAAG,6CAA6CF,CAAS;AAAA,IACnE,GAAGR;AAAA,EAAA;AACN;AAEFc,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC;AAAA,EACpB,WAAAP;AAAA,EACA,GAAGR;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWS,EAAG,mCAAmCF,CAAS;AAAA,IACzD,GAAGR;AAAA,EAAA;AACN;AAEFe,EAAa,cAAc;AAErB,MAAAC,IAAcT,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAM,GAAGS,MAC1B,gBAAAR;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAF;AAAA,IACF;AAAA,IACC,GAAGR;AAAA,EAAA;AACN,CACD;AACDgB,EAAY,cAAcd,EAAgB,MAAM;AAE1C,MAAAe,IAAoBV,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAM,GAAGS,MAC1B,gBAAAR;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC,EAAG,mCAAmCF,CAAS;AAAA,IACzD,GAAGR;AAAA,EAAA;AACN,CACD;AACDiB,EAAkB,cAAcf,EAAgB,YAAY;"}
+{"version":3,"file":"drawer.es.js","sources":["../../../lib/components/ui/drawer.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nimport { cn } from \"@/utils\"\n\nconst Drawer = ({\n  shouldScaleBackground = true,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (\n  <DrawerPrimitive.Root\n    shouldScaleBackground={shouldScaleBackground}\n    {...props}\n  />\n)\nDrawer.displayName = \"Drawer\"\n\nconst DrawerTrigger = DrawerPrimitive.Trigger\n\nconst DrawerPortal: React.FC<\n  React.ComponentProps<typeof DrawerPrimitive.Portal>\n> = DrawerPrimitive.Portal;\n\nconst DrawerClose = DrawerPrimitive.Close\n\nconst DrawerOverlay = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Overlay\n    ref={ref}\n    className={cn(\"fixed inset-0 z-50 bg-black/80\", className)}\n    {...props}\n  />\n))\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName\n\nconst DrawerContent = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DrawerPortal>\n    <DrawerOverlay />\n    <DrawerPrimitive.Content\n      ref={ref}\n      style={{ userSelect: \"text\" }}\n      className={cn(\n        \"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\" />\n      {children}\n    </DrawerPrimitive.Content>\n  </DrawerPortal>\n))\nDrawerContent.displayName = \"DrawerContent\"\n\nconst DrawerHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\"grid gap-1.5 p-4 text-center sm:text-left\", className)}\n    {...props}\n  />\n)\nDrawerHeader.displayName = \"DrawerHeader\"\n\nconst DrawerFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n    {...props}\n  />\n)\nDrawerFooter.displayName = \"DrawerFooter\"\n\nconst DrawerTitle = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title\n    ref={ref}\n    className={cn(\n      \"text-heading-3\",\n      className\n    )}\n    {...props}\n  />\n))\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName\n\nconst DrawerDescription = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Description\n    ref={ref}\n    className={cn(\"text-body text-muted-foreground\", className)}\n    {...props}\n  />\n))\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n}\n"],"names":["Drawer","shouldScaleBackground","props","jsx","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","React","className","ref","cn","DrawerContent","children","jsxs","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":";;;;AAKA,MAAMA,IAAS,CAAC;AAAA,EACd,uBAAAC,IAAwB;AAAA,EACxB,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,uBAAAH;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAO,cAAc;AAErB,MAAMK,IAAgBD,EAAgB,SAEhCE,IAEFF,EAAgB,QAEdG,IAAcH,EAAgB,OAE9BI,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAM,GAAGS,MAC1B,gBAAAR;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC,EAAG,kCAAkCF,CAAS;AAAA,IACxD,GAAGR;AAAA,EAAA;AACN,CACD;AACDM,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMS,IAAgBJ,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAI,GAAU,GAAGZ,EAAM,GAAGS,MACpC,gBAAAI,EAACT,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAH,EAACK,GAAc,EAAA;AAAA,EACf,gBAAAO;AAAA,IAACX,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAO;AAAA,MACA,OAAO,EAAE,YAAY,OAAO;AAAA,MAC5B,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MACF;AAAA,MACC,GAAGR;AAAA,MAEJ,UAAA;AAAA,QAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,mDAAmD,CAAA;AAAA,QACjEW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF,CACD;AACDD,EAAc,cAAc;AAE5B,MAAMG,IAAe,CAAC;AAAA,EACpB,WAAAN;AAAA,EACA,GAAGR;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWS,EAAG,6CAA6CF,CAAS;AAAA,IACnE,GAAGR;AAAA,EAAA;AACN;AAEFc,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC;AAAA,EACpB,WAAAP;AAAA,EACA,GAAGR;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWS,EAAG,mCAAmCF,CAAS;AAAA,IACzD,GAAGR;AAAA,EAAA;AACN;AAEFe,EAAa,cAAc;AAErB,MAAAC,IAAcT,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAM,GAAGS,MAC1B,gBAAAR;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAF;AAAA,IACF;AAAA,IACC,GAAGR;AAAA,EAAA;AACN,CACD;AACDgB,EAAY,cAAcd,EAAgB,MAAM;AAE1C,MAAAe,IAAoBV,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAM,GAAGS,MAC1B,gBAAAR;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC,EAAG,mCAAmCF,CAAS;AAAA,IACzD,GAAGR;AAAA,EAAA;AACN,CACD;AACDiB,EAAkB,cAAcf,EAAgB,YAAY;"}

package/dist/components/ui/dynamic-input.es.js

@@ -0,0 +1,141 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import "./accordion.es.js";
+import "./avatar.es.js";
+import "./badge.es.js";
+import "./breadcrumb.es.js";
+import { Button as N } from "./button.es.js";
+import "./calendar.es.js";
+import "./card.es.js";
+import "./chart.es.js";
+import "./checkbox.es.js";
+import "@radix-ui/react-collapsible";
+import "./command.es.js";
+import "./dialog.es.js";
+import "./drawer.es.js";
+import "./dropdown-menu.es.js";
+import "./form.es.js";
+import "./input.es.js";
+import "./input-otp.es.js";
+import "./label.es.js";
+import { cn as f } from "../../utils/index.es.js";
+import { ChevronsUpDown as v, Command as g, Loader as w, Check as x } from "lucide-react";
+import "./mutli-select.es.js";
+import "./navigation-menu.es.js";
+import "./pagination.es.js";
+import "./password-input.es.js";
+import { Popover as T, PopoverTrigger as b, PopoverContent as I } from "./popover.es.js";
+import "./radio-group.es.js";
+import * as h from "react";
+import "./select.es.js";
+import "./separator.es.js";
+import "./sheet.es.js";
+import "./sidebar.es.js";
+import "sonner";
+import "./table.es.js";
+import "./tabs.es.js";
+import "./tooltip.es.js";
+import { useQuery as E } from "@tanstack/react-query";
+import { CommandInput as R, CommandList as O, CommandItem as P } from "cmdk";
+import { useDebounce as A } from "use-debounce";
+import { DYNAMIC_INPUT_TARGET as y } from "../data-table/table-utils/types.es.js";
+import { ctxClient as d } from "../data-table/table-utils/fetch.es.js";
+const C = "w-[250px]";
+function ve({ onChange: r, target: i, placeholder: p }) {
+  const [a, s] = h.useState(!1), [n, o] = h.useState(), c = h.useCallback(
+    (t) => {
+      o(t), r(t.id);
+    },
+    [r]
+  ), m = n ? n.name : `Select ${y[i].toLocaleLowerCase()} `;
+  return /* @__PURE__ */ l(T, { open: a, onOpenChange: s, children: [
+    /* @__PURE__ */ e(b, { asChild: !0, children: /* @__PURE__ */ l(N, { variant: "outline", role: "combobox", className: f("justify-between", C), children: [
+      m,
+      /* @__PURE__ */ e(v, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+    ] }) }),
+    /* @__PURE__ */ e(I, { side: "bottom", className: f("p-0", C), children: /* @__PURE__ */ e(
+      D,
+      {
+        target: i,
+        selectedResult: n,
+        onSelectResult: c,
+        placeholder: p
+      }
+    ) })
+  ] });
+}
+function D({ selectedResult: r, onSelectResult: i, target: p, placeholder: a }) {
+  const [s, n] = h.useState("");
+  return /* @__PURE__ */ l(g, { className: "h-auto rounded-lg border border-b-0 shadow-md", children: [
+    /* @__PURE__ */ e(R, { value: s, onValueChange: (m) => {
+      n(m);
+    }, placeholder: a }),
+    /* @__PURE__ */ e(
+      G,
+      {
+        target: p,
+        query: s,
+        selectedResult: r,
+        onSelectResult: (m) => {
+          i(m);
+        }
+      }
+    )
+  ] });
+}
+function G({ query: r, selectedResult: i, onSelectResult: p, target: a }) {
+  const s = async () => a === y.USER ? await d.GET("/v3/users", {
+    params: {
+      query: {
+        page: 1,
+        limit: 30,
+        query: r,
+        userType: "user"
+      }
+    }
+  }).then((t) => t.data) : a === y.ORGANIZATION ? await d.GET("/v3/organizations", {
+    params: {
+      query: {
+        page: 1,
+        limit: 30,
+        query: r
+      }
+    }
+  }).then((t) => t.data) : await d.GET("/v3/resellers", {
+    params: {
+      query: {
+        page: 1,
+        limit: 30,
+        query: r,
+        userType: "user"
+      }
+    }
+  }).then((t) => t.data), [n] = A(r, 300), { data: o, isLoading: c, isError: m } = E({
+    queryKey: ["search", n],
+    queryFn: s
+  });
+  return /* @__PURE__ */ l(O, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-center", children: c && /* @__PURE__ */ e(w, { className: "my-4" }) }),
+    !m && !c && !(o != null && o.length) && /* @__PURE__ */ e("div", { className: "p-4 text-sm text-center", children: "No Match" }),
+    m && /* @__PURE__ */ e("div", { className: "p-4 text-sm text-center", children: "Something went wrong" }),
+    o == null ? void 0 : o.map((t) => {
+      const { id: u, name: S } = t;
+      return /* @__PURE__ */ l(P, { onSelect: () => p({ id: u, name: S }), value: `${u}`, children: [
+        /* @__PURE__ */ e(
+          x,
+          {
+            className: f(
+              "mr-2 h-4 w-4",
+              (i == null ? void 0 : i.id) === u ? "opacity-100" : "opacity-0"
+            )
+          }
+        ),
+        S
+      ] }, u);
+    })
+  ] });
+}
+export {
+  ve as DynamicInput,
+  D as Search
+};
+//# sourceMappingURL=dynamic-input.es.js.map

package/dist/components/ui/dynamic-input.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-input.es.js","sources":["../../../lib/components/ui/dynamic-input.tsx"],"sourcesContent":["import { DYNAMIC_INPUT_TARGET, ctxClient } from '@/components/data-table';\nimport { Button, Popover, PopoverContent, PopoverTrigger } from '@/index';\nimport { cn } from '@/utils';\nimport type { components } from '@cryptlex/web-api-types';\nimport { useQuery } from '@tanstack/react-query';\nimport { CommandInput, CommandItem, CommandList } from 'cmdk';\nimport { Check, ChevronsUpDown, Command, Loader } from 'lucide-react';\nimport * as React from 'react';\nimport { useDebounce } from 'use-debounce';\n\ntype UserDto = components['schemas']['UserDto'] & { organizationId?: string };\ntype OrganizationDto = components['schemas']['OrganizationDto'];\ntype ResellerDto = components['schemas']['ResellerDto'];\n// width for properly viewing the popover\nconst POPOVER_WIDTH = 'w-[250px]';\n\n/**\n *\n *  @param onChange\n *  @param target fthis is used to make the component generic and reusble for differnt  use cases\n *  @param placeholder placeholder to be showing in the input for searching\n *  @returns return id of the seleced value, can be customized to return full selected value\n */\ninterface DynamicInputProps {\n  onChange: (id: any) => void;\n  target: DYNAMIC_INPUT_TARGET;\n  placeholder: string;\n}\nexport function DynamicInput({ onChange, target, placeholder }: DynamicInputProps) {\n  const [open, setOpen] = React.useState(false);\n  // select option\n  const [selected, setSelected] = React.useState<\n    Partial<UserDto> | Partial<OrganizationDto> | Partial<ResellerDto> | undefined\n  >();\n\n  const handleSetActive = React.useCallback(\n    (dto: Partial<UserDto> | Partial<OrganizationDto> | Partial<ResellerDto>) => {\n      setSelected(dto);\n      onChange(dto.id);\n    },\n    [onChange],\n  );\n  // display selected option with its name\n  const displayName = selected\n    ? selected.name\n    : `Select ${DYNAMIC_INPUT_TARGET[target].toLocaleLowerCase()} `;\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      {/* Button to show the selected option  */}\n      <PopoverTrigger asChild>\n        <Button variant=\"outline\" role=\"combobox\" className={cn('justify-between', POPOVER_WIDTH)}>\n          {displayName}\n          <ChevronsUpDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n        </Button>\n      </PopoverTrigger>\n\n      <PopoverContent side=\"bottom\" className={cn('p-0', POPOVER_WIDTH)}>\n        {/*Search input  */}\n        <Search\n          target={target}\n          selectedResult={selected}\n          onSelectResult={handleSetActive}\n          placeholder={placeholder}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n\ninterface SearchProps {\n  selectedResult?: Partial<UserDto> | Partial<OrganizationDto> | Partial<ResellerDto>;\n  onSelectResult: (dto: Partial<UserDto> | Partial<OrganizationDto> | Partial<ResellerDto>) => void;\n  target: DYNAMIC_INPUT_TARGET;\n  placeholder: string;\n}\n\nexport function Search({ selectedResult, onSelectResult, target, placeholder }: SearchProps) {\n  const [searchQuery, setSearchQuery] = React.useState('');\n  const handleSelectResult = (\n    dto: Partial<UserDto> | Partial<OrganizationDto> | Partial<ResellerDto>,\n  ) => {\n    onSelectResult(dto);\n  };\n\n  const handleChange = (value: string) => {\n    setSearchQuery(value);\n  };\n\n  return (\n    <Command className=\"h-auto rounded-lg border border-b-0 shadow-md\">\n      <CommandInput value={searchQuery} onValueChange={handleChange} placeholder={placeholder} />\n\n      <SearchResults\n        target={target}\n        query={searchQuery}\n        selectedResult={selectedResult}\n        onSelectResult={handleSelectResult}\n      />\n    </Command>\n  );\n}\n\ninterface SearchResultsProps {\n  query: string;\n  selectedResult: SearchProps['selectedResult'];\n  onSelectResult: SearchProps['onSelectResult'];\n  target: DYNAMIC_INPUT_TARGET;\n}\n\nfunction SearchResults({ query, selectedResult, onSelectResult, target }: SearchResultsProps) {\n  // fetch function that targets different end points based on the DYNAMIC_INPUT_TARGET which can be license USER, ORGANIZATION or RESELLER\n  const fetchFn = async () => {\n    if (target === DYNAMIC_INPUT_TARGET.USER) {\n      return await ctxClient\n        .GET('/v3/users', {\n          params: {\n            query: {\n              page: 1,\n              limit: 30,\n              query,\n              userType: 'user',\n            },\n          },\n        })\n        .then((res) => res.data);\n    } else if (target === DYNAMIC_INPUT_TARGET.ORGANIZATION) {\n      return await ctxClient\n        .GET('/v3/organizations', {\n          params: {\n            query: {\n              page: 1,\n              limit: 30,\n              query,\n            },\n          },\n        })\n        .then((res) => res.data);\n    } else {\n      return await ctxClient\n        .GET('/v3/resellers', {\n          params: {\n            query: {\n              page: 1,\n              limit: 30,\n              query,\n              userType: 'user',\n            },\n          },\n        })\n        .then((res) => res.data);\n    }\n  };\n  //https://github.com/TanStack/query/issues/293#issuecomment-1368066935\n  //https://github.com/TanStack/query/issues/293\n  const [debouncedQuery] = useDebounce(query, 300);\n  const { data, isLoading, isError } = useQuery({\n    queryKey: ['search', debouncedQuery],\n    queryFn: fetchFn,\n  });\n\n  return (\n    <CommandList>\n      <div className=\"flex justify-center\">{isLoading && <Loader className=\"my-4\" />}</div>\n\n      {!isError && !isLoading && !data?.length && (\n        <div className=\"p-4 text-sm text-center\">No Match</div>\n      )}\n      {isError && <div className=\"p-4 text-sm text-center\">Something went wrong</div>}\n      {data?.map((d) => {\n        const { id, name } = d;\n        return (\n          <CommandItem key={id} onSelect={() => onSelectResult({ id, name })} value={`${id}`}>\n            <Check\n              className={cn(\n                'mr-2 h-4 w-4',\n                selectedResult?.id === id ? 'opacity-100' : 'opacity-0',\n              )}\n            />\n            {name}\n          </CommandItem>\n        );\n      })}\n    </CommandList>\n  );\n}\n"],"names":["POPOVER_WIDTH","DynamicInput","onChange","target","placeholder","open","setOpen","React","selected","setSelected","handleSetActive","dto","displayName","DYNAMIC_INPUT_TARGET","jsxs","Popover","jsx","PopoverTrigger","Button","cn","ChevronsUpDown","PopoverContent","Search","selectedResult","onSelectResult","searchQuery","setSearchQuery","Command","CommandInput","value","SearchResults","query","fetchFn","ctxClient","res","debouncedQuery","useDebounce","data","isLoading","isError","useQuery","CommandList","Loader","d","id","name","CommandItem","Check"],"mappings":"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"}