@aigentyc/chat-sdk 0.2.2 → 0.2.4

package/dist/{chunk-UKEL7FWS.js → chunk-IU7Q7O5G.js}

@@ -19,6 +19,7 @@ function themeToCSSVars(theme) {
     "--ac-border": theme.borderColor,
     "--ac-placeholder": theme.placeholderColor,
     "--ac-font-family": theme.fontFamily,
+    "--ac-font-sans": theme.fontFamily,
     "--ac-heading-font-family": theme.headingFontFamily,
     "--ac-border-radius": theme.borderRadius,
     "--ac-assistant-bubble-padding": theme.assistantBubblePadding,
@@ -60,5 +61,5 @@ function useTheme() {
 }
 
 export { ThemeProvider, useTheme };
-//# sourceMappingURL=chunk-UKEL7FWS.js.map
-//# sourceMappingURL=chunk-UKEL7FWS.js.map
+//# sourceMappingURL=chunk-IU7Q7O5G.js.map
+//# sourceMappingURL=chunk-IU7Q7O5G.js.map

package/dist/chunk-IU7Q7O5G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/providers/ThemeProvider.tsx"],"names":[],"mappings":";;;;AA8CA,IAAM,YAAA,GAAe,cAAwC,IAAI,CAAA;AAUjE,SAAS,eAAe,KAAA,EAAmC;AACzD,EAAA,MAAM,IAAA,GAA2C;AAAA,IAC/C,gBAAgB,KAAA,CAAM,YAAA;AAAA,IACtB,eAAe,KAAA,CAAM,WAAA;AAAA,IACrB,mBAAmB,KAAA,CAAM,eAAA;AAAA,IACzB,aAAa,KAAA,CAAM,SAAA;AAAA,IACnB,aAAa,KAAA,CAAM,SAAA;AAAA,IACnB,eAAe,KAAA,CAAM,WAAA;AAAA,IACrB,oBAAoB,KAAA,CAAM,eAAA;AAAA,IAC1B,yBAAyB,KAAA,CAAM,oBAAA;AAAA,IAC/B,8BAA8B,KAAA,CAAM,wBAAA;AAAA,IACpC,kBAAkB,KAAA,CAAM,cAAA;AAAA,IACxB,eAAe,KAAA,CAAM,WAAA;AAAA,IACrB,oBAAoB,KAAA,CAAM,gBAAA;AAAA,IAC1B,oBAAoB,KAAA,CAAM,UAAA;AAAA,IAC1B,kBAAkB,KAAA,CAAM,UAAA;AAAA,IACxB,4BAA4B,KAAA,CAAM,iBAAA;AAAA,IAClC,sBAAsB,KAAA,CAAM,YAAA;AAAA,IAC5B,iCAAiC,KAAA,CAAM,sBAAA;AAAA,IACvC,4BAA4B,KAAA,CAAM;AAAA,GACpC;AAGA,EAAA,MAAM,QAAgC,EAAC;AACvC,EAAA,KAAA,MAAW,CAAC,GAAA,EAAK,KAAK,KAAK,MAAA,CAAO,OAAA,CAAQ,IAAI,CAAA,EAAG;AAC/C,IAAA,IAAI,UAAU,MAAA,EAAW;AACvB,MAAA,KAAA,CAAM,GAAG,CAAA,GAAI,KAAA;AAAA,IACf;AAAA,EACF;AAGA,EAAA,IAAI,MAAM,gBAAA,EAAkB;AAC1B,IAAA,KAAA,MAAW,CAAC,KAAK,KAAK,CAAA,IAAK,OAAO,OAAA,CAAQ,KAAA,CAAM,gBAAgB,CAAA,EAAG;AACjE,MAAA,KAAA,CAAM,GAAG,CAAA,GAAI,KAAA;AAAA,IACf;AAAA,EACF;AAEA,EAAA,OAAO,KAAA;AACT;AAOO,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA,EAAO,eAAe,EAAC;AAAA,EACvB;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAsB,YAAY,CAAA;AAC5D,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,YAAY,IAAA,CAAK,SAAA;AAEvB,EAAA,MAAM,OAAA,GAAU,QAAQ,MAAM,cAAA,CAAe,KAAK,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAE5D,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,OAAO,EAAE,KAAA,EAAO,QAAA,EAAU,SAAA,EAAU,CAAA;AAAA,IACpC,CAAC,OAAO,SAAS;AAAA,GACnB;AAEA,EAAA,uBACE,GAAA,CAAC,YAAA,CAAa,QAAA,EAAb,EAAsB,OACrB,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,oBAAA,EAAmB,EAAA,EAAG,GAAA,EAAK,SAAA,EAAW,KAAA,EAAO,OAAA,EAC/C,UACH,CAAA,EACF,CAAA;AAEJ;AAMO,SAAS,QAAA,GAA8B;AAC5C,EAAA,MAAM,GAAA,GAAM,WAAW,YAAY,CAAA;AACnC,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,MAAM,8CAA8C,CAAA;AAAA,EAChE;AACA,EAAA,OAAO,GAAA;AACT","file":"chunk-IU7Q7O5G.js","sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  useContext,\n  useState,\n  useMemo,\n  type ReactNode,\n  type CSSProperties,\n} from \"react\";\nimport { useI18n } from \"./I18nProvider\";\n\n/**\n * Theme configuration for the chat widget.\n */\nexport interface ThemeConfig {\n  primaryColor?: string;\n  accentColor?: string;\n  backgroundColor?: string;\n  textColor?: string;\n  linkColor?: string;\n  loaderColor?: string;\n  userBubbleColor?: string;\n  assistantBubbleColor?: string;\n  assistantBubbleTextColor?: string;\n  secondaryColor?: string;\n  borderColor?: string;\n  placeholderColor?: string;\n  fontFamily?: string;\n  headingFontFamily?: string;\n  borderRadius?: string;\n  assistantBubblePadding?: string;\n  assistantMaxWidth?: string;\n  /** Arbitrary CSS custom properties (key must start with `--`). */\n  customProperties?: Record<string, string>;\n}\n\ninterface ThemeContextValue {\n  /** Current theme configuration. */\n  theme: ThemeConfig;\n  /** Update the theme at runtime. */\n  setTheme: (theme: ThemeConfig) => void;\n  /** Current text direction derived from language. */\n  direction: \"ltr\" | \"rtl\";\n}\n\nconst ThemeContext = createContext<ThemeContextValue | null>(null);\n\n/** Props for the ThemeProvider component. */\nexport interface ThemeProviderProps {\n  /** Theme configuration. */\n  theme?: ThemeConfig;\n  children: ReactNode;\n}\n\n/** Map a ThemeConfig to CSS custom properties. */\nfunction themeToCSSVars(theme: ThemeConfig): CSSProperties {\n  const vars: Record<string, string | undefined> = {\n    \"--ac-primary\": theme.primaryColor,\n    \"--ac-accent\": theme.accentColor,\n    \"--ac-background\": theme.backgroundColor,\n    \"--ac-text\": theme.textColor,\n    \"--ac-link\": theme.linkColor,\n    \"--ac-loader\": theme.loaderColor,\n    \"--ac-user-bubble\": theme.userBubbleColor,\n    \"--ac-assistant-bubble\": theme.assistantBubbleColor,\n    \"--ac-assistant-bubble-text\": theme.assistantBubbleTextColor,\n    \"--ac-secondary\": theme.secondaryColor,\n    \"--ac-border\": theme.borderColor,\n    \"--ac-placeholder\": theme.placeholderColor,\n    \"--ac-font-family\": theme.fontFamily,\n    \"--ac-font-sans\": theme.fontFamily,\n    \"--ac-heading-font-family\": theme.headingFontFamily,\n    \"--ac-border-radius\": theme.borderRadius,\n    \"--ac-assistant-bubble-padding\": theme.assistantBubblePadding,\n    \"--ac-assistant-max-width\": theme.assistantMaxWidth,\n  };\n\n  // Strip undefined values\n  const style: Record<string, string> = {};\n  for (const [key, value] of Object.entries(vars)) {\n    if (value !== undefined) {\n      style[key] = value;\n    }\n  }\n\n  // Merge arbitrary custom properties\n  if (theme.customProperties) {\n    for (const [key, value] of Object.entries(theme.customProperties)) {\n      style[key] = value;\n    }\n  }\n\n  return style as CSSProperties;\n}\n\n/**\n * Provides theme context and renders a wrapper `<div data-aigentyc-chat>`\n * that sets CSS custom properties for styling.\n * Reads direction from I18nProvider.\n */\nexport function ThemeProvider({\n  theme: initialTheme = {},\n  children,\n}: ThemeProviderProps) {\n  const [theme, setTheme] = useState<ThemeConfig>(initialTheme);\n  const i18n = useI18n();\n  const direction = i18n.direction;\n\n  const cssVars = useMemo(() => themeToCSSVars(theme), [theme]);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({ theme, setTheme, direction }),\n    [theme, direction]\n  );\n\n  return (\n    <ThemeContext.Provider value={value}>\n      <div data-aigentyc-chat=\"\" dir={direction} style={cssVars}>\n        {children}\n      </div>\n    </ThemeContext.Provider>\n  );\n}\n\n/**\n * Returns the current theme configuration and `setTheme` updater.\n * Must be used within a `ThemeProvider`.\n */\nexport function useTheme(): ThemeContextValue {\n  const ctx = useContext(ThemeContext);\n  if (!ctx) {\n    throw new Error(\"useTheme must be used within a ThemeProvider\");\n  }\n  return ctx;\n}\n"]}

package/dist/{chunk-WQARQ2FJ.cjs → chunk-MC6QDYB6.cjs}

@@ -2,7 +2,7 @@
 'use strict';
 
 var chunkNYQSM3EB_cjs = require('./chunk-NYQSM3EB.cjs');
-var chunk7BNYTOTE_cjs = require('./chunk-7BNYTOTE.cjs');
+var chunkP3RPAI4F_cjs = require('./chunk-P3RPAI4F.cjs');
 var chunkRTVEBPAJ_cjs = require('./chunk-RTVEBPAJ.cjs');
 var chunk3MP2EGEJ_cjs = require('./chunk-3MP2EGEJ.cjs');
 var chunkDMGYQ6NN_cjs = require('./chunk-DMGYQ6NN.cjs');
@@ -795,7 +795,7 @@ function ChatInterface(props) {
   const { showSources = false } = props;
   const { messages, status, sendMessage, sessionId, config, clearMessages } = chunkJ2K7EJYP_cjs.useChatContext();
   const { t, direction } = chunk3MP2EGEJ_cjs.useI18n();
-  chunk7BNYTOTE_cjs.useTheme();
+  chunkP3RPAI4F_cjs.useTheme();
   const slots = chunkJ2K7EJYP_cjs.useSlots();
   let liveChat = null;
   try {
@@ -1687,5 +1687,5 @@ exports.MobileLiveChatDrawer = MobileLiveChatDrawer;
 exports.PreviewEmbedPanel = PreviewEmbedPanel;
 exports.QuickQuestions = QuickQuestions;
 exports.WelcomePage = WelcomePage;
-//# sourceMappingURL=chunk-WQARQ2FJ.cjs.map
-//# sourceMappingURL=chunk-WQARQ2FJ.cjs.map
+//# sourceMappingURL=chunk-MC6QDYB6.cjs.map
+//# sourceMappingURL=chunk-MC6QDYB6.cjs.map