@uselingu/react-native-sdk 0.1.0

package/lib/commonjs/theme/theme.js

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultTypography = exports.defaultSpacing = exports.defaultShadows = exports.defaultBorderRadius = exports.defaultAnimations = exports.createThemeColors = exports.createTheme = void 0;
+/**
+ * Theme Configuration
+ * Centralized design tokens for the SDK
+ * Colors are sourced from backend widget config
+ */
+
+// Default typography (constant across themes)
+const defaultTypography = exports.defaultTypography = {
+  fontSizes: {
+    xs: 12,
+    sm: 14,
+    base: 15,
+    lg: 16,
+    xl: 18,
+    '2xl': 20,
+    '3xl': 24
+  },
+  fontWeights: {
+    normal: '400',
+    medium: '500',
+    semibold: '600',
+    bold: '700'
+  },
+  lineHeights: {
+    tight: 1.2,
+    normal: 1.5,
+    relaxed: 1.75
+  }
+};
+
+// Default spacing (constant across themes)
+const defaultSpacing = exports.defaultSpacing = {
+  xs: 4,
+  sm: 8,
+  md: 12,
+  lg: 16,
+  xl: 20,
+  '2xl': 24,
+  '3xl': 32
+};
+
+// Default border radius (constant across themes)
+const defaultBorderRadius = exports.defaultBorderRadius = {
+  sm: 4,
+  md: 8,
+  lg: 12,
+  xl: 16,
+  full: 9999
+};
+
+// Default shadows (constant across themes)
+const defaultShadows = exports.defaultShadows = {
+  sm: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 2,
+    elevation: 2
+  },
+  md: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.15,
+    shadowRadius: 4,
+    elevation: 4
+  },
+  lg: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 8,
+    elevation: 8
+  }
+};
+
+// Default animation durations (constant across themes)
+const defaultAnimations = exports.defaultAnimations = {
+  fast: 150,
+  normal: 300,
+  slow: 500
+};
+
+/**
+ * Create theme colors from backend widget config
+ */
+const createThemeColors = (primaryColor, backgroundColor, textColor, theme = 'light') => {
+  const isLight = theme === 'light';
+  return {
+    primary: primaryColor,
+    background: backgroundColor,
+    text: textColor,
+    // Semantic colors
+    userBubble: primaryColor,
+    botBubble: isLight ? '#ffffff' : '#2d3748',
+    userText: '#ffffff',
+    botText: isLight ? '#1f2937' : '#f9fafb',
+    inputBackground: isLight ? '#f9fafb' : '#2d3748',
+    inputBorder: isLight ? '#e5e7eb' : '#4a5568',
+    inputText: isLight ? '#1f2937' : '#f9fafb',
+    headerBackground: primaryColor,
+    headerText: '#ffffff',
+    errorBackground: '#fef2f2',
+    errorText: '#991b1b',
+    badge: '#ef4444',
+    loadingIndicator: primaryColor,
+    // Neutral colors
+    gray50: '#f9fafb',
+    gray100: '#f3f4f6',
+    gray200: '#e5e7eb',
+    gray300: '#d1d5db',
+    gray400: '#9ca3af',
+    gray500: '#6b7280',
+    gray600: '#4b5563',
+    gray700: '#374151',
+    gray800: '#1f2937',
+    gray900: '#111827'
+  };
+};
+
+/**
+ * Create complete theme from backend widget config
+ */
+exports.createThemeColors = createThemeColors;
+const createTheme = (primaryColor = '#4ade80', backgroundColor = '#ffffff', textColor = '#1f2937', themeMode = 'light') => {
+  return {
+    colors: createThemeColors(primaryColor, backgroundColor, textColor, themeMode),
+    typography: defaultTypography,
+    spacing: defaultSpacing,
+    borderRadius: defaultBorderRadius,
+    shadows: defaultShadows,
+    animations: defaultAnimations
+  };
+};
+exports.createTheme = createTheme;
+//# sourceMappingURL=theme.js.map

package/lib/commonjs/theme/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultTypography","exports","fontSizes","xs","sm","base","lg","xl","fontWeights","normal","medium","semibold","bold","lineHeights","tight","relaxed","defaultSpacing","md","defaultBorderRadius","full","defaultShadows","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","defaultAnimations","fast","slow","createThemeColors","primaryColor","backgroundColor","textColor","theme","isLight","primary","background","text","userBubble","botBubble","userText","botText","inputBackground","inputBorder","inputText","headerBackground","headerText","errorBackground","errorText","badge","loadingIndicator","gray50","gray100","gray200","gray300","gray400","gray500","gray600","gray700","gray800","gray900","createTheme","themeMode","colors","typography","spacing","borderRadius","shadows","animations"],"sources":["theme.ts"],"sourcesContent":["/**\n * Theme Configuration\n * Centralized design tokens for the SDK\n * Colors are sourced from backend widget config\n */\n\nexport interface ThemeColors {\n   primary: string;\n   background: string;\n   text: string;\n   // Semantic colors\n   userBubble: string;\n   botBubble: string;\n   userText: string;\n   botText: string;\n   inputBackground: string;\n   inputBorder: string;\n   inputText: string;\n   headerBackground: string;\n   headerText: string;\n   errorBackground: string;\n   errorText: string;\n   badge: string;\n   loadingIndicator: string;\n   // Neutral colors\n   gray50: string;\n   gray100: string;\n   gray200: string;\n   gray300: string;\n   gray400: string;\n   gray500: string;\n   gray600: string;\n   gray700: string;\n   gray800: string;\n   gray900: string;\n}\n\nexport interface Typography {\n   fontSizes: {\n      xs: number;\n      sm: number;\n      base: number;\n      lg: number;\n      xl: number;\n      '2xl': number;\n      '3xl': number;\n   };\n   fontWeights: {\n      normal: '400';\n      medium: '500';\n      semibold: '600';\n      bold: '700';\n   };\n   lineHeights: {\n      tight: number;\n      normal: number;\n      relaxed: number;\n   };\n}\n\nexport interface Spacing {\n   xs: number;\n   sm: number;\n   md: number;\n   lg: number;\n   xl: number;\n   '2xl': number;\n   '3xl': number;\n}\n\nexport interface BorderRadius {\n   sm: number;\n   md: number;\n   lg: number;\n   xl: number;\n   full: number;\n}\n\nexport interface Shadows {\n   sm: {\n      shadowColor: string;\n      shadowOffset: { width: number; height: number };\n      shadowOpacity: number;\n      shadowRadius: number;\n      elevation: number;\n   };\n   md: {\n      shadowColor: string;\n      shadowOffset: { width: number; height: number };\n      shadowOpacity: number;\n      shadowRadius: number;\n      elevation: number;\n   };\n   lg: {\n      shadowColor: string;\n      shadowOffset: { width: number; height: number };\n      shadowOpacity: number;\n      shadowRadius: number;\n      elevation: number;\n   };\n}\n\nexport interface AnimationDurations {\n   fast: number;\n   normal: number;\n   slow: number;\n}\n\nexport interface Theme {\n   colors: ThemeColors;\n   typography: Typography;\n   spacing: Spacing;\n   borderRadius: BorderRadius;\n   shadows: Shadows;\n   animations: AnimationDurations;\n}\n\n// Default typography (constant across themes)\nexport const defaultTypography: Typography = {\n   fontSizes: {\n      xs: 12,\n      sm: 14,\n      base: 15,\n      lg: 16,\n      xl: 18,\n      '2xl': 20,\n      '3xl': 24,\n   },\n   fontWeights: {\n      normal: '400',\n      medium: '500',\n      semibold: '600',\n      bold: '700',\n   },\n   lineHeights: {\n      tight: 1.2,\n      normal: 1.5,\n      relaxed: 1.75,\n   },\n};\n\n// Default spacing (constant across themes)\nexport const defaultSpacing: Spacing = {\n   xs: 4,\n   sm: 8,\n   md: 12,\n   lg: 16,\n   xl: 20,\n   '2xl': 24,\n   '3xl': 32,\n};\n\n// Default border radius (constant across themes)\nexport const defaultBorderRadius: BorderRadius = {\n   sm: 4,\n   md: 8,\n   lg: 12,\n   xl: 16,\n   full: 9999,\n};\n\n// Default shadows (constant across themes)\nexport const defaultShadows: Shadows = {\n   sm: {\n      shadowColor: '#000',\n      shadowOffset: { width: 0, height: 1 },\n      shadowOpacity: 0.1,\n      shadowRadius: 2,\n      elevation: 2,\n   },\n   md: {\n      shadowColor: '#000',\n      shadowOffset: { width: 0, height: 2 },\n      shadowOpacity: 0.15,\n      shadowRadius: 4,\n      elevation: 4,\n   },\n   lg: {\n      shadowColor: '#000',\n      shadowOffset: { width: 0, height: 4 },\n      shadowOpacity: 0.2,\n      shadowRadius: 8,\n      elevation: 8,\n   },\n};\n\n// Default animation durations (constant across themes)\nexport const defaultAnimations: AnimationDurations = {\n   fast: 150,\n   normal: 300,\n   slow: 500,\n};\n\n/**\n * Create theme colors from backend widget config\n */\nexport const createThemeColors = (\n   primaryColor: string,\n   backgroundColor: string,\n   textColor: string,\n   theme: 'light' | 'dark' = 'light'\n): ThemeColors => {\n   const isLight = theme === 'light';\n\n   return {\n      primary: primaryColor,\n      background: backgroundColor,\n      text: textColor,\n      // Semantic colors\n      userBubble: primaryColor,\n      botBubble: isLight ? '#ffffff' : '#2d3748',\n      userText: '#ffffff',\n      botText: isLight ? '#1f2937' : '#f9fafb',\n      inputBackground: isLight ? '#f9fafb' : '#2d3748',\n      inputBorder: isLight ? '#e5e7eb' : '#4a5568',\n      inputText: isLight ? '#1f2937' : '#f9fafb',\n      headerBackground: primaryColor,\n      headerText: '#ffffff',\n      errorBackground: '#fef2f2',\n      errorText: '#991b1b',\n      badge: '#ef4444',\n      loadingIndicator: primaryColor,\n      // Neutral colors\n      gray50: '#f9fafb',\n      gray100: '#f3f4f6',\n      gray200: '#e5e7eb',\n      gray300: '#d1d5db',\n      gray400: '#9ca3af',\n      gray500: '#6b7280',\n      gray600: '#4b5563',\n      gray700: '#374151',\n      gray800: '#1f2937',\n      gray900: '#111827',\n   };\n};\n\n/**\n * Create complete theme from backend widget config\n */\nexport const createTheme = (\n   primaryColor: string = '#4ade80',\n   backgroundColor: string = '#ffffff',\n   textColor: string = '#1f2937',\n   themeMode: 'light' | 'dark' = 'light'\n): Theme => {\n   return {\n      colors: createThemeColors(primaryColor, backgroundColor, textColor, themeMode),\n      typography: defaultTypography,\n      spacing: defaultSpacing,\n      borderRadius: defaultBorderRadius,\n      shadows: defaultShadows,\n      animations: defaultAnimations,\n   };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/types/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/lib/commonjs/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["/**\n * Core types for Lingu React Native SDK\n */\n\nexport interface LinguConfig {\n   apiKey: string;\n   baseURL?: string;\n   autoOpen?: boolean;\n   onSessionStart?: (sessionId: string) => void;\n   onSessionEnd?: (sessionId: string) => void;\n   onMessageSent?: (message: string) => void;\n   onMessageReceived?: (message: string) => void;\n}\n\nexport type ChatPosition = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';\n\nexport type ThemeMode = 'light' | 'dark' | 'system';\n\nexport type MessageSender = 'user' | 'bot';\n\nexport interface Message {\n   id: string;\n   text: string;\n   sender: MessageSender;\n   timestamp: Date;\n}\n\nexport interface WidgetConfig {\n   widgetPosition: ChatPosition;\n   widgetSize: 'small' | 'medium' | 'large';\n   theme: ThemeMode;\n   primaryColor: string;\n   backgroundColor: string;\n   textColor: string;\n   brandName?: string;\n   brandLogo?: string;\n   greetingMessage: string;\n}\n\nexport interface SessionData {\n   sessionId: string;\n   startedAt: Date;\n   lastActivity: Date;\n}\n\nexport interface ApiResponse<T> {\n   success: boolean;\n   data: T;\n   error?: string;\n}\n\nexport interface ChatResponse {\n   message: string;\n   context?: any[];\n}\n\nexport interface SessionResponse {\n   sessionId: string;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/commonjs/utils/animations.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.typingDotAnimation = exports.slideUp = exports.scaleIn = exports.pulse = exports.messageEntrance = exports.fadeOut = exports.fadeIn = void 0;
+var _reactNative = require("react-native");
+/**
+ * Animation Utilities
+ * Reusable animation functions for SDK components
+ */
+
+/**
+ * Fade in animation
+ */
+const fadeIn = (animatedValue, duration = 300, toValue = 1) => {
+  return _reactNative.Animated.timing(animatedValue, {
+    toValue,
+    duration,
+    easing: _reactNative.Easing.out(_reactNative.Easing.ease),
+    useNativeDriver: true
+  });
+};
+
+/**
+ * Fade out animation
+ */
+exports.fadeIn = fadeIn;
+const fadeOut = (animatedValue, duration = 300, toValue = 0) => {
+  return _reactNative.Animated.timing(animatedValue, {
+    toValue,
+    duration,
+    easing: _reactNative.Easing.in(_reactNative.Easing.ease),
+    useNativeDriver: true
+  });
+};
+
+/**
+ * Slide up animation (for messages)
+ */
+exports.fadeOut = fadeOut;
+const slideUp = (animatedValue, duration = 300) => {
+  return _reactNative.Animated.timing(animatedValue, {
+    toValue: 0,
+    duration,
+    easing: _reactNative.Easing.out(_reactNative.Easing.cubic),
+    useNativeDriver: true
+  });
+};
+
+/**
+ * Scale animation (for FAB entrance)
+ */
+exports.slideUp = slideUp;
+const scaleIn = animatedValue => {
+  return _reactNative.Animated.spring(animatedValue, {
+    toValue: 1,
+    friction: 8,
+    tension: 40,
+    useNativeDriver: true
+  });
+};
+
+/**
+ * Pulse animation (for unread badge on FAB)
+ */
+exports.scaleIn = scaleIn;
+const pulse = animatedValue => {
+  return _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(animatedValue, {
+    toValue: 1.2,
+    duration: 500,
+    easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
+    useNativeDriver: true
+  }), _reactNative.Animated.timing(animatedValue, {
+    toValue: 1,
+    duration: 500,
+    easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
+    useNativeDriver: true
+  })]));
+};
+
+/**
+ * Typing indicator animation (for the dots)
+ */
+exports.pulse = pulse;
+const typingDotAnimation = (animatedValue, delay = 0) => {
+  return _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.delay(delay), _reactNative.Animated.timing(animatedValue, {
+    toValue: -8,
+    duration: 400,
+    easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
+    useNativeDriver: true
+  }), _reactNative.Animated.timing(animatedValue, {
+    toValue: 0,
+    duration: 400,
+    easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
+    useNativeDriver: true
+  })]));
+};
+
+/**
+ * Message entrance animation (slide up + fade in)
+ */
+exports.typingDotAnimation = typingDotAnimation;
+const messageEntrance = (translateY, opacity, duration = 300) => {
+  return _reactNative.Animated.parallel([_reactNative.Animated.timing(translateY, {
+    toValue: 0,
+    duration,
+    easing: _reactNative.Easing.out(_reactNative.Easing.cubic),
+    useNativeDriver: true
+  }), _reactNative.Animated.timing(opacity, {
+    toValue: 1,
+    duration,
+    easing: _reactNative.Easing.out(_reactNative.Easing.ease),
+    useNativeDriver: true
+  })]);
+};
+exports.messageEntrance = messageEntrance;
+//# sourceMappingURL=animations.js.map

package/lib/commonjs/utils/animations.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","fadeIn","animatedValue","duration","toValue","Animated","timing","easing","Easing","out","ease","useNativeDriver","exports","fadeOut","in","slideUp","cubic","scaleIn","spring","friction","tension","pulse","loop","sequence","inOut","typingDotAnimation","delay","messageEntrance","translateY","opacity","parallel"],"sources":["animations.ts"],"sourcesContent":["/**\n * Animation Utilities\n * Reusable animation functions for SDK components\n */\n\nimport { Animated, Easing } from 'react-native';\n\n/**\n * Fade in animation\n */\nexport const fadeIn = (\n   animatedValue: Animated.Value,\n   duration: number = 300,\n   toValue: number = 1\n): Animated.CompositeAnimation => {\n   return Animated.timing(animatedValue, {\n      toValue,\n      duration,\n      easing: Easing.out(Easing.ease),\n      useNativeDriver: true,\n   });\n};\n\n/**\n * Fade out animation\n */\nexport const fadeOut = (\n   animatedValue: Animated.Value,\n   duration: number = 300,\n   toValue: number = 0\n): Animated.CompositeAnimation => {\n   return Animated.timing(animatedValue, {\n      toValue,\n      duration,\n      easing: Easing.in(Easing.ease),\n      useNativeDriver: true,\n   });\n};\n\n/**\n * Slide up animation (for messages)\n */\nexport const slideUp = (\n   animatedValue: Animated.Value,\n   duration: number = 300\n): Animated.CompositeAnimation => {\n   return Animated.timing(animatedValue, {\n      toValue: 0,\n      duration,\n      easing: Easing.out(Easing.cubic),\n      useNativeDriver: true,\n   });\n};\n\n/**\n * Scale animation (for FAB entrance)\n */\nexport const scaleIn = (\n   animatedValue: Animated.Value\n): Animated.CompositeAnimation => {\n   return Animated.spring(animatedValue, {\n      toValue: 1,\n      friction: 8,\n      tension: 40,\n      useNativeDriver: true,\n   });\n};\n\n/**\n * Pulse animation (for unread badge on FAB)\n */\nexport const pulse = (\n   animatedValue: Animated.Value\n): Animated.CompositeAnimation => {\n   return Animated.loop(\n      Animated.sequence([\n         Animated.timing(animatedValue, {\n            toValue: 1.2,\n            duration: 500,\n            easing: Easing.inOut(Easing.ease),\n            useNativeDriver: true,\n         }),\n         Animated.timing(animatedValue, {\n            toValue: 1,\n            duration: 500,\n            easing: Easing.inOut(Easing.ease),\n            useNativeDriver: true,\n         }),\n      ])\n   );\n};\n\n/**\n * Typing indicator animation (for the dots)\n */\nexport const typingDotAnimation = (\n   animatedValue: Animated.Value,\n   delay: number = 0\n): Animated.CompositeAnimation => {\n   return Animated.loop(\n      Animated.sequence([\n         Animated.delay(delay),\n         Animated.timing(animatedValue, {\n            toValue: -8,\n            duration: 400,\n            easing: Easing.inOut(Easing.ease),\n            useNativeDriver: true,\n         }),\n         Animated.timing(animatedValue, {\n            toValue: 0,\n            duration: 400,\n            easing: Easing.inOut(Easing.ease),\n            useNativeDriver: true,\n         }),\n      ])\n   );\n};\n\n/**\n * Message entrance animation (slide up + fade in)\n */\nexport const messageEntrance = (\n   translateY: Animated.Value,\n   opacity: Animated.Value,\n   duration: number = 300\n): Animated.CompositeAnimation => {\n   return Animated.parallel([\n      Animated.timing(translateY, {\n         toValue: 0,\n         duration,\n         easing: Easing.out(Easing.cubic),\n         useNativeDriver: true,\n      }),\n      Animated.timing(opacity, {\n         toValue: 1,\n         duration,\n         easing: Easing.out(Easing.ease),\n         useNativeDriver: true,\n      }),\n   ]);\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/utils/formatters.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.truncate = exports.isLightColor = exports.getContrastingColor = exports.formatTime = exports.formatRelativeTime = void 0;
+/**
+ * Formatting Utilities
+ * Helper functions for formatting data in the SDK
+ */
+
+/**
+ * Format a date to relative time (e.g., "just now", "2m ago", "1h ago")
+ */
+const formatRelativeTime = date => {
+  const now = new Date();
+  const diffInSeconds = Math.floor((now.getTime() - date.getTime()) / 1000);
+  if (diffInSeconds < 10) {
+    return 'just now';
+  }
+  if (diffInSeconds < 60) {
+    return `${diffInSeconds}s ago`;
+  }
+  const diffInMinutes = Math.floor(diffInSeconds / 60);
+  if (diffInMinutes < 60) {
+    return `${diffInMinutes}m ago`;
+  }
+  const diffInHours = Math.floor(diffInMinutes / 60);
+  if (diffInHours < 24) {
+    return `${diffInHours}h ago`;
+  }
+  const diffInDays = Math.floor(diffInHours / 24);
+  if (diffInDays < 7) {
+    return `${diffInDays}d ago`;
+  }
+
+  // For dates older than a week, show the actual date
+  return date.toLocaleDateString();
+};
+
+/**
+ * Format time for display (e.g., "2:30 PM")
+ */
+exports.formatRelativeTime = formatRelativeTime;
+const formatTime = date => {
+  return date.toLocaleTimeString([], {
+    hour: '2-digit',
+    minute: '2-digit'
+  });
+};
+
+/**
+ * Truncate text with ellipsis
+ */
+exports.formatTime = formatTime;
+const truncate = (text, maxLength) => {
+  if (text.length <= maxLength) {
+    return text;
+  }
+  return text.substring(0, maxLength - 3) + '...';
+};
+
+/**
+ * Check if a color is light or dark (for text contrast)
+ */
+exports.truncate = truncate;
+const isLightColor = color => {
+  // Remove # if present
+  const hex = color.replace('#', '');
+
+  // Convert to RGB
+  const r = parseInt(hex.substring(0, 2), 16);
+  const g = parseInt(hex.substring(2, 4), 16);
+  const b = parseInt(hex.substring(4, 6), 16);
+
+  // Calculate luminance
+  const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+  return luminance > 0.5;
+};
+
+/**
+ * Get contrasting text color for a background
+ */
+exports.isLightColor = isLightColor;
+const getContrastingColor = backgroundColor => {
+  return isLightColor(backgroundColor) ? '#000000' : '#ffffff';
+};
+exports.getContrastingColor = getContrastingColor;
+//# sourceMappingURL=formatters.js.map

package/lib/commonjs/utils/formatters.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["formatRelativeTime","date","now","Date","diffInSeconds","Math","floor","getTime","diffInMinutes","diffInHours","diffInDays","toLocaleDateString","exports","formatTime","toLocaleTimeString","hour","minute","truncate","text","maxLength","length","substring","isLightColor","color","hex","replace","r","parseInt","g","b","luminance","getContrastingColor","backgroundColor"],"sources":["formatters.ts"],"sourcesContent":["/**\n * Formatting Utilities\n * Helper functions for formatting data in the SDK\n */\n\n/**\n * Format a date to relative time (e.g., \"just now\", \"2m ago\", \"1h ago\")\n */\nexport const formatRelativeTime = (date: Date): string => {\n   const now = new Date();\n   const diffInSeconds = Math.floor((now.getTime() - date.getTime()) / 1000);\n\n   if (diffInSeconds < 10) {\n      return 'just now';\n   }\n\n   if (diffInSeconds < 60) {\n      return `${diffInSeconds}s ago`;\n   }\n\n   const diffInMinutes = Math.floor(diffInSeconds / 60);\n   if (diffInMinutes < 60) {\n      return `${diffInMinutes}m ago`;\n   }\n\n   const diffInHours = Math.floor(diffInMinutes / 60);\n   if (diffInHours < 24) {\n      return `${diffInHours}h ago`;\n   }\n\n   const diffInDays = Math.floor(diffInHours / 24);\n   if (diffInDays < 7) {\n      return `${diffInDays}d ago`;\n   }\n\n   // For dates older than a week, show the actual date\n   return date.toLocaleDateString();\n};\n\n/**\n * Format time for display (e.g., \"2:30 PM\")\n */\nexport const formatTime = (date: Date): string => {\n   return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\n};\n\n/**\n * Truncate text with ellipsis\n */\nexport const truncate = (text: string, maxLength: number): string => {\n   if (text.length <= maxLength) {\n      return text;\n   }\n   return text.substring(0, maxLength - 3) + '...';\n};\n\n/**\n * Check if a color is light or dark (for text contrast)\n */\nexport const isLightColor = (color: string): boolean => {\n   // Remove # if present\n   const hex = color.replace('#', '');\n\n   // Convert to RGB\n   const r = parseInt(hex.substring(0, 2), 16);\n   const g = parseInt(hex.substring(2, 4), 16);\n   const b = parseInt(hex.substring(4, 6), 16);\n\n   // Calculate luminance\n   const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;\n\n   return luminance > 0.5;\n};\n\n/**\n * Get contrasting text color for a background\n */\nexport const getContrastingColor = (backgroundColor: string): string => {\n   return isLightColor(backgroundColor) ? '#000000' : '#ffffff';\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACO,MAAMA,kBAAkB,GAAIC,IAAU,IAAa;EACvD,MAAMC,GAAG,GAAG,IAAIC,IAAI,CAAC,CAAC;EACtB,MAAMC,aAAa,GAAGC,IAAI,CAACC,KAAK,CAAC,CAACJ,GAAG,CAACK,OAAO,CAAC,CAAC,GAAGN,IAAI,CAACM,OAAO,CAAC,CAAC,IAAI,IAAI,CAAC;EAEzE,IAAIH,aAAa,GAAG,EAAE,EAAE;IACrB,OAAO,UAAU;EACpB;EAEA,IAAIA,aAAa,GAAG,EAAE,EAAE;IACrB,OAAO,GAAGA,aAAa,OAAO;EACjC;EAEA,MAAMI,aAAa,GAAGH,IAAI,CAACC,KAAK,CAACF,aAAa,GAAG,EAAE,CAAC;EACpD,IAAII,aAAa,GAAG,EAAE,EAAE;IACrB,OAAO,GAAGA,aAAa,OAAO;EACjC;EAEA,MAAMC,WAAW,GAAGJ,IAAI,CAACC,KAAK,CAACE,aAAa,GAAG,EAAE,CAAC;EAClD,IAAIC,WAAW,GAAG,EAAE,EAAE;IACnB,OAAO,GAAGA,WAAW,OAAO;EAC/B;EAEA,MAAMC,UAAU,GAAGL,IAAI,CAACC,KAAK,CAACG,WAAW,GAAG,EAAE,CAAC;EAC/C,IAAIC,UAAU,GAAG,CAAC,EAAE;IACjB,OAAO,GAAGA,UAAU,OAAO;EAC9B;;EAEA;EACA,OAAOT,IAAI,CAACU,kBAAkB,CAAC,CAAC;AACnC,CAAC;;AAED;AACA;AACA;AAFAC,OAAA,CAAAZ,kBAAA,GAAAA,kBAAA;AAGO,MAAMa,UAAU,GAAIZ,IAAU,IAAa;EAC/C,OAAOA,IAAI,CAACa,kBAAkB,CAAC,EAAE,EAAE;IAAEC,IAAI,EAAE,SAAS;IAAEC,MAAM,EAAE;EAAU,CAAC,CAAC;AAC7E,CAAC;;AAED;AACA;AACA;AAFAJ,OAAA,CAAAC,UAAA,GAAAA,UAAA;AAGO,MAAMI,QAAQ,GAAGA,CAACC,IAAY,EAAEC,SAAiB,KAAa;EAClE,IAAID,IAAI,CAACE,MAAM,IAAID,SAAS,EAAE;IAC3B,OAAOD,IAAI;EACd;EACA,OAAOA,IAAI,CAACG,SAAS,CAAC,CAAC,EAAEF,SAAS,GAAG,CAAC,CAAC,GAAG,KAAK;AAClD,CAAC;;AAED;AACA;AACA;AAFAP,OAAA,CAAAK,QAAA,GAAAA,QAAA;AAGO,MAAMK,YAAY,GAAIC,KAAa,IAAc;EACrD;EACA,MAAMC,GAAG,GAAGD,KAAK,CAACE,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;;EAElC;EACA,MAAMC,CAAC,GAAGC,QAAQ,CAACH,GAAG,CAACH,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;EAC3C,MAAMO,CAAC,GAAGD,QAAQ,CAACH,GAAG,CAACH,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;EAC3C,MAAMQ,CAAC,GAAGF,QAAQ,CAACH,GAAG,CAACH,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;;EAE3C;EACA,MAAMS,SAAS,GAAG,CAAC,KAAK,GAAGJ,CAAC,GAAG,KAAK,GAAGE,CAAC,GAAG,KAAK,GAAGC,CAAC,IAAI,GAAG;EAE3D,OAAOC,SAAS,GAAG,GAAG;AACzB,CAAC;;AAED;AACA;AACA;AAFAlB,OAAA,CAAAU,YAAA,GAAAA,YAAA;AAGO,MAAMS,mBAAmB,GAAIC,eAAuB,IAAa;EACrE,OAAOV,YAAY,CAACU,eAAe,CAAC,GAAG,SAAS,GAAG,SAAS;AAC/D,CAAC;AAACpB,OAAA,CAAAmB,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/commonjs/utils/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _animations = require("./animations");
+Object.keys(_animations).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _animations[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _animations[key];
+    }
+  });
+});
+var _formatters = require("./formatters");
+Object.keys(_formatters).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formatters[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _formatters[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_animations","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_formatters"],"sources":["index.ts"],"sourcesContent":["/**\n * Utilities exports\n */\n\nexport * from './animations';\nexport * from './formatters';\n"],"mappings":";;;;;AAIA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,WAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,WAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,WAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,WAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}