@chatsdk-dev/elements 0.0.1 → 0.1.3

package/dist/chunk-M5OONVIO.js

@@ -1,90 +0,0 @@
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { createContext, use } from 'react';
-import { I18nextProvider } from 'react-i18next';
-import { languages } from '@chatsdk-dev/elements/i18n/config';
-import { i18n } from '@chatsdk-dev/elements/i18n/i18next';
-import { getLocaleChainFromLocale } from '@chatsdk-dev/elements/i18n/utils';
-import { jsx } from 'react/jsx-runtime';
-
-// src/features/molecule/molecule-provider.tsx
-var queryClient = new QueryClient();
-function MoleculeTranslationsProvider({
-  localeConfig,
-  translationsConfig,
-  children
-}) {
-  let language = localeConfig?.language;
-  if (language && !languages.includes(language)) {
-    const [_languageTag] = getLocaleChainFromLocale(language);
-    if (_languageTag && languages.includes(_languageTag)) {
-      language = _languageTag;
-    }
-  }
-  let _i18n = i18n;
-  if (language && (i18n.language !== language || i18n.options.formality !== localeConfig?.formality) && Object.keys(i18n.services.resourceStore.data).includes(language)) {
-    _i18n = i18n.cloneInstance({
-      lng: language,
-      formality: localeConfig?.formality
-    });
-  }
-  if (translationsConfig) {
-    for (const [namespace, translations] of Object.entries(
-      translationsConfig
-    )) {
-      for (const [language2, resource] of Object.entries(translations)) {
-        _i18n.addResourceBundle(language2, namespace, resource, true, true);
-      }
-    }
-  }
-  return /* @__PURE__ */ jsx(I18nextProvider, { i18n: _i18n, defaultNS: "molecules", children });
-}
-function createMoleculeContext({
-  name
-}) {
-  const MoleculeContext = createContext(null);
-  function useMolecule() {
-    const v = use(MoleculeContext);
-    if (!v) throw new Error("Must be used within its MoleculeProvider");
-    return v;
-  }
-  function useMoleculeConfig() {
-    const v = use(MoleculeContext);
-    if (!v) throw new Error("Must be used within its MoleculeProvider");
-    return v.config;
-  }
-  function useMoleculeComponent() {
-    const v = use(MoleculeContext);
-    if (!v) throw new Error("Must be used within its MoleculeProvider");
-    return v.component;
-  }
-  function useMoleculeCallbacks() {
-    const v = use(MoleculeContext);
-    if (!v) throw new Error("Must be used within its MoleculeProvider");
-    return v.callbacks;
-  }
-  function TypedMoleculeProvider({
-    config = {},
-    component,
-    callbacks,
-    children
-  }) {
-    return /* @__PURE__ */ jsx(MoleculeContext.Provider, { value: { config, component, callbacks }, children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(
-      MoleculeTranslationsProvider,
-      {
-        localeConfig: config.locale,
-        translationsConfig: config.translations,
-        children
-      }
-    ) }) });
-  }
-  TypedMoleculeProvider.displayName = `MoleculeProvider<${name}>`;
-  return {
-    useMolecule,
-    useMoleculeConfig,
-    useMoleculeComponent,
-    useMoleculeCallbacks,
-    MoleculeProvider: TypedMoleculeProvider
-  };
-}
-
-export { createMoleculeContext };

package/dist/chunk-MXTBCHYC.js

@@ -1,31 +0,0 @@
-import { getLogger } from './chunk-VS55HRUS.js';
-import { useChatSDKStore } from './chunk-YX46JVQN.js';
-import { mergeConfigs } from './chunk-RJG5D2TM.js';
-import React from 'react';
-import { useShallow } from 'zustand/react/shallow';
-
-function useMergeGlobalConfig(config) {
-  const globalConfig = useChatSDKStore(
-    useShallow((state) => ({
-      theme: state.theme,
-      locale: state.locale,
-      context: state.context,
-      api: state.api,
-      translations: state.translations,
-      logger: state.logger,
-      options: state.options
-    }))
-  );
-  const withGlobalConfig = React.useMemo(() => {
-    return mergeConfigs(globalConfig, config || {});
-  }, [globalConfig, config]);
-  const resolvedLogger = getLogger(withGlobalConfig.logger);
-  const resolvedLocale = withGlobalConfig.locale ? typeof withGlobalConfig.locale === "object" ? withGlobalConfig.locale : { language: withGlobalConfig.locale, formality: "formal" } : void 0;
-  return {
-    ...withGlobalConfig,
-    logger: resolvedLogger,
-    locale: resolvedLocale
-  };
-}
-
-export { useMergeGlobalConfig };

package/dist/chunk-NIC3MOMY.js

@@ -1,55 +0,0 @@
-import { cn } from '@chatsdk-dev/ui/lib/utils';
-import { motion } from 'motion/react';
-import { memo, useMemo } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-// src/components/ai-elements/shimmer.tsx
-var motionComponentCache = /* @__PURE__ */ new Map();
-var getMotionComponent = (element) => {
-  let component = motionComponentCache.get(element);
-  if (!component) {
-    component = motion.create(element);
-    motionComponentCache.set(element, component);
-  }
-  return component;
-};
-var ShimmerComponent = ({
-  children,
-  as: Component = "p",
-  className,
-  duration = 2,
-  spread = 2
-}) => {
-  const MotionComponent = getMotionComponent(
-    Component
-  );
-  const dynamicSpread = useMemo(
-    () => (children?.length ?? 0) * spread,
-    [children, spread]
-  );
-  return /* @__PURE__ */ jsx(
-    MotionComponent,
-    {
-      animate: { backgroundPosition: "0% center" },
-      className: cn(
-        "relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent",
-        "[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]",
-        className
-      ),
-      initial: { backgroundPosition: "100% center" },
-      style: {
-        "--spread": `${dynamicSpread}px`,
-        backgroundImage: "var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))"
-      },
-      transition: {
-        duration,
-        ease: "linear",
-        repeat: Number.POSITIVE_INFINITY
-      },
-      children
-    }
-  );
-};
-var Shimmer = memo(ShimmerComponent);
-
-export { Shimmer };

package/dist/chunk-QTRMNIG3.js

@@ -1,83 +0,0 @@
-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

@@ -1,36 +0,0 @@
-// 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

@@ -1,113 +0,0 @@
-// 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

@@ -1,125 +0,0 @@
-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

@@ -1,9 +0,0 @@
-// 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 };