@ringg/react-native 0.0.1-alpha.10

package/lib/module/components/ui/ActionButton.js

@@ -0,0 +1,92 @@
+"use strict";
+
+/**
+ * ActionButton — the "Start Call" / "Start Chat" button.
+ *
+ * CDN widget behavior:
+ * - Full width, h-12 (48px)
+ * - Primary color background, primary text color
+ * - Icon + text label ("Start Call" / "Start Chat")
+ * - Loading state shows spinner + "Connecting..."
+ * - Uses theme buttonStyle for border radius ("pill" = 9999px)
+ */
+
+import React from "react";
+import { TouchableOpacity, Text, ActivityIndicator, View, StyleSheet } from "react-native";
+import { colorToSolid, getButtonRadius } from "@ringg/core";
+import { PhoneCallRingIcon, ChatIcon } from "./Icons.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ActionButton({
+  callMode,
+  isLoading,
+  isConnected,
+  buttonConfig,
+  theme,
+  onPress
+}) {
+  if (isConnected) return null;
+  const isAudio = callMode === "audio";
+  const config = isAudio ? buttonConfig?.call : buttonConfig?.text;
+  const label = config?.textBeforeCall ?? (isAudio ? "Start Call" : "Start Chat");
+  const buttonRadius = getButtonRadius(theme.buttonStyle);
+  const radiusNum = theme.buttonStyle === "pill" ? 9999 : parseInt(buttonRadius, 10) || 8;
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    style: [styles.button, {
+      backgroundColor: colorToSolid(theme.primaryColor),
+      borderRadius: radiusNum
+    }],
+    onPress: () => onPress(callMode),
+    disabled: isLoading,
+    activeOpacity: 0.9,
+    children: isLoading ? /*#__PURE__*/_jsxs(View, {
+      style: styles.loadingRow,
+      children: [/*#__PURE__*/_jsx(ActivityIndicator, {
+        color: theme.primaryTextColor,
+        size: "small"
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.label, {
+          color: theme.primaryTextColor
+        }],
+        children: "Connecting..."
+      })]
+    }) : /*#__PURE__*/_jsxs(View, {
+      style: styles.contentRow,
+      children: [isAudio ? /*#__PURE__*/_jsx(PhoneCallRingIcon, {
+        size: 20,
+        color: theme.primaryTextColor
+      }) : /*#__PURE__*/_jsx(ChatIcon, {
+        size: 20,
+        color: theme.primaryTextColor
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.label, {
+          color: theme.primaryTextColor
+        }],
+        children: label
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  button: {
+    height: 48,
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: 24,
+    marginHorizontal: 20
+  },
+  contentRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  loadingRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  label: {
+    fontSize: 15,
+    fontWeight: "500"
+  }
+});
+//# sourceMappingURL=ActionButton.js.map

package/lib/module/components/ui/ActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableOpacity","Text","ActivityIndicator","View","StyleSheet","colorToSolid","getButtonRadius","PhoneCallRingIcon","ChatIcon","jsx","_jsx","jsxs","_jsxs","ActionButton","callMode","isLoading","isConnected","buttonConfig","theme","onPress","isAudio","config","call","text","label","textBeforeCall","buttonRadius","buttonStyle","radiusNum","parseInt","style","styles","button","backgroundColor","primaryColor","borderRadius","disabled","activeOpacity","children","loadingRow","color","primaryTextColor","size","contentRow","create","height","alignItems","justifyContent","paddingHorizontal","marginHorizontal","flexDirection","gap","fontSize","fontWeight"],"sourceRoot":"../../../../src","sources":["components/ui/ActionButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ui/CallControls.js

@@ -0,0 +1,168 @@
+"use strict";
+
+/**
+ * CallControls — mic toggle, end call, and text input during a call.
+ *
+ * CDN widget behavior:
+ * - Audio mode: Two circular buttons side-by-side (mic toggle + end call), each with label below
+ *   - Mic: surfaceColor bg, round (h-12 w-12), mic SVG icon, "Mute"/"Un-Mute" label below
+ *   - End: errorColor bg, round (h-12 w-12), phone end call icon, "End Call" label below
+ * - Text mode: Pill-shaped input with circular send button (arrow icon) inside
+ */
+
+import React, { useState } from "react";
+import { View, TouchableOpacity, TextInput, Text, StyleSheet } from "react-native";
+import { colorToSolid } from "@ringg/core";
+import { MicrophoneIcon, MicOffIcon, PhoneEndCallIcon, SendIcon } from "./Icons.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function CallControls({
+  callMode,
+  isConnected,
+  isMicEnabled,
+  theme,
+  onToggleMic,
+  onEndCall,
+  onSendMessage
+}) {
+  const [inputText, setInputText] = useState("");
+  if (!isConnected) return null;
+  const handleSend = () => {
+    if (!inputText.trim()) return;
+    onSendMessage(inputText.trim());
+    setInputText("");
+  };
+
+  // ── Text mode: pill input with send button ───────────────────────────────
+  if (callMode === "text") {
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.textInputContainer,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [styles.inputPill, {
+          backgroundColor: theme.surfaceColor,
+          borderColor: theme.borderColor
+        }],
+        children: [/*#__PURE__*/_jsx(TextInput, {
+          style: [styles.textInput, {
+            color: theme.textColor
+          }],
+          value: inputText,
+          onChangeText: setInputText,
+          placeholder: "Type here",
+          placeholderTextColor: theme.mutedTextColor,
+          onSubmitEditing: handleSend,
+          returnKeyType: "send",
+          autoComplete: "off"
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          style: [styles.sendButton, {
+            backgroundColor: colorToSolid(theme.primaryColor)
+          }],
+          onPress: handleSend,
+          disabled: !inputText.trim(),
+          activeOpacity: 0.8,
+          children: /*#__PURE__*/_jsx(SendIcon, {
+            size: 16,
+            color: theme.primaryTextColor
+          })
+        })]
+      })
+    });
+  }
+
+  // ── Audio mode: mic + end call circles with labels ─────────────────────────
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.audioControlsRow,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.controlGroup,
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+        style: [styles.circleButton, {
+          backgroundColor: theme.surfaceColor
+        }],
+        onPress: onToggleMic,
+        activeOpacity: 0.8,
+        children: isMicEnabled ? /*#__PURE__*/_jsx(MicrophoneIcon, {
+          size: 16,
+          color: theme.textColor
+        }) : /*#__PURE__*/_jsx(MicOffIcon, {
+          size: 16,
+          color: theme.textColor
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.controlLabel, {
+          color: theme.mutedTextColor
+        }],
+        children: isMicEnabled ? "Mute" : "Un-Mute"
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.controlGroup,
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+        style: [styles.circleButton, {
+          backgroundColor: theme.errorColor
+        }],
+        onPress: onEndCall,
+        activeOpacity: 0.8,
+        children: /*#__PURE__*/_jsx(PhoneEndCallIcon, {
+          size: 16,
+          color: "#ffffff"
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.controlLabel, {
+          color: theme.mutedTextColor
+        }],
+        children: "End Call"
+      })]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  // ── Text mode styles ───────────────────────────────────────────────────────
+  textInputContainer: {
+    paddingHorizontal: 0,
+    paddingBottom: 12
+  },
+  inputPill: {
+    flexDirection: "row",
+    alignItems: "center",
+    borderWidth: 1,
+    borderRadius: 9999,
+    paddingLeft: 16,
+    paddingRight: 4,
+    height: 48
+  },
+  textInput: {
+    flex: 1,
+    fontSize: 14,
+    paddingVertical: 0
+  },
+  sendButton: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  // ── Audio mode styles ──────────────────────────────────────────────────────
+  audioControlsRow: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "flex-start",
+    paddingHorizontal: 20,
+    paddingBottom: 8
+  },
+  controlGroup: {
+    alignItems: "center",
+    gap: 4
+  },
+  circleButton: {
+    width: 48,
+    height: 48,
+    borderRadius: 24,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  controlLabel: {
+    fontSize: 14,
+    fontWeight: "400",
+    textAlign: "center"
+  }
+});
+//# sourceMappingURL=CallControls.js.map

package/lib/module/components/ui/CallControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","View","TouchableOpacity","TextInput","Text","StyleSheet","colorToSolid","MicrophoneIcon","MicOffIcon","PhoneEndCallIcon","SendIcon","jsx","_jsx","jsxs","_jsxs","CallControls","callMode","isConnected","isMicEnabled","theme","onToggleMic","onEndCall","onSendMessage","inputText","setInputText","handleSend","trim","style","styles","textInputContainer","children","inputPill","backgroundColor","surfaceColor","borderColor","textInput","color","textColor","value","onChangeText","placeholder","placeholderTextColor","mutedTextColor","onSubmitEditing","returnKeyType","autoComplete","sendButton","primaryColor","onPress","disabled","activeOpacity","size","primaryTextColor","audioControlsRow","controlGroup","circleButton","controlLabel","errorColor","create","paddingHorizontal","paddingBottom","flexDirection","alignItems","borderWidth","borderRadius","paddingLeft","paddingRight","height","flex","fontSize","paddingVertical","width","justifyContent","gap","fontWeight","textAlign"],"sourceRoot":"../../../../src","sources":["components/ui/CallControls.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ui/FeedbackScreen.js

@@ -0,0 +1,180 @@
+"use strict";
+
+/**
+ * FeedbackScreen — post-call star rating and comment form.
+ *
+ * CDN widget behavior:
+ * - Centered layout with p-6, h-full
+ * - Title: "How was your call/chat?" (lg, font-semibold)
+ * - Description: "Your feedback helps us improve!" (sm, muted)
+ * - SVG stars with filled/empty state + hover colors
+ * - Textarea: min-h-[80px], surface bg, border, resizable
+ * - Submit button: full width, primary color, button radius
+ * - Skip link: text button below, muted color
+ */
+
+import React, { useState } from "react";
+import { View, Text, TextInput, TouchableOpacity, ActivityIndicator, StyleSheet } from "react-native";
+import { colorToSolid, getButtonRadius } from "@ringg/core";
+import { StarIcon } from "./Icons.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function FeedbackScreen({
+  theme,
+  feedbackConfig,
+  callMode = "audio",
+  isSubmitting,
+  onSubmit,
+  onSkip
+}) {
+  const [rating, setRating] = useState(0);
+  const [comment, setComment] = useState("");
+  const starsCount = feedbackConfig?.starsCount ?? 5;
+  const filledColor = feedbackConfig?.starsStyles?.filledColor ?? "#FBBF24";
+  const emptyColor = feedbackConfig?.starsStyles?.emptyColor ?? "#D1D5DB";
+  const title = feedbackConfig?.title ?? `How was your ${callMode === "text" ? "chat" : "call"}?`;
+  const description = feedbackConfig?.description ?? "Your feedback helps us improve!";
+  const placeholder = feedbackConfig?.placeholder ?? "We'd love to hear more...";
+  const submitLabel = feedbackConfig?.submitBtnCTA ?? "Submit Feedback";
+  const buttonRadius = getButtonRadius(theme.buttonStyle);
+  const radiusNum = parseInt(buttonRadius, 10) || 8;
+  const handleSubmit = () => {
+    if (rating > 0) {
+      onSubmit(rating, comment);
+    }
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      backgroundColor: theme.backgroundColor
+    }],
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: [styles.title, {
+        color: theme.textColor
+      }],
+      children: title
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [styles.description, {
+        color: theme.mutedTextColor
+      }],
+      children: description
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.starsRow,
+      children: Array.from({
+        length: starsCount
+      }, (_, i) => /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => setRating(i + 1),
+        style: styles.starButton,
+        children: /*#__PURE__*/_jsx(StarIcon, {
+          size: 36,
+          filled: i < rating,
+          filledColor: filledColor,
+          emptyColor: emptyColor
+        })
+      }, i))
+    }), /*#__PURE__*/_jsx(TextInput, {
+      style: [styles.commentInput, {
+        color: theme.textColor,
+        backgroundColor: theme.surfaceColor,
+        borderColor: theme.borderColor,
+        borderRadius: radiusNum
+      }],
+      value: comment,
+      onChangeText: setComment,
+      placeholder: placeholder,
+      placeholderTextColor: theme.mutedTextColor,
+      multiline: true,
+      numberOfLines: 3,
+      textAlignVertical: "top",
+      maxLength: 500
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.actionsContainer,
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+        style: [styles.submitButton, {
+          backgroundColor: colorToSolid(theme.primaryColor),
+          borderRadius: radiusNum,
+          opacity: rating === 0 || isSubmitting ? 0.5 : 1
+        }],
+        onPress: handleSubmit,
+        disabled: rating === 0 || isSubmitting,
+        activeOpacity: 0.9,
+        children: isSubmitting ? /*#__PURE__*/_jsx(ActivityIndicator, {
+          color: theme.primaryTextColor,
+          size: "small"
+        }) : /*#__PURE__*/_jsx(Text, {
+          style: [styles.submitText, {
+            color: theme.primaryTextColor
+          }],
+          children: submitLabel
+        })
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: styles.skipButton,
+        onPress: onSkip,
+        disabled: isSubmitting,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.skipText, {
+            color: theme.mutedTextColor
+          }],
+          children: "Skip"
+        })
+      })]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    paddingHorizontal: 20,
+    paddingTop: 32,
+    paddingBottom: 12,
+    justifyContent: "center",
+    alignItems: "center",
+    gap: 10
+  },
+  title: {
+    fontSize: 18,
+    fontWeight: "600",
+    textAlign: "center",
+    marginBottom: 2
+  },
+  description: {
+    fontSize: 14,
+    textAlign: "center"
+  },
+  starsRow: {
+    flexDirection: "row",
+    gap: 6,
+    marginVertical: 4
+  },
+  starButton: {
+    padding: 4
+  },
+  commentInput: {
+    width: "100%",
+    borderWidth: 1,
+    padding: 12,
+    fontSize: 14,
+    minHeight: 80
+  },
+  actionsContainer: {
+    width: "100%",
+    gap: 8,
+    marginTop: 2
+  },
+  submitButton: {
+    width: "100%",
+    height: 44,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  submitText: {
+    fontSize: 15,
+    fontWeight: "600"
+  },
+  skipButton: {
+    alignItems: "center",
+    padding: 6
+  },
+  skipText: {
+    fontSize: 14
+  }
+});
+//# sourceMappingURL=FeedbackScreen.js.map

package/lib/module/components/ui/FeedbackScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","View","Text","TextInput","TouchableOpacity","ActivityIndicator","StyleSheet","colorToSolid","getButtonRadius","StarIcon","jsx","_jsx","jsxs","_jsxs","FeedbackScreen","theme","feedbackConfig","callMode","isSubmitting","onSubmit","onSkip","rating","setRating","comment","setComment","starsCount","filledColor","starsStyles","emptyColor","title","description","placeholder","submitLabel","submitBtnCTA","buttonRadius","buttonStyle","radiusNum","parseInt","handleSubmit","style","styles","container","backgroundColor","children","color","textColor","mutedTextColor","starsRow","Array","from","length","_","i","onPress","starButton","size","filled","commentInput","surfaceColor","borderColor","borderRadius","value","onChangeText","placeholderTextColor","multiline","numberOfLines","textAlignVertical","maxLength","actionsContainer","submitButton","primaryColor","opacity","disabled","activeOpacity","primaryTextColor","submitText","skipButton","skipText","create","flex","paddingHorizontal","paddingTop","paddingBottom","justifyContent","alignItems","gap","fontSize","fontWeight","textAlign","marginBottom","flexDirection","marginVertical","padding","width","borderWidth","minHeight","marginTop","height"],"sourceRoot":"../../../../src","sources":["components/ui/FeedbackScreen.tsx"],"mappings":"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","ignoreList":[]}