@parlr/react-native 0.1.0

package/lib/module/components/SatisfactionSurvey.js

@@ -0,0 +1,287 @@
+"use strict";
+
+// ---------------------------------------------------------------------------
+// Parlr React Native SDK - Satisfaction Survey (CSAT)
+// ---------------------------------------------------------------------------
+//
+// Displays a 1-5 star rating + optional comment after a conversation is closed.
+// ---------------------------------------------------------------------------
+
+import React, { useCallback, useState } from 'react';
+import { ActivityIndicator, Pressable, StyleSheet, Text, TextInput, View, useColorScheme } from 'react-native';
+
+// ---------------------------------------------------------------------------
+// Props
+// ---------------------------------------------------------------------------
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ---------------------------------------------------------------------------
+// i18n
+// ---------------------------------------------------------------------------
+
+function getI18n(locale) {
+  if (locale?.startsWith('en')) {
+    return {
+      title: 'How was your experience?',
+      description: 'Rate your conversation with our team.',
+      commentPlaceholder: 'Tell us more (optional)',
+      submit: 'Submit',
+      dismiss: 'Skip',
+      thanks: 'Thank you for your feedback!',
+      labels: ['Terrible', 'Bad', 'Okay', 'Good', 'Excellent']
+    };
+  }
+  return {
+    title: 'Comment s\u2019est pass\u00e9e votre exp\u00e9rience ?',
+    description: '\u00c9valuez votre conversation avec notre \u00e9quipe.',
+    commentPlaceholder: 'Dites-nous en plus (optionnel)',
+    submit: 'Envoyer',
+    dismiss: 'Passer',
+    thanks: 'Merci pour votre retour !',
+    labels: ['Terrible', 'Mauvais', 'Correct', 'Bien', 'Excellent']
+  };
+}
+
+// ---------------------------------------------------------------------------
+// Star component
+// ---------------------------------------------------------------------------
+
+function Star({
+  filled,
+  onPress,
+  size = 36
+}) {
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: onPress,
+    hitSlop: 4,
+    accessibilityRole: "button",
+    children: /*#__PURE__*/_jsx(Text, {
+      style: {
+        fontSize: size,
+        color: filled ? '#f59e0b' : '#d1d5db'
+      },
+      children: filled ? '\u2605' : '\u2606'
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+export function SatisfactionSurvey({
+  onSubmit,
+  onDismiss,
+  title,
+  description,
+  accentColor: accentColorProp,
+  locale
+}) {
+  const isDark = useColorScheme() === 'dark';
+  const accentColor = accentColorProp ?? '#6366f1';
+  const i18n = getI18n(locale);
+  const [score, setScore] = useState(0);
+  const [comment, setComment] = useState('');
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [submitted, setSubmitted] = useState(false);
+  const handleSubmit = useCallback(async () => {
+    if (score === 0) return;
+    setIsSubmitting(true);
+    try {
+      await onSubmit(score, comment.trim() || undefined);
+      setSubmitted(true);
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [score, comment, onSubmit]);
+  if (submitted) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.root, isDark && styles.rootDark],
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.container,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.checkmark,
+          children: '\u2714'
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.thanksText, isDark && styles.thanksTextDark],
+          children: i18n.thanks
+        })]
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.root, isDark && styles.rootDark],
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.container,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.title, isDark && styles.titleDark],
+        children: title ?? i18n.title
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.description, isDark && styles.descriptionDark],
+        children: description ?? i18n.description
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.starsRow,
+        children: [1, 2, 3, 4, 5].map(value => /*#__PURE__*/_jsx(Star, {
+          filled: value <= score,
+          onPress: () => setScore(value)
+        }, value))
+      }), score > 0 && /*#__PURE__*/_jsx(Text, {
+        style: [styles.scoreLabel, isDark && styles.scoreLabelDark],
+        children: i18n.labels[score - 1]
+      }), score > 0 && /*#__PURE__*/_jsx(TextInput, {
+        style: [styles.commentInput, isDark ? styles.commentInputDark : styles.commentInputLight],
+        value: comment,
+        onChangeText: setComment,
+        placeholder: i18n.commentPlaceholder,
+        placeholderTextColor: isDark ? '#64748b' : '#94a3b8',
+        multiline: true,
+        maxLength: 500,
+        accessibilityLabel: i18n.commentPlaceholder
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.actions,
+        children: [onDismiss && /*#__PURE__*/_jsx(Pressable, {
+          onPress: onDismiss,
+          style: styles.dismissButton,
+          accessibilityRole: "button",
+          accessibilityLabel: i18n.dismiss,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [styles.dismissText, isDark && styles.dismissTextDark],
+            children: i18n.dismiss
+          })
+        }), /*#__PURE__*/_jsx(Pressable, {
+          onPress: handleSubmit,
+          disabled: score === 0 || isSubmitting,
+          style: [styles.submitButton, {
+            backgroundColor: score === 0 || isSubmitting ? '#cbd5e1' : accentColor
+          }],
+          accessibilityRole: "button",
+          accessibilityLabel: i18n.submit,
+          accessibilityState: {
+            disabled: score === 0 || isSubmitting
+          },
+          children: isSubmitting ? /*#__PURE__*/_jsx(ActivityIndicator, {
+            size: "small",
+            color: "#ffffff"
+          }) : /*#__PURE__*/_jsx(Text, {
+            style: styles.submitText,
+            children: i18n.submit
+          })
+        })]
+      })]
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Styles
+// ---------------------------------------------------------------------------
+
+const styles = StyleSheet.create({
+  root: {
+    backgroundColor: '#ffffff',
+    paddingVertical: 24
+  },
+  rootDark: {
+    backgroundColor: '#0f172a'
+  },
+  container: {
+    paddingHorizontal: 24,
+    alignItems: 'center'
+  },
+  title: {
+    fontSize: 18,
+    fontWeight: '700',
+    color: '#0f172a',
+    marginBottom: 6,
+    textAlign: 'center'
+  },
+  titleDark: {
+    color: '#f1f5f9'
+  },
+  description: {
+    fontSize: 14,
+    color: '#64748b',
+    textAlign: 'center',
+    marginBottom: 20
+  },
+  descriptionDark: {
+    color: '#94a3b8'
+  },
+  starsRow: {
+    flexDirection: 'row',
+    gap: 12,
+    marginBottom: 8
+  },
+  scoreLabel: {
+    fontSize: 14,
+    fontWeight: '500',
+    color: '#475569',
+    marginBottom: 16
+  },
+  scoreLabelDark: {
+    color: '#94a3b8'
+  },
+  commentInput: {
+    width: '100%',
+    minHeight: 80,
+    maxHeight: 120,
+    fontSize: 14,
+    paddingHorizontal: 14,
+    paddingVertical: 10,
+    borderRadius: 10,
+    borderWidth: 1,
+    textAlignVertical: 'top',
+    marginBottom: 16
+  },
+  commentInputLight: {
+    backgroundColor: '#f8fafc',
+    borderColor: '#e2e8f0',
+    color: '#0f172a'
+  },
+  commentInputDark: {
+    backgroundColor: '#1e293b',
+    borderColor: '#334155',
+    color: '#f1f5f9'
+  },
+  actions: {
+    flexDirection: 'row',
+    gap: 12,
+    alignItems: 'center'
+  },
+  dismissButton: {
+    paddingHorizontal: 20,
+    paddingVertical: 12
+  },
+  dismissText: {
+    fontSize: 14,
+    color: '#64748b'
+  },
+  dismissTextDark: {
+    color: '#94a3b8'
+  },
+  submitButton: {
+    flex: 1,
+    paddingVertical: 12,
+    borderRadius: 10,
+    alignItems: 'center'
+  },
+  submitText: {
+    color: '#ffffff',
+    fontSize: 15,
+    fontWeight: '600'
+  },
+  checkmark: {
+    fontSize: 48,
+    color: '#22c55e',
+    marginBottom: 12
+  },
+  thanksText: {
+    fontSize: 16,
+    fontWeight: '600',
+    color: '#0f172a',
+    textAlign: 'center'
+  },
+  thanksTextDark: {
+    color: '#f1f5f9'
+  }
+});
+//# sourceMappingURL=SatisfactionSurvey.js.map

package/lib/module/components/SatisfactionSurvey.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","ActivityIndicator","Pressable","StyleSheet","Text","TextInput","View","useColorScheme","jsx","_jsx","jsxs","_jsxs","getI18n","locale","startsWith","title","description","commentPlaceholder","submit","dismiss","thanks","labels","Star","filled","onPress","size","hitSlop","accessibilityRole","children","style","fontSize","color","SatisfactionSurvey","onSubmit","onDismiss","accentColor","accentColorProp","isDark","i18n","score","setScore","comment","setComment","isSubmitting","setIsSubmitting","submitted","setSubmitted","handleSubmit","trim","undefined","styles","root","rootDark","container","checkmark","thanksText","thanksTextDark","titleDark","descriptionDark","starsRow","map","value","scoreLabel","scoreLabelDark","commentInput","commentInputDark","commentInputLight","onChangeText","placeholder","placeholderTextColor","multiline","maxLength","accessibilityLabel","actions","dismissButton","dismissText","dismissTextDark","disabled","submitButton","backgroundColor","accessibilityState","submitText","create","paddingVertical","paddingHorizontal","alignItems","fontWeight","marginBottom","textAlign","flexDirection","gap","width","minHeight","maxHeight","borderRadius","borderWidth","textAlignVertical","borderColor","flex"],"sourceRoot":"../../../src","sources":["components/SatisfactionSurvey.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/TypingIndicator.js

@@ -0,0 +1,81 @@
+"use strict";
+
+// ---------------------------------------------------------------------------
+// Parlr React Native SDK - Typing Indicator (animated 3 dots)
+// ---------------------------------------------------------------------------
+
+import React, { useEffect } from 'react';
+import { StyleSheet, View, useColorScheme } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withRepeat, withSequence, withTiming, withDelay, Easing } from 'react-native-reanimated';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function Dot({
+  index,
+  color
+}) {
+  const translateY = useSharedValue(0);
+  useEffect(() => {
+    translateY.value = withDelay(index * 150, withRepeat(withSequence(withTiming(-6, {
+      duration: 300,
+      easing: Easing.out(Easing.ease)
+    }), withTiming(0, {
+      duration: 300,
+      easing: Easing.in(Easing.ease)
+    })), -1, false));
+  }, [index, translateY]);
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateY: translateY.value
+    }]
+  }));
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.dot, {
+      backgroundColor: color
+    }, animatedStyle]
+  });
+}
+export function TypingIndicator({
+  accentColor
+}) {
+  const isDark = useColorScheme() === 'dark';
+  const dotColor = accentColor ?? (isDark ? '#94a3b8' : '#64748b');
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, isDark ? styles.containerDark : styles.containerLight],
+    accessibilityLabel: "Agent is typing",
+    accessibilityRole: "text",
+    children: [/*#__PURE__*/_jsx(Dot, {
+      index: 0,
+      color: dotColor
+    }), /*#__PURE__*/_jsx(Dot, {
+      index: 1,
+      color: dotColor
+    }), /*#__PURE__*/_jsx(Dot, {
+      index: 2,
+      color: dotColor
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    alignSelf: 'flex-start',
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    borderRadius: 18,
+    marginLeft: 12,
+    marginVertical: 4,
+    gap: 4
+  },
+  containerLight: {
+    backgroundColor: '#f1f5f9'
+  },
+  containerDark: {
+    backgroundColor: '#1e293b'
+  },
+  dot: {
+    width: 7,
+    height: 7,
+    borderRadius: 3.5
+  }
+});
+//# sourceMappingURL=TypingIndicator.js.map

package/lib/module/components/TypingIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","StyleSheet","View","useColorScheme","Animated","useSharedValue","useAnimatedStyle","withRepeat","withSequence","withTiming","withDelay","Easing","jsx","_jsx","jsxs","_jsxs","Dot","index","color","translateY","value","duration","easing","out","ease","in","animatedStyle","transform","style","styles","dot","backgroundColor","TypingIndicator","accentColor","isDark","dotColor","container","containerDark","containerLight","accessibilityLabel","accessibilityRole","children","create","flexDirection","alignItems","alignSelf","paddingHorizontal","paddingVertical","borderRadius","marginLeft","marginVertical","gap","width","height"],"sourceRoot":"../../../src","sources":["components/TypingIndicator.tsx"],"mappings":"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","ignoreList":[]}