+
+
+
+ onNameChange(e.target.value)}
+ placeholder="e.g., Transfer Call"
+ />
+
+
+
+
+
+
+
+
+
+
+ onDestinationChange(e.target.value)}
+ placeholder="+1234567890"
+ className={phoneNumberError ? "border-red-500 focus:border-red-500" : ""}
+ />
+ {phoneNumberError && (
+
+ )}
+
+
+
+
+
+
onMessageTypeChange(v as EndCallMessageType)}
+ className="space-y-3"
+ >
+
+
+
+
+
+ {messageType === "custom" && (
+
+
+ )}
+
+
+
+
+
+
+ {
+ const value = parseInt(e.target.value) || 30;
+ // Clamp value between 5 and 120 seconds
+ const clampedValue = Math.min(Math.max(value, 5), 120);
+ onTimeoutChange(clampedValue);
+ }}
+ placeholder="30"
+ min="5"
+ max="120"
+ className="w-32"
+ />
+
+
+
+