@parlr/react-native 0.1.0

package/lib/commonjs/components/SatisfactionSurvey.js

@@ -0,0 +1,292 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SatisfactionSurvey = SatisfactionSurvey;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// ---------------------------------------------------------------------------
+// Parlr React Native SDK - Satisfaction Survey (CSAT)
+// ---------------------------------------------------------------------------
+//
+// Displays a 1-5 star rating + optional comment after a conversation is closed.
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// Props
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// 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__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: onPress,
+    hitSlop: 4,
+    accessibilityRole: "button",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: {
+        fontSize: size,
+        color: filled ? '#f59e0b' : '#d1d5db'
+      },
+      children: filled ? '\u2605' : '\u2606'
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+function SatisfactionSurvey({
+  onSubmit,
+  onDismiss,
+  title,
+  description,
+  accentColor: accentColorProp,
+  locale
+}) {
+  const isDark = (0, _reactNative.useColorScheme)() === 'dark';
+  const accentColor = accentColorProp ?? '#6366f1';
+  const i18n = getI18n(locale);
+  const [score, setScore] = (0, _react.useState)(0);
+  const [comment, setComment] = (0, _react.useState)('');
+  const [isSubmitting, setIsSubmitting] = (0, _react.useState)(false);
+  const [submitted, setSubmitted] = (0, _react.useState)(false);
+  const handleSubmit = (0, _react.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.root, isDark && styles.rootDark],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.container,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.checkmark,
+          children: '\u2714'
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.thanksText, isDark && styles.thanksTextDark],
+          children: i18n.thanks
+        })]
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.root, isDark && styles.rootDark],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.container,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.title, isDark && styles.titleDark],
+        children: title ?? i18n.title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.description, isDark && styles.descriptionDark],
+        children: description ?? i18n.description
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.starsRow,
+        children: [1, 2, 3, 4, 5].map(value => /*#__PURE__*/(0, _jsxRuntime.jsx)(Star, {
+          filled: value <= score,
+          onPress: () => setScore(value)
+        }, value))
+      }), score > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.scoreLabel, isDark && styles.scoreLabelDark],
+        children: i18n.labels[score - 1]
+      }), score > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.actions,
+        children: [onDismiss && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          onPress: onDismiss,
+          style: styles.dismissButton,
+          accessibilityRole: "button",
+          accessibilityLabel: i18n.dismiss,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.dismissText, isDark && styles.dismissTextDark],
+            children: i18n.dismiss
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+            size: "small",
+            color: "#ffffff"
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.submitText,
+            children: i18n.submit
+          })
+        })]
+      })]
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Styles
+// ---------------------------------------------------------------------------
+
+const styles = _reactNative.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/commonjs/components/SatisfactionSurvey.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","getI18n","locale","startsWith","title","description","commentPlaceholder","submit","dismiss","thanks","labels","Star","filled","onPress","size","jsx","Pressable","hitSlop","accessibilityRole","children","Text","style","fontSize","color","SatisfactionSurvey","onSubmit","onDismiss","accentColor","accentColorProp","isDark","useColorScheme","i18n","score","setScore","useState","comment","setComment","isSubmitting","setIsSubmitting","submitted","setSubmitted","handleSubmit","useCallback","trim","undefined","View","styles","root","rootDark","jsxs","container","checkmark","thanksText","thanksTextDark","titleDark","descriptionDark","starsRow","map","value","scoreLabel","scoreLabelDark","TextInput","commentInput","commentInputDark","commentInputLight","onChangeText","placeholder","placeholderTextColor","multiline","maxLength","accessibilityLabel","actions","dismissButton","dismissText","dismissTextDark","disabled","submitButton","backgroundColor","accessibilityState","ActivityIndicator","submitText","StyleSheet","create","paddingVertical","paddingHorizontal","alignItems","fontWeight","marginBottom","textAlign","flexDirection","gap","width","minHeight","maxHeight","borderRadius","borderWidth","textAlignVertical","borderColor","flex"],"sourceRoot":"../../../src","sources":["components/SatisfactionSurvey.tsx"],"mappings":";;;;;;AAOA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQsB,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAhBtB;AACA;AACA;AACA;AACA;AACA;;AAaA;AACA;AACA;;AAiBA;AACA;AACA;;AAEA,SAASkB,OAAOA,CAACC,MAAe,EAAE;EAChC,IAAIA,MAAM,EAAEC,UAAU,CAAC,IAAI,CAAC,EAAE;IAC5B,OAAO;MACLC,KAAK,EAAE,0BAA0B;MACjCC,WAAW,EAAE,uCAAuC;MACpDC,kBAAkB,EAAE,yBAAyB;MAC7CC,MAAM,EAAE,QAAQ;MAChBC,OAAO,EAAE,MAAM;MACfC,MAAM,EAAE,8BAA8B;MACtCC,MAAM,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW;IACzD,CAAC;EACH;EACA,OAAO;IACLN,KAAK,EAAE,wDAAwD;IAC/DC,WAAW,EAAE,yDAAyD;IACtEC,kBAAkB,EAAE,gCAAgC;IACpDC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE,QAAQ;IACjBC,MAAM,EAAE,2BAA2B;IACnCC,MAAM,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW;EAChE,CAAC;AACH;;AAEA;AACA;AACA;;AAEA,SAASC,IAAIA,CAAC;EACZC,MAAM;EACNC,OAAO;EACPC,IAAI,GAAG;AAKT,CAAC,EAAE;EACD,oBACE,IAAAjC,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAoC,SAAS;IACRH,OAAO,EAAEA,OAAQ;IACjBI,OAAO,EAAE,CAAE;IACXC,iBAAiB,EAAC,QAAQ;IAAAC,QAAA,eAE1B,IAAAtC,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAwC,IAAI;MAACC,KAAK,EAAE;QAAEC,QAAQ,EAAER,IAAI;QAAES,KAAK,EAAEX,MAAM,GAAG,SAAS,GAAG;MAAU,CAAE;MAAAO,QAAA,EACpEP,MAAM,GAAG,QAAQ,GAAG;IAAQ,CACzB;EAAC,CACE,CAAC;AAEhB;;AAEA;AACA;AACA;;AAEO,SAASY,kBAAkBA,CAAC;EACjCC,QAAQ;EACRC,SAAS;EACTtB,KAAK;EACLC,WAAW;EACXsB,WAAW,EAAEC,eAAe;EAC5B1B;AACuB,CAAC,EAAE;EAC1B,MAAM2B,MAAM,GAAG,IAAAC,2BAAc,EAAC,CAAC,KAAK,MAAM;EAC1C,MAAMH,WAAW,GAAGC,eAAe,IAAI,SAAS;EAChD,MAAMG,IAAI,GAAG9B,OAAO,CAACC,MAAM,CAAC;EAE5B,MAAM,CAAC8B,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EACrC,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAF,eAAQ,EAAC,EAAE,CAAC;EAC1C,MAAM,CAACG,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAJ,eAAQ,EAAC,KAAK,CAAC;EACvD,MAAM,CAACK,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAN,eAAQ,EAAC,KAAK,CAAC;EAEjD,MAAMO,YAAY,GAAG,IAAAC,kBAAW,EAAC,YAAY;IAC3C,IAAIV,KAAK,KAAK,CAAC,EAAE;IACjBM,eAAe,CAAC,IAAI,CAAC;IACrB,IAAI;MACF,MAAMb,QAAQ,CAACO,KAAK,EAAEG,OAAO,CAACQ,IAAI,CAAC,CAAC,IAAIC,SAAS,CAAC;MAClDJ,YAAY,CAAC,IAAI,CAAC;IACpB,CAAC,SAAS;MACRF,eAAe,CAAC,KAAK,CAAC;IACxB;EACF,CAAC,EAAE,CAACN,KAAK,EAAEG,OAAO,EAAEV,QAAQ,CAAC,CAAC;EAE9B,IAAIc,SAAS,EAAE;IACb,oBACE,IAAA1D,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAiE,IAAI;MAACxB,KAAK,EAAE,CAACyB,MAAM,CAACC,IAAI,EAAElB,MAAM,IAAIiB,MAAM,CAACE,QAAQ,CAAE;MAAA7B,QAAA,eACpD,IAAAtC,WAAA,CAAAoE,IAAA,EAACrE,YAAA,CAAAiE,IAAI;QAACxB,KAAK,EAAEyB,MAAM,CAACI,SAAU;QAAA/B,QAAA,gBAC5B,IAAAtC,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAwC,IAAI;UAACC,KAAK,EAAEyB,MAAM,CAACK,SAAU;UAAAhC,QAAA,EAAE;QAAQ,CAAO,CAAC,eAChD,IAAAtC,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAwC,IAAI;UAACC,KAAK,EAAE,CAACyB,MAAM,CAACM,UAAU,EAAEvB,MAAM,IAAIiB,MAAM,CAACO,cAAc,CAAE;UAAAlC,QAAA,EAC/DY,IAAI,CAACtB;QAAM,CACR,CAAC;MAAA,CACH;IAAC,CACH,CAAC;EAEX;EAEA,oBACE,IAAA5B,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAiE,IAAI;IAACxB,KAAK,EAAE,CAACyB,MAAM,CAACC,IAAI,EAAElB,MAAM,IAAIiB,MAAM,CAACE,QAAQ,CAAE;IAAA7B,QAAA,eACpD,IAAAtC,WAAA,CAAAoE,IAAA,EAACrE,YAAA,CAAAiE,IAAI;MAACxB,KAAK,EAAEyB,MAAM,CAACI,SAAU;MAAA/B,QAAA,gBAC5B,IAAAtC,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAwC,IAAI;QAACC,KAAK,EAAE,CAACyB,MAAM,CAAC1C,KAAK,EAAEyB,MAAM,IAAIiB,MAAM,CAACQ,SAAS,CAAE;QAAAnC,QAAA,EACrDf,KAAK,IAAI2B,IAAI,CAAC3B;MAAK,CAChB,CAAC,eACP,IAAAvB,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAwC,IAAI;QAACC,KAAK,EAAE,CAACyB,MAAM,CAACzC,WAAW,EAAEwB,MAAM,IAAIiB,MAAM,CAACS,eAAe,CAAE;QAAApC,QAAA,EACjEd,WAAW,IAAI0B,IAAI,CAAC1B;MAAW,CAC5B,CAAC,eAGP,IAAAxB,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAiE,IAAI;QAACxB,KAAK,EAAEyB,MAAM,CAACU,QAAS;QAAArC,QAAA,EAC1B,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAACsC,GAAG,CAAEC,KAAK,iBACzB,IAAA7E,WAAA,CAAAkC,GAAA,EAACJ,IAAI;UAEHC,MAAM,EAAE8C,KAAK,IAAI1B,KAAM;UACvBnB,OAAO,EAAEA,CAAA,KAAMoB,QAAQ,CAACyB,KAAK;QAAE,GAF1BA,KAGN,CACF;MAAC,CACE,CAAC,EAGN1B,KAAK,GAAG,CAAC,iBACR,IAAAnD,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAwC,IAAI;QAACC,KAAK,EAAE,CAACyB,MAAM,CAACa,UAAU,EAAE9B,MAAM,IAAIiB,MAAM,CAACc,cAAc,CAAE;QAAAzC,QAAA,EAC/DY,IAAI,CAACrB,MAAM,CAACsB,KAAK,GAAG,CAAC;MAAC,CACnB,CACP,EAGAA,KAAK,GAAG,CAAC,iBACR,IAAAnD,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAiF,SAAS;QACRxC,KAAK,EAAE,CACLyB,MAAM,CAACgB,YAAY,EACnBjC,MAAM,GAAGiB,MAAM,CAACiB,gBAAgB,GAAGjB,MAAM,CAACkB,iBAAiB,CAC3D;QACFN,KAAK,EAAEvB,OAAQ;QACf8B,YAAY,EAAE7B,UAAW;QACzB8B,WAAW,EAAEnC,IAAI,CAACzB,kBAAmB;QACrC6D,oBAAoB,EAAEtC,MAAM,GAAG,SAAS,GAAG,SAAU;QACrDuC,SAAS;QACTC,SAAS,EAAE,GAAI;QACfC,kBAAkB,EAAEvC,IAAI,CAACzB;MAAmB,CAC7C,CACF,eAGD,IAAAzB,WAAA,CAAAoE,IAAA,EAACrE,YAAA,CAAAiE,IAAI;QAACxB,KAAK,EAAEyB,MAAM,CAACyB,OAAQ;QAAApD,QAAA,GACzBO,SAAS,iBACR,IAAA7C,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAoC,SAAS;UACRH,OAAO,EAAEa,SAAU;UACnBL,KAAK,EAAEyB,MAAM,CAAC0B,aAAc;UAC5BtD,iBAAiB,EAAC,QAAQ;UAC1BoD,kBAAkB,EAAEvC,IAAI,CAACvB,OAAQ;UAAAW,QAAA,eAEjC,IAAAtC,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAwC,IAAI;YAACC,KAAK,EAAE,CAACyB,MAAM,CAAC2B,WAAW,EAAE5C,MAAM,IAAIiB,MAAM,CAAC4B,eAAe,CAAE;YAAAvD,QAAA,EACjEY,IAAI,CAACvB;UAAO,CACT;QAAC,CACE,CACZ,eAED,IAAA3B,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAoC,SAAS;UACRH,OAAO,EAAE4B,YAAa;UACtBkC,QAAQ,EAAE3C,KAAK,KAAK,CAAC,IAAIK,YAAa;UACtChB,KAAK,EAAE,CACLyB,MAAM,CAAC8B,YAAY,EACnB;YACEC,eAAe,EAAE7C,KAAK,KAAK,CAAC,IAAIK,YAAY,GAAG,SAAS,GAAGV;UAC7D,CAAC,CACD;UACFT,iBAAiB,EAAC,QAAQ;UAC1BoD,kBAAkB,EAAEvC,IAAI,CAACxB,MAAO;UAChCuE,kBAAkB,EAAE;YAAEH,QAAQ,EAAE3C,KAAK,KAAK,CAAC,IAAIK;UAAa,CAAE;UAAAlB,QAAA,EAE7DkB,YAAY,gBACX,IAAAxD,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAmG,iBAAiB;YAACjE,IAAI,EAAC,OAAO;YAACS,KAAK,EAAC;UAAS,CAAE,CAAC,gBAElD,IAAA1C,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAwC,IAAI;YAACC,KAAK,EAAEyB,MAAM,CAACkC,UAAW;YAAA7D,QAAA,EAAEY,IAAI,CAACxB;UAAM,CAAO;QACpD,CACQ,CAAC;MAAA,CACR,CAAC;IAAA,CACH;EAAC,CACH,CAAC;AAEX;;AAEA;AACA;AACA;;AAEA,MAAMuC,MAAM,GAAGmC,uBAAU,CAACC,MAAM,CAAC;EAC/BnC,IAAI,EAAE;IACJ8B,eAAe,EAAE,SAAS;IAC1BM,eAAe,EAAE;EACnB,CAAC;EACDnC,QAAQ,EAAE;IACR6B,eAAe,EAAE;EACnB,CAAC;EACD3B,SAAS,EAAE;IACTkC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE;EACd,CAAC;EACDjF,KAAK,EAAE;IACLkB,QAAQ,EAAE,EAAE;IACZgE,UAAU,EAAE,KAAK;IACjB/D,KAAK,EAAE,SAAS;IAChBgE,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDlC,SAAS,EAAE;IACT/B,KAAK,EAAE;EACT,CAAC;EACDlB,WAAW,EAAE;IACXiB,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE,SAAS;IAChBiE,SAAS,EAAE,QAAQ;IACnBD,YAAY,EAAE;EAChB,CAAC;EACDhC,eAAe,EAAE;IACfhC,KAAK,EAAE;EACT,CAAC;EACDiC,QAAQ,EAAE;IACRiC,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE,EAAE;IACPH,YAAY,EAAE;EAChB,CAAC;EACD5B,UAAU,EAAE;IACVrC,QAAQ,EAAE,EAAE;IACZgE,UAAU,EAAE,KAAK;IACjB/D,KAAK,EAAE,SAAS;IAChBgE,YAAY,EAAE;EAChB,CAAC;EACD3B,cAAc,EAAE;IACdrC,KAAK,EAAE;EACT,CAAC;EACDuC,YAAY,EAAE;IACZ6B,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,EAAE;IACbC,SAAS,EAAE,GAAG;IACdvE,QAAQ,EAAE,EAAE;IACZ8D,iBAAiB,EAAE,EAAE;IACrBD,eAAe,EAAE,EAAE;IACnBW,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,iBAAiB,EAAE,KAAK;IACxBT,YAAY,EAAE;EAChB,CAAC;EACDvB,iBAAiB,EAAE;IACjBa,eAAe,EAAE,SAAS;IAC1BoB,WAAW,EAAE,SAAS;IACtB1E,KAAK,EAAE;EACT,CAAC;EACDwC,gBAAgB,EAAE;IAChBc,eAAe,EAAE,SAAS;IAC1BoB,WAAW,EAAE,SAAS;IACtB1E,KAAK,EAAE;EACT,CAAC;EACDgD,OAAO,EAAE;IACPkB,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE,EAAE;IACPL,UAAU,EAAE;EACd,CAAC;EACDb,aAAa,EAAE;IACbY,iBAAiB,EAAE,EAAE;IACrBD,eAAe,EAAE;EACnB,CAAC;EACDV,WAAW,EAAE;IACXnD,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE;EACT,CAAC;EACDmD,eAAe,EAAE;IACfnD,KAAK,EAAE;EACT,CAAC;EACDqD,YAAY,EAAE;IACZsB,IAAI,EAAE,CAAC;IACPf,eAAe,EAAE,EAAE;IACnBW,YAAY,EAAE,EAAE;IAChBT,UAAU,EAAE;EACd,CAAC;EACDL,UAAU,EAAE;IACVzD,KAAK,EAAE,SAAS;IAChBD,QAAQ,EAAE,EAAE;IACZgE,UAAU,EAAE;EACd,CAAC;EACDnC,SAAS,EAAE;IACT7B,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE,SAAS;IAChBgE,YAAY,EAAE;EAChB,CAAC;EACDnC,UAAU,EAAE;IACV9B,QAAQ,EAAE,EAAE;IACZgE,UAAU,EAAE,KAAK;IACjB/D,KAAK,EAAE,SAAS;IAChBiE,SAAS,EAAE;EACb,CAAC;EACDnC,cAAc,EAAE;IACd9B,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/TypingIndicator.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TypingIndicator = TypingIndicator;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// ---------------------------------------------------------------------------
+// Parlr React Native SDK - Typing Indicator (animated 3 dots)
+// ---------------------------------------------------------------------------
+
+function Dot({
+  index,
+  color
+}) {
+  const translateY = (0, _reactNativeReanimated.useSharedValue)(0);
+  (0, _react.useEffect)(() => {
+    translateY.value = (0, _reactNativeReanimated.withDelay)(index * 150, (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(-6, {
+      duration: 300,
+      easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.ease)
+    }), (0, _reactNativeReanimated.withTiming)(0, {
+      duration: 300,
+      easing: _reactNativeReanimated.Easing.in(_reactNativeReanimated.Easing.ease)
+    })), -1, false));
+  }, [index, translateY]);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateY: translateY.value
+    }]
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [styles.dot, {
+      backgroundColor: color
+    }, animatedStyle]
+  });
+}
+function TypingIndicator({
+  accentColor
+}) {
+  const isDark = (0, _reactNative.useColorScheme)() === 'dark';
+  const dotColor = accentColor ?? (isDark ? '#94a3b8' : '#64748b');
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, isDark ? styles.containerDark : styles.containerLight],
+    accessibilityLabel: "Agent is typing",
+    accessibilityRole: "text",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Dot, {
+      index: 0,
+      color: dotColor
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Dot, {
+      index: 1,
+      color: dotColor
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Dot, {
+      index: 2,
+      color: dotColor
+    })]
+  });
+}
+const styles = _reactNative.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/commonjs/components/TypingIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Dot","index","color","translateY","useSharedValue","useEffect","value","withDelay","withRepeat","withSequence","withTiming","duration","easing","Easing","out","ease","in","animatedStyle","useAnimatedStyle","transform","jsx","View","style","styles","dot","backgroundColor","TypingIndicator","accentColor","isDark","useColorScheme","dotColor","jsxs","container","containerDark","containerLight","accessibilityLabel","accessibilityRole","children","StyleSheet","create","flexDirection","alignItems","alignSelf","paddingHorizontal","paddingVertical","borderRadius","marginLeft","marginVertical","gap","width","height"],"sourceRoot":"../../../src","sources":["components/TypingIndicator.tsx"],"mappings":"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","ignoreList":[]}