@chatsdk-dev/elements 0.0.1

package/dist/chunk-QTRMNIG3.js

@@ -0,0 +1,83 @@
+import { cloneElement } from 'react';
+import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from '@chatsdk-dev/ui/components/alert-dialog';
+import { Button } from '@chatsdk-dev/ui/components/button';
+import { ButtonLoaderIcon } from '@chatsdk-dev/ui/components/button-loader';
+import { Drawer, DrawerTrigger, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, DrawerFooter, DrawerClose } from '@chatsdk-dev/ui/components/drawer';
+import { useBreakpoint } from '@chatsdk-dev/ui/hooks/use-breakpoint';
+import { useControllableState } from '@chatsdk-dev/ui/hooks/use-controllable-state';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/responsive-alert-dialog.tsx
+function ResponsiveAlertDialog({
+  open,
+  onOpenChange,
+  children,
+  trigger,
+  title,
+  titleIcon,
+  description,
+  isPending,
+  action,
+  onAction,
+  cancelLabel,
+  onCancel
+}) {
+  const [openState, setOpenState] = useControllableState({
+    value: open,
+    defaultValue: false,
+    onChange: onOpenChange
+  });
+  const sm = useBreakpoint("sm");
+  if (sm) {
+    return /* @__PURE__ */ jsxs(AlertDialog, { open: openState, onOpenChange: setOpenState, children: [
+      trigger && /* @__PURE__ */ jsx(
+        AlertDialogTrigger,
+        {
+          render: (props) => cloneElement(trigger, props)
+        }
+      ),
+      /* @__PURE__ */ jsxs(AlertDialogContent, { className: "sm:max-w-106", children: [
+        /* @__PURE__ */ jsx(AlertDialogHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          titleIcon,
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(AlertDialogTitle, { children: title }),
+            /* @__PURE__ */ jsx(AlertDialogDescription, { children: description })
+          ] })
+        ] }) }),
+        children,
+        /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+          cancelLabel && /* @__PURE__ */ jsx(AlertDialogCancel, { onClick: onCancel, children: cancelLabel }),
+          typeof action === "string" ? /* @__PURE__ */ jsx(
+            AlertDialogAction,
+            {
+              onClick: onAction,
+              disabled: isPending,
+              variant: "destructive",
+              className: "relative inline-flex px-7",
+              children: /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-center", children: [
+                isPending && /* @__PURE__ */ jsx(ButtonLoaderIcon, {}),
+                action
+              ] })
+            }
+          ) : action
+        ] })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Drawer, { open: openState, onOpenChange: setOpenState, children: [
+    /* @__PURE__ */ jsx(DrawerTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs(DrawerContent, { children: [
+      /* @__PURE__ */ jsxs(DrawerHeader, { className: "text-left", children: [
+        /* @__PURE__ */ jsx(DrawerTitle, { children: title }),
+        /* @__PURE__ */ jsx(DrawerDescription, { children: description })
+      ] }),
+      children,
+      /* @__PURE__ */ jsxs(DrawerFooter, { className: "pt-2", children: [
+        cancelLabel && /* @__PURE__ */ jsx(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", children: cancelLabel }) }),
+        typeof action === "string" ? /* @__PURE__ */ jsx(Button, { variant: "destructive", onClick: onAction, children: action }) : action
+      ] })
+    ] })
+  ] });
+}
+
+export { ResponsiveAlertDialog };

package/dist/chunk-R7G3RQLU.js

@@ -0,0 +1,36 @@
+// src/i18n/resources/en.json
+var en_default = {
+  chat: {
+    "chat-card": {
+      "insufficient-credits-error": "This AI Chat is currently unavailable. If you are the owner, please check your account."
+    },
+    header: {
+      "history-tab-label": "History",
+      menu: {
+        "new-conversation-menu-item-label": "Start New Chat",
+        "history-menu-item-label": "View History"
+      }
+    },
+    history: {
+      empty: {
+        title: "No conversations yet...",
+        description: "Start a conversation to see your history here"
+      },
+      "unitled-conversation": "Untitled conversation",
+      "new-conversation": "Start New Conversation"
+    }
+  }
+};
+
+// src/i18n/config.ts
+var cookieName = "i18next";
+var headerName = "x-i18next-current-language";
+var fallbackLng = "en";
+var languages = [fallbackLng];
+var namespaces = ["chat"];
+var defaultNamespace = "chat";
+var resources = {
+  en: en_default
+};
+
+export { cookieName, defaultNamespace, fallbackLng, headerName, languages, namespaces, resources };

package/dist/chunk-RJG5D2TM.js

@@ -0,0 +1,113 @@
+// src/features/molecule/utils.ts
+function isObject(item) {
+  return item !== null && typeof item === "object" && !Array.isArray(item);
+}
+function deepMerge(target, ...sources) {
+  const result = { ...target };
+  for (const source of sources) {
+    if (!isObject(source)) {
+      continue;
+    }
+    for (const key in source) {
+      const targetValue = result[key];
+      const sourceValue = source[key];
+      if (Array.isArray(targetValue) && Array.isArray(sourceValue)) {
+        result[key] = sourceValue;
+      } else if (isObject(targetValue) && isObject(sourceValue)) {
+        result[key] = deepMerge(
+          targetValue,
+          sourceValue
+        );
+      } else if (sourceValue !== void 0 && sourceValue !== null) {
+        result[key] = sourceValue;
+      }
+    }
+  }
+  return result;
+}
+function mergeObjectsOneLevel(a, b) {
+  if (!a && !b) return void 0;
+  if (!b) return a;
+  if (!a) return b;
+  const result = { ...a };
+  for (const key in b) {
+    result[key] = { ...result[key], ...b[key] };
+  }
+  return result;
+}
+function mergeFont(...fontConfigurations) {
+  if (!fontConfigurations) {
+    return void 0;
+  }
+  return Object.entries(fontConfigurations).reduce(
+    (acc, [key, value]) => {
+      return { ...acc, [key]: value };
+    },
+    {}
+  );
+}
+function mergeTheme(...args) {
+  const mergedTheme = args.reduce(
+    (acc, curr) => {
+      if (!curr) return acc;
+      const { font: accFont, components: accComponents } = acc || {};
+      const currFiltered = Object.fromEntries(
+        Object.entries(curr).filter(
+          // eslint-disable-next-line @typescript-eslint/no-unused-vars
+          ([_, value]) => value !== void 0 && value !== null
+        )
+      ) || {};
+      const {
+        font: currFont,
+        components: currComponents,
+        ...currRest
+      } = currFiltered || {};
+      const font = mergeFont(accFont || {}, currFont || {});
+      acc.components = accComponents || currComponents ? Object.keys({ ...accComponents, ...currComponents }).reduce(
+        (merged, key) => ({
+          ...merged,
+          [key]: typeof accComponents?.[key] === "object" && typeof currComponents?.[key] === "object" ? {
+            ...accComponents?.[key] || {},
+            ...currComponents?.[key] || {}
+          } : currComponents?.[key] ?? accComponents?.[key]
+        }),
+        {}
+      ) : void 0;
+      return { ...acc, ...currRest, font };
+    },
+    {}
+  );
+  return mergedTheme;
+}
+function mergeContext(globalContext, context) {
+  return { ...deepMerge(globalContext || {}, context || {}) };
+}
+function mergeLocale(globalLocale, locale) {
+  return locale || globalLocale;
+}
+function mergeTranslations(...args) {
+  const filteredArgs = args.filter((arg) => arg !== void 0);
+  return deepMerge({}, ...filteredArgs);
+}
+function mergeApi(globalApi, api) {
+  return { ...globalApi, ...api };
+}
+function mergeLogger(globalLogger, logger) {
+  return logger || globalLogger;
+}
+function mergeConfigs(...args) {
+  return args.reduce((acc, curr) => {
+    return {
+      ...acc,
+      ...curr,
+      theme: mergeTheme(acc.theme, curr.theme),
+      context: mergeContext(acc.context, curr.context),
+      locale: mergeLocale(acc.locale, curr.locale),
+      translations: mergeTranslations(acc.translations, curr.translations),
+      api: mergeApi(acc.api, curr.api),
+      logger: mergeLogger(acc.logger, curr.logger)
+    };
+  }, {});
+}
+
+export { deepMerge, mergeApi, mergeConfigs, mergeContext, mergeFont, mergeLocale, mergeLogger, mergeObjectsOneLevel, mergeTheme, mergeTranslations };

package/dist/chunk-SLJNKQ2G.js

@@ -0,0 +1,125 @@
+import { UserIcon, BotIcon, RefreshCcwIcon, CopyIcon } from 'lucide-react';
+import { Fragment } from 'react';
+import { Reasoning, ReasoningTrigger, ReasoningContent } from '@chatsdk-dev/elements/components/ai-elements/reasoning';
+import { Sources, SourcesTrigger, SourcesContent, Source } from '@chatsdk-dev/elements/components/ai-elements/sources';
+import { useCopyToClipboard } from '@chatsdk-dev/elements/common/use-copy-to-clipboard';
+import { Actions, Action } from '@chatsdk-dev/elements/components/ai-elements/actions';
+import { Message, MessageContent } from '@chatsdk-dev/elements/components/ai-elements/message';
+import { Response } from '@chatsdk-dev/elements/components/ai-elements/response';
+import { cn } from '@chatsdk-dev/ui/lib/utils';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/features/chat/chat-message.tsx
+function ChatMessage({
+  messages,
+  withAvatar = false
+}) {
+  const [, copyToClipboard] = useCopyToClipboard();
+  return messages.map((message, messageIndex) => {
+    const isUser = message.role === "user";
+    const isAssistant = message.role === "assistant";
+    if (!message.parts.length) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs("div", { children: [
+      isAssistant && message.parts.filter((part) => part.type === "source-url").length > 0 && /* @__PURE__ */ jsxs(Sources, { children: [
+        /* @__PURE__ */ jsx(
+          SourcesTrigger,
+          {
+            count: message.parts.filter((part) => part.type === "source-url").length
+          }
+        ),
+        message.parts.filter((part) => part.type === "source-url").map((part, i) => /* @__PURE__ */ jsx(SourcesContent, { children: /* @__PURE__ */ jsx(
+          Source,
+          {
+            href: part.url,
+            title: part.url
+          },
+          `${message.id}-${i}`
+        ) }, `${message.id}-${i}`))
+      ] }),
+      message.parts.map((part, messagePartIndex) => {
+        switch (part.type) {
+          case "text":
+            if (!part.text) {
+              return null;
+            }
+            return /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs(
+                Message,
+                {
+                  className: cn("flex gap-1.5", isUser && "flex-row-reverse"),
+                  from: message.role,
+                  children: [
+                    withAvatar && /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: cn(
+                          "flex size-7 shrink-0 items-center justify-center rounded-full border text-xs",
+                          isUser ? "bg-primary text-primary-foreground border-primary" : isAssistant ? "bg-zinc-100 text-zinc-600 border-zinc-200 dark:bg-zinc-800 dark:text-zinc-400 dark:border-zinc-700" : "bg-amber-50 text-amber-600 border-amber-200 dark:bg-amber-950 dark:text-amber-400 dark:border-amber-800"
+                        ),
+                        children: isUser ? /* @__PURE__ */ jsx(UserIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx(BotIcon, { className: "size-3.5" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      MessageContent,
+                      {
+                        className: cn(
+                          "rounded-lg px-3 py-2 text-sm",
+                          isUser ? "bg-primary text-primary-foreground rounded-tr-sm" : isAssistant ? "bg-zinc-100 text-zinc-800 dark:bg-zinc-800 dark:text-zinc-100 rounded-tl-sm ring-1 ring-zinc-200 dark:ring-zinc-700" : "bg-amber-50 text-amber-800 dark:bg-amber-950 dark:text-amber-200 rounded-tl-sm ring-1 ring-amber-200 dark:ring-amber-800 italic"
+                        ),
+                        children: /* @__PURE__ */ jsx(Response, { children: part.text })
+                      }
+                    )
+                  ]
+                }
+              ),
+              isAssistant && /* @__PURE__ */ jsxs(
+                Actions,
+                {
+                  className: cn(
+                    "mt-[-6px] ml-[-10px] mb-[-20px]",
+                    withAvatar && "ml-6"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Action,
+                      {
+                        label: "Retry",
+                        children: /* @__PURE__ */ jsx(RefreshCcwIcon, { className: "size-3" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Action,
+                      {
+                        onClick: () => copyToClipboard?.(part.text),
+                        label: "Copy",
+                        children: /* @__PURE__ */ jsx(CopyIcon, { className: "size-3" })
+                      }
+                    )
+                  ]
+                }
+              )
+            ] }, `${message.id}-${messagePartIndex}`);
+          case "reasoning":
+            return /* @__PURE__ */ jsxs(
+              Reasoning,
+              {
+                className: "w-full",
+                isStreaming: status === "streaming" && messageIndex === message.parts.length - 1 && message.id === messages.at(-1)?.id,
+                children: [
+                  /* @__PURE__ */ jsx(ReasoningTrigger, {}),
+                  /* @__PURE__ */ jsx(ReasoningContent, { children: part.text })
+                ]
+              },
+              `${message.id}-${messagePartIndex}`
+            );
+          default:
+            return null;
+        }
+      })
+    ] }, message.id);
+  });
+}
+
+export { ChatMessage };

package/dist/chunk-TDEFIW2L.js

@@ -0,0 +1,9 @@
+// src/features/chat/queries/query-keys.ts
+var chatQueryKeys = {
+  all: () => ["chat"],
+  get: (chatId) => [...chatQueryKeys.all(), "get", chatId],
+  listConversations: (chatId) => [...chatQueryKeys.get(chatId), "conversations"],
+  conversation: (chatId, conversationId) => [...chatQueryKeys.get(chatId), "conversation", conversationId]
+};
+
+export { chatQueryKeys };