@thisispamela/react 1.0.0

package/dist/index.js

@@ -0,0 +1,424 @@
+'use strict';
+
+var React = require('react');
+var sdk = require('@thisispamela/sdk');
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "/**\n * Pamela B2B React Component Library - Default Styles\n * \n * These styles match the Pamela B2C design system:\n * - Colors: Orange (#FA931C), Beige (#e7ab84), Blue (#4b4bea)\n * - Fonts: Poppins, Inter\n * - Dark mode support\n */\n\n/* Pulse animation for status indicators */\n@keyframes pamela-pulse {\n  0%, 100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.5;\n  }\n}\n\n/* Call Button - matches your gradient style */\n.pamela-call-button {\n  font-family: 'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;\n  background: linear-gradient(to right, #FA931C, #fd8b74);\n  color: white;\n  border: none;\n  border-radius: 0.5rem;\n  font-weight: 600;\n  transition: opacity 0.2s;\n  box-shadow: 0 2px 4px rgba(250, 147, 28, 0.2);\n}\n\n.pamela-call-button:hover:not(:disabled) {\n  opacity: 0.9;\n}\n\n.pamela-call-button:disabled {\n  opacity: 0.7;\n  cursor: not-allowed;\n  background: linear-gradient(to right, #ccc, #aaa);\n}\n\n/* Call Status - matches your card style */\n.pamela-call-status {\n  font-family: 'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n/* Transcript Viewer - matches your message bubble style */\n.pamela-transcript-viewer {\n  font-family: 'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n/* Dark mode support */\n@media (prefers-color-scheme: dark) {\n  .pamela-call-status {\n    color: #ffffff;\n  }\n  \n  .pamela-transcript-viewer {\n    color: #ffffff;\n  }\n}\n\n";
+styleInject(css_248z);
+
+const PamelaContext = React.createContext(null);
+function PamelaProvider({ config, children }) {
+    const client = new sdk.PamelaClient({
+        apiKey: config.apiKey,
+        baseUrl: config.baseUrl,
+    });
+    return (React.createElement(PamelaContext.Provider, { value: { client } }, children));
+}
+function usePamela() {
+    const context = React.useContext(PamelaContext);
+    if (!context) {
+        throw new Error('usePamela must be used within a PamelaProvider');
+    }
+    return context;
+}
+
+function CallButton({ to, task, country, locale, instructions, end_user_id, metadata, onCallStart, onCallComplete, onError, disabled = false, className = '', children, }) {
+    const { client } = usePamela();
+    const [loading, setLoading] = React.useState(false);
+    const [callId, setCallId] = React.useState(null);
+    const handleClick = async () => {
+        if (loading || disabled)
+            return;
+        setLoading(true);
+        try {
+            const call = await client.createCall({
+                to,
+                task,
+                country,
+                locale,
+                instructions,
+                end_user_id,
+                metadata,
+            });
+            setCallId(call.id);
+            onCallStart?.(call.id);
+            // Poll for call completion
+            const pollInterval = setInterval(async () => {
+                try {
+                    const status = await client.getCall(call.id);
+                    if (status.status === 'completed' || status.status === 'failed' || status.status === 'cancelled') {
+                        clearInterval(pollInterval);
+                        setLoading(false);
+                        onCallComplete?.(status);
+                    }
+                }
+                catch (error) {
+                    clearInterval(pollInterval);
+                    setLoading(false);
+                    onError?.(error);
+                }
+            }, 2000);
+            // Timeout after 5 minutes
+            setTimeout(() => {
+                clearInterval(pollInterval);
+                setLoading(false);
+            }, 5 * 60 * 1000);
+        }
+        catch (error) {
+            setLoading(false);
+            onError?.(error);
+        }
+    };
+    return (React.createElement("button", { onClick: handleClick, disabled: loading || disabled, className: `pamela-call-button ${className}`, style: {
+            padding: '10px 20px',
+            background: loading
+                ? 'linear-gradient(to right, #ccc, #aaa)'
+                : 'linear-gradient(to right, #FA931C, #fd8b74)',
+            color: 'white',
+            border: 'none',
+            borderRadius: '0.5rem',
+            cursor: loading || disabled ? 'not-allowed' : 'pointer',
+            fontSize: '16px',
+            fontWeight: '600',
+            fontFamily: 'Poppins, Inter, -apple-system, BlinkMacSystemFont, sans-serif',
+            transition: 'opacity 0.2s',
+            opacity: loading || disabled ? 0.7 : 1,
+            boxShadow: loading || disabled ? 'none' : '0 2px 4px rgba(250, 147, 28, 0.2)',
+        } }, loading ? 'Calling...' : children || 'Call Now'));
+}
+
+function TranscriptViewer({ transcript, className = '' }) {
+    const getMessageStyle = (speaker) => {
+        if (speaker === 'pamela' || speaker === 'agent') {
+            // Pamela messages: white background with beige border
+            return {
+                backgroundColor: '#ffffff',
+                border: '1px solid rgba(231, 171, 132, 0.3)',
+                color: '#1f2937',
+            };
+        }
+        else if (speaker === 'user' || speaker === 'caller') {
+            // User messages: orange background
+            return {
+                backgroundColor: '#FA931C',
+                border: 'none',
+                color: '#ffffff',
+            };
+        }
+        else {
+            // Call recipient: blue background
+            return {
+                backgroundColor: '#4b4bea',
+                border: 'none',
+                color: '#ffffff',
+            };
+        }
+    };
+    return (React.createElement("div", { className: `pamela-transcript-viewer ${className}`, style: {
+            fontFamily: 'Poppins, Inter, -apple-system, BlinkMacSystemFont, sans-serif',
+        } },
+        React.createElement("h3", { style: {
+                marginBottom: '16px',
+                fontSize: '18px',
+                fontWeight: '600',
+                color: '#1f2937',
+            } }, "Transcript"),
+        React.createElement("div", { style: {
+                maxHeight: '400px',
+                overflowY: 'auto',
+                borderRadius: '0.5rem',
+                padding: '16px',
+                backgroundColor: '#F7F4ED',
+            } }, transcript.map((entry, index) => {
+            const style = getMessageStyle(entry.speaker);
+            return (React.createElement("div", { key: index, style: {
+                    marginBottom: '12px',
+                    padding: '12px 16px',
+                    ...style,
+                    borderRadius: '0.75rem',
+                    maxWidth: '75%',
+                    marginLeft: entry.speaker === 'pamela' || entry.speaker === 'agent' ? '0' : 'auto',
+                    marginRight: entry.speaker === 'pamela' || entry.speaker === 'agent' ? 'auto' : '0',
+                } },
+                React.createElement("div", { style: {
+                        fontSize: '12px',
+                        fontWeight: '600',
+                        color: style.color === '#ffffff' ? 'rgba(255, 255, 255, 0.9)' : '#6b7280',
+                        marginBottom: '6px',
+                        textTransform: 'capitalize',
+                    } }, entry.speaker === 'pamela' || entry.speaker === 'agent'
+                    ? 'Pamela'
+                    : entry.speaker === 'user' || entry.speaker === 'caller'
+                        ? 'You'
+                        : 'Call Recipient'),
+                React.createElement("div", { style: {
+                        fontSize: '14px',
+                        lineHeight: '1.6',
+                        color: style.color,
+                        whiteSpace: 'pre-wrap',
+                        wordBreak: 'break-word',
+                    } }, entry.text),
+                entry.timestamp && (React.createElement("div", { style: {
+                        fontSize: '11px',
+                        color: style.color === '#ffffff' ? 'rgba(255, 255, 255, 0.7)' : '#9ca3af',
+                        marginTop: '6px',
+                    } }, new Date(entry.timestamp).toLocaleTimeString()))));
+        }))));
+}
+
+// Status indicator component matching your 3-color system
+function StatusIndicator({ status }) {
+    const getStatusConfig = () => {
+        switch (status) {
+            case 'ringing':
+                return {
+                    dots: [
+                        { color: '#10b981', pulse: true }, // green-500 (first dot)
+                        { color: '#eab308', pulse: true }, // yellow-500 (second dot)
+                        { color: '#d1d5db', pulse: false }, // gray-300 (third dot)
+                        { color: '#d1d5db', pulse: false }, // gray-300 (fourth dot)
+                    ],
+                    text: 'Ringing...',
+                    textColor: '#eab308', // yellow-600
+                };
+            case 'in_progress':
+            case 'in-progress':
+                return {
+                    dots: [
+                        { color: '#10b981', pulse: false }, // green-500
+                        { color: '#10b981', pulse: false },
+                        { color: '#10b981', pulse: true }, // third dot pulses
+                        { color: '#d1d5db', pulse: false }, // gray-300
+                    ],
+                    text: 'In progress',
+                    textColor: '#10b981', // green-600
+                };
+            case 'completed':
+                return {
+                    dots: [
+                        { color: '#10b981', pulse: false },
+                        { color: '#10b981', pulse: false },
+                        { color: '#10b981', pulse: false },
+                        { color: '#10b981', pulse: false, icon: true },
+                    ],
+                    text: 'Completed',
+                    textColor: '#10b981',
+                };
+            case 'failed':
+                return {
+                    dots: [],
+                    text: 'Failed',
+                    textColor: '#ef4444', // red-500
+                };
+            default:
+                return {
+                    dots: [],
+                    text: status,
+                    textColor: '#6b7280', // gray-500
+                };
+        }
+    };
+    const config = getStatusConfig();
+    return (React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '6px' } },
+        config.dots.length > 0 && (React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '4px' } }, config.dots.map((dot, idx) => (React.createElement("div", { key: idx }, dot.icon ? (React.createElement("svg", { style: { width: '12px', height: '12px', color: dot.color }, fill: "currentColor", viewBox: "0 0 20 20" },
+            React.createElement("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }))) : (React.createElement("div", { style: {
+                width: '8px',
+                height: '8px',
+                borderRadius: '50%',
+                backgroundColor: dot.color,
+                animation: dot.pulse ? 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite' : 'none',
+            } }))))))),
+        React.createElement("span", { style: {
+                fontSize: '12px',
+                fontWeight: '500',
+                color: config.textColor,
+                fontFamily: 'Poppins, Inter, sans-serif',
+            } }, config.text)));
+}
+function CallStatus({ callId, pollInterval = 5000, onStatusChange, showTranscript = true, className = '', }) {
+    const { client } = usePamela();
+    const [status, setStatus] = React.useState(null);
+    const [loading, setLoading] = React.useState(true);
+    const [error, setError] = React.useState(null);
+    React.useEffect(() => {
+        if (!callId)
+            return;
+        const fetchStatus = async () => {
+            try {
+                const callStatus = await client.getCall(callId);
+                setStatus(callStatus);
+                setLoading(false);
+                onStatusChange?.(callStatus);
+            }
+            catch (err) {
+                setError(err);
+                setLoading(false);
+            }
+        };
+        fetchStatus();
+        const interval = setInterval(fetchStatus, pollInterval);
+        return () => clearInterval(interval);
+    }, [callId, pollInterval, client, onStatusChange]);
+    if (loading) {
+        return (React.createElement("div", { className: `pamela-call-status ${className}` },
+            React.createElement("div", { style: { color: '#6b7280', fontFamily: 'Poppins, Inter, sans-serif' } }, "Loading call status...")));
+    }
+    if (error) {
+        return (React.createElement("div", { className: `pamela-call-status ${className}` },
+            React.createElement("div", { style: { color: '#ef4444', fontFamily: 'Poppins, Inter, sans-serif' } },
+                "Error: ",
+                error.message)));
+    }
+    if (!status) {
+        return (React.createElement("div", { className: `pamela-call-status ${className}` },
+            React.createElement("div", { style: { color: '#6b7280', fontFamily: 'Poppins, Inter, sans-serif' } }, "Call not found")));
+    }
+    return (React.createElement("div", { className: `pamela-call-status ${className}`, style: {
+            fontFamily: 'Poppins, Inter, -apple-system, BlinkMacSystemFont, sans-serif',
+        } },
+        React.createElement("div", { style: {
+                marginBottom: '16px',
+                padding: '16px',
+                backgroundColor: '#ffffff',
+                borderRadius: '0.75rem',
+                border: '1px solid rgba(231, 171, 132, 0.3)',
+                boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.1)',
+            } },
+            React.createElement("div", { style: { marginBottom: '12px' } },
+                React.createElement(StatusIndicator, { status: status.status })),
+            React.createElement("div", { style: { fontSize: '14px', color: '#1f2937', lineHeight: '1.6' } },
+                React.createElement("div", { style: { marginBottom: '8px' } },
+                    React.createElement("span", { style: { fontWeight: '600', color: '#6b7280' } }, "To:"),
+                    ' ',
+                    React.createElement("span", { style: { color: '#1f2937' } }, status.to)),
+                React.createElement("div", { style: { marginBottom: '8px' } },
+                    React.createElement("span", { style: { fontWeight: '600', color: '#6b7280' } }, "From:"),
+                    ' ',
+                    React.createElement("span", { style: { color: '#1f2937' } }, status.from_)),
+                status.duration_seconds && (React.createElement("div", { style: { marginBottom: '8px' } },
+                    React.createElement("span", { style: { fontWeight: '600', color: '#6b7280' } }, "Duration:"),
+                    ' ',
+                    React.createElement("span", { style: { color: '#1f2937' } },
+                        status.duration_seconds,
+                        "s")))),
+            status.summary && (React.createElement("div", { style: {
+                    marginTop: '16px',
+                    padding: '16px',
+                    background: 'linear-gradient(to right, rgba(250, 147, 28, 0.1), rgba(253, 139, 116, 0.1))',
+                    border: '1px solid rgba(250, 147, 28, 0.3)',
+                    borderRadius: '0.75rem',
+                } },
+                React.createElement("div", { style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        gap: '8px',
+                        marginBottom: '8px',
+                    } },
+                    React.createElement("svg", { style: { width: '20px', height: '20px', color: '#FA931C' }, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" })),
+                    React.createElement("h4", { style: { fontWeight: '600', color: '#1f2937', fontSize: '14px' } }, "Call Summary")),
+                React.createElement("p", { style: { fontSize: '14px', color: '#1f2937', lineHeight: '1.6' } }, status.summary)))),
+        showTranscript && status.transcript && status.transcript.length > 0 && (React.createElement(TranscriptViewer, { transcript: status.transcript })),
+        React.createElement("style", null, `
+        @keyframes pulse {
+          0%, 100% {
+            opacity: 1;
+          }
+          50% {
+            opacity: 0.5;
+          }
+        }
+      `)));
+}
+
+function CallHistory({ limit = 10, onCallSelect, className = '', }) {
+    const { client } = usePamela();
+    const [calls, setCalls] = React.useState([]);
+    const [loading, setLoading] = React.useState(true);
+    const [error, setError] = React.useState(null);
+    // Note: This requires a list endpoint in the API
+    // For now, this is a placeholder that shows the structure
+    React.useEffect(() => {
+        // TODO: Implement when /api/b2b/v1/calls list endpoint is available
+        setLoading(false);
+    }, [client]);
+    if (loading) {
+        return (React.createElement("div", { className: `pamela-call-history ${className}` },
+            React.createElement("div", { style: { color: '#6b7280', fontFamily: 'Poppins, Inter, sans-serif' } }, "Loading call history...")));
+    }
+    if (error) {
+        return (React.createElement("div", { className: `pamela-call-history ${className}` },
+            React.createElement("div", { style: { color: '#ef4444', fontFamily: 'Poppins, Inter, sans-serif' } },
+                "Error: ",
+                error.message)));
+    }
+    return (React.createElement("div", { className: `pamela-call-history ${className}`, style: {
+            fontFamily: 'Poppins, Inter, -apple-system, BlinkMacSystemFont, sans-serif',
+        } },
+        React.createElement("h3", { style: {
+                marginBottom: '16px',
+                fontSize: '18px',
+                fontWeight: '600',
+                color: '#1f2937',
+            } }, "Call History"),
+        calls.length === 0 ? (React.createElement("div", { style: { color: '#6b7280', fontSize: '14px' } }, "No calls yet")) : (React.createElement("div", null, calls.map((call) => (React.createElement("div", { key: call.id, onClick: () => onCallSelect?.(call.id), style: {
+                padding: '12px',
+                marginBottom: '8px',
+                border: '1px solid rgba(231, 171, 132, 0.3)',
+                borderRadius: '0.5rem',
+                cursor: onCallSelect ? 'pointer' : 'default',
+                backgroundColor: '#ffffff',
+                transition: 'background-color 0.2s',
+                ...(onCallSelect && {
+                    ':hover': {
+                        backgroundColor: '#F7F4ED',
+                    },
+                }),
+            }, onMouseEnter: (e) => {
+                if (onCallSelect) {
+                    e.currentTarget.style.backgroundColor = '#F7F4ED';
+                }
+            }, onMouseLeave: (e) => {
+                e.currentTarget.style.backgroundColor = '#ffffff';
+            } },
+            React.createElement("div", { style: { fontWeight: '600', color: '#1f2937', marginBottom: '4px' } }, call.to),
+            React.createElement("div", { style: { fontSize: '14px', color: '#6b7280' } },
+                call.status,
+                " \u2022 ",
+                new Date(call.created_at).toLocaleString()))))))));
+}
+
+exports.CallButton = CallButton;
+exports.CallHistory = CallHistory;
+exports.CallStatus = CallStatus;
+exports.PamelaProvider = PamelaProvider;
+exports.TranscriptViewer = TranscriptViewer;
+exports.usePamela = usePamela;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/PamelaProvider.tsx","../src/CallButton.tsx","../src/TranscriptViewer.tsx","../src/CallStatus.tsx","../src/CallHistory.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React, { createContext, useContext, ReactNode } from 'react';\nimport { PamelaClient, PamelaClientConfig } from '@thisispamela/sdk';\nimport { PamelaConfig } from './types';\n\ninterface PamelaContextValue {\n  client: PamelaClient;\n}\n\nconst PamelaContext = createContext<PamelaContextValue | null>(null);\n\nexport interface PamelaProviderProps {\n  config: PamelaConfig;\n  children: ReactNode;\n}\n\nexport function PamelaProvider({ config, children }: PamelaProviderProps) {\n  const client = new PamelaClient({\n    apiKey: config.apiKey,\n    baseUrl: config.baseUrl,\n  });\n\n  return (\n    <PamelaContext.Provider value={{ client }}>\n      {children}\n    </PamelaContext.Provider>\n  );\n}\n\nexport function usePamela(): PamelaContextValue {\n  const context = useContext(PamelaContext);\n  if (!context) {\n    throw new Error('usePamela must be used within a PamelaProvider');\n  }\n  return context;\n}\n\n","import React, { useState } from 'react';\nimport { usePamela } from './PamelaProvider';\nimport { CallButtonProps } from './types';\n\nexport function CallButton({\n  to,\n  task,\n  country,\n  locale,\n  instructions,\n  end_user_id,\n  metadata,\n  onCallStart,\n  onCallComplete,\n  onError,\n  disabled = false,\n  className = '',\n  children,\n}: CallButtonProps) {\n  const { client } = usePamela();\n  const [loading, setLoading] = useState(false);\n  const [callId, setCallId] = useState<string | null>(null);\n\n  const handleClick = async () => {\n    if (loading || disabled) return;\n\n    setLoading(true);\n    try {\n      const call = await client.createCall({\n        to,\n        task,\n        country,\n        locale,\n        instructions,\n        end_user_id,\n        metadata,\n      });\n\n      setCallId(call.id);\n      onCallStart?.(call.id);\n\n      // Poll for call completion\n      const pollInterval = setInterval(async () => {\n        try {\n          const status = await client.getCall(call.id);\n          if (status.status === 'completed' || status.status === 'failed' || status.status === 'cancelled') {\n            clearInterval(pollInterval);\n            setLoading(false);\n            onCallComplete?.(status);\n          }\n        } catch (error) {\n          clearInterval(pollInterval);\n          setLoading(false);\n          onError?.(error as Error);\n        }\n      }, 2000);\n\n      // Timeout after 5 minutes\n      setTimeout(() => {\n        clearInterval(pollInterval);\n        setLoading(false);\n      }, 5 * 60 * 1000);\n    } catch (error) {\n      setLoading(false);\n      onError?.(error as Error);\n    }\n  };\n\n  return (\n    <button\n      onClick={handleClick}\n      disabled={loading || disabled}\n      className={`pamela-call-button ${className}`}\n      style={{\n        padding: '10px 20px',\n        background: loading \n          ? 'linear-gradient(to right, #ccc, #aaa)' \n          : 'linear-gradient(to right, #FA931C, #fd8b74)',\n        color: 'white',\n        border: 'none',\n        borderRadius: '0.5rem',\n        cursor: loading || disabled ? 'not-allowed' : 'pointer',\n        fontSize: '16px',\n        fontWeight: '600',\n        fontFamily: 'Poppins, Inter, -apple-system, BlinkMacSystemFont, sans-serif',\n        transition: 'opacity 0.2s',\n        opacity: loading || disabled ? 0.7 : 1,\n        boxShadow: loading || disabled ? 'none' : '0 2px 4px rgba(250, 147, 28, 0.2)',\n      }}\n    >\n      {loading ? 'Calling...' : children || 'Call Now'}\n    </button>\n  );\n}\n\n","import React from 'react';\nimport { TranscriptViewerProps } from './types';\n\nexport function TranscriptViewer({ transcript, className = '' }: TranscriptViewerProps) {\n  const getMessageStyle = (speaker: string) => {\n    if (speaker === 'pamela' || speaker === 'agent') {\n      // Pamela messages: white background with beige border\n      return {\n        backgroundColor: '#ffffff',\n        border: '1px solid rgba(231, 171, 132, 0.3)',\n        color: '#1f2937',\n      };\n    } else if (speaker === 'user' || speaker === 'caller') {\n      // User messages: orange background\n      return {\n        backgroundColor: '#FA931C',\n        border: 'none',\n        color: '#ffffff',\n      };\n    } else {\n      // Call recipient: blue background\n      return {\n        backgroundColor: '#4b4bea',\n        border: 'none',\n        color: '#ffffff',\n      };\n    }\n  };\n\n  return (\n    <div\n      className={`pamela-transcript-viewer ${className}`}\n      style={{\n        fontFamily: 'Poppins, Inter, -apple-system, BlinkMacSystemFont, sans-serif',\n      }}\n    >\n      <h3\n        style={{\n          marginBottom: '16px',\n          fontSize: '18px',\n          fontWeight: '600',\n          color: '#1f2937',\n        }}\n      >\n        Transcript\n      </h3>\n      <div\n        style={{\n          maxHeight: '400px',\n          overflowY: 'auto',\n          borderRadius: '0.5rem',\n          padding: '16px',\n          backgroundColor: '#F7F4ED',\n        }}\n      >\n        {transcript.map((entry, index) => {\n          const style = getMessageStyle(entry.speaker);\n          return (\n            <div\n              key={index}\n              style={{\n                marginBottom: '12px',\n                padding: '12px 16px',\n                ...style,\n                borderRadius: '0.75rem',\n                maxWidth: '75%',\n                marginLeft: entry.speaker === 'pamela' || entry.speaker === 'agent' ? '0' : 'auto',\n                marginRight: entry.speaker === 'pamela' || entry.speaker === 'agent' ? 'auto' : '0',\n              }}\n            >\n              <div\n                style={{\n                  fontSize: '12px',\n                  fontWeight: '600',\n                  color: style.color === '#ffffff' ? 'rgba(255, 255, 255, 0.9)' : '#6b7280',\n                  marginBottom: '6px',\n                  textTransform: 'capitalize',\n                }}\n              >\n                {entry.speaker === 'pamela' || entry.speaker === 'agent'\n                  ? 'Pamela'\n                  : entry.speaker === 'user' || entry.speaker === 'caller'\n                  ? 'You'\n                  : 'Call Recipient'}\n              </div>\n              <div\n                style={{\n                  fontSize: '14px',\n                  lineHeight: '1.6',\n                  color: style.color,\n                  whiteSpace: 'pre-wrap',\n                  wordBreak: 'break-word',\n                }}\n              >\n                {entry.text}\n              </div>\n              {entry.timestamp && (\n                <div\n                  style={{\n                    fontSize: '11px',\n                    color: style.color === '#ffffff' ? 'rgba(255, 255, 255, 0.7)' : '#9ca3af',\n                    marginTop: '6px',\n                  }}\n                >\n                  {new Date(entry.timestamp).toLocaleTimeString()}\n                </div>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\n","import React, { useState, useEffect } from 'react';\nimport { usePamela } from './PamelaProvider';\nimport { CallStatusProps } from './types';\nimport { CallStatus as CallStatusType } from '@thisispamela/sdk';\nimport { TranscriptViewer } from './TranscriptViewer';\n\n// Status indicator component matching your 3-color system\nfunction StatusIndicator({ status }: { status: string }) {\n  const getStatusConfig = () => {\n    switch (status) {\n      case 'ringing':\n        return {\n          dots: [\n            { color: '#10b981', pulse: true }, // green-500 (first dot)\n            { color: '#eab308', pulse: true }, // yellow-500 (second dot)\n            { color: '#d1d5db', pulse: false }, // gray-300 (third dot)\n            { color: '#d1d5db', pulse: false }, // gray-300 (fourth dot)\n          ],\n          text: 'Ringing...',\n          textColor: '#eab308', // yellow-600\n        };\n      case 'in_progress':\n      case 'in-progress':\n        return {\n          dots: [\n            { color: '#10b981', pulse: false }, // green-500\n            { color: '#10b981', pulse: false },\n            { color: '#10b981', pulse: true }, // third dot pulses\n            { color: '#d1d5db', pulse: false }, // gray-300\n          ],\n          text: 'In progress',\n          textColor: '#10b981', // green-600\n        };\n      case 'completed':\n        return {\n          dots: [\n            { color: '#10b981', pulse: false },\n            { color: '#10b981', pulse: false },\n            { color: '#10b981', pulse: false },\n            { color: '#10b981', pulse: false, icon: true },\n          ],\n          text: 'Completed',\n          textColor: '#10b981',\n        };\n      case 'failed':\n        return {\n          dots: [],\n          text: 'Failed',\n          textColor: '#ef4444', // red-500\n        };\n      default:\n        return {\n          dots: [],\n          text: status,\n          textColor: '#6b7280', // gray-500\n        };\n    }\n  };\n\n  const config = getStatusConfig();\n\n  return (\n    <div style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>\n      {config.dots.length > 0 && (\n        <div style={{ display: 'flex', alignItems: 'center', gap: '4px' }}>\n          {config.dots.map((dot, idx) => (\n            <div key={idx}>\n              {dot.icon ? (\n                <svg\n                  style={{ width: '12px', height: '12px', color: dot.color }}\n                  fill=\"currentColor\"\n                  viewBox=\"0 0 20 20\"\n                >\n                  <path\n                    fillRule=\"evenodd\"\n                    d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\n                    clipRule=\"evenodd\"\n                  />\n                </svg>\n              ) : (\n                <div\n                  style={{\n                    width: '8px',\n                    height: '8px',\n                    borderRadius: '50%',\n                    backgroundColor: dot.color,\n                    animation: dot.pulse ? 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite' : 'none',\n                  }}\n                />\n              )}\n            </div>\n          ))}\n        </div>\n      )}\n      <span\n        style={{\n          fontSize: '12px',\n          fontWeight: '500',\n          color: config.textColor,\n          fontFamily: 'Poppins, Inter, sans-serif',\n        }}\n      >\n        {config.text}\n      </span>\n    </div>\n  );\n}\n\nexport function CallStatus({\n  callId,\n  pollInterval = 5000,\n  onStatusChange,\n  showTranscript = true,\n  className = '',\n}: CallStatusProps) {\n  const { client } = usePamela();\n  const [status, setStatus] = useState<CallStatusType | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    if (!callId) return;\n\n    const fetchStatus = async () => {\n      try {\n        const callStatus = await client.getCall(callId);\n        setStatus(callStatus);\n        setLoading(false);\n        onStatusChange?.(callStatus);\n      } catch (err) {\n        setError(err as Error);\n        setLoading(false);\n      }\n    };\n\n    fetchStatus();\n\n    const interval = setInterval(fetchStatus, pollInterval);\n    return () => clearInterval(interval);\n  }, [callId, pollInterval, client, onStatusChange]);\n\n  if (loading) {\n    return (\n      <div className={`pamela-call-status ${className}`}>\n        <div style={{ color: '#6b7280', fontFamily: 'Poppins, Inter, sans-serif' }}>\n          Loading call status...\n        </div>\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className={`pamela-call-status ${className}`}>\n        <div style={{ color: '#ef4444', fontFamily: 'Poppins, Inter, sans-serif' }}>\n          Error: {error.message}\n        </div>\n      </div>\n    );\n  }\n\n  if (!status) {\n    return (\n      <div className={`pamela-call-status ${className}`}>\n        <div style={{ color: '#6b7280', fontFamily: 'Poppins, Inter, sans-serif' }}>\n          Call not found\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={`pamela-call-status ${className}`}\n      style={{\n        fontFamily: 'Poppins, Inter, -apple-system, BlinkMacSystemFont, sans-serif',\n      }}\n    >\n      <div\n        style={{\n          marginBottom: '16px',\n          padding: '16px',\n          backgroundColor: '#ffffff',\n          borderRadius: '0.75rem',\n          border: '1px solid rgba(231, 171, 132, 0.3)',\n          boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.1)',\n        }}\n      >\n        <div style={{ marginBottom: '12px' }}>\n          <StatusIndicator status={status.status} />\n        </div>\n        <div style={{ fontSize: '14px', color: '#1f2937', lineHeight: '1.6' }}>\n          <div style={{ marginBottom: '8px' }}>\n            <span style={{ fontWeight: '600', color: '#6b7280' }}>To:</span>{' '}\n            <span style={{ color: '#1f2937' }}>{status.to}</span>\n          </div>\n          <div style={{ marginBottom: '8px' }}>\n            <span style={{ fontWeight: '600', color: '#6b7280' }}>From:</span>{' '}\n            <span style={{ color: '#1f2937' }}>{status.from_}</span>\n          </div>\n          {status.duration_seconds && (\n            <div style={{ marginBottom: '8px' }}>\n              <span style={{ fontWeight: '600', color: '#6b7280' }}>Duration:</span>{' '}\n              <span style={{ color: '#1f2937' }}>{status.duration_seconds}s</span>\n            </div>\n          )}\n        </div>\n        {status.summary && (\n          <div\n            style={{\n              marginTop: '16px',\n              padding: '16px',\n              background: 'linear-gradient(to right, rgba(250, 147, 28, 0.1), rgba(253, 139, 116, 0.1))',\n              border: '1px solid rgba(250, 147, 28, 0.3)',\n              borderRadius: '0.75rem',\n            }}\n          >\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '8px',\n                marginBottom: '8px',\n              }}\n            >\n              <svg\n                style={{ width: '20px', height: '20px', color: '#FA931C' }}\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\n                />\n              </svg>\n              <h4 style={{ fontWeight: '600', color: '#1f2937', fontSize: '14px' }}>\n                Call Summary\n              </h4>\n            </div>\n            <p style={{ fontSize: '14px', color: '#1f2937', lineHeight: '1.6' }}>\n              {status.summary}\n            </p>\n          </div>\n        )}\n      </div>\n      {showTranscript && status.transcript && status.transcript.length > 0 && (\n        <TranscriptViewer transcript={status.transcript as Array<{ speaker: string; text: string; timestamp: string }>} />\n      )}\n      <style>{`\n        @keyframes pulse {\n          0%, 100% {\n            opacity: 1;\n          }\n          50% {\n            opacity: 0.5;\n          }\n        }\n      `}</style>\n    </div>\n  );\n}\n\n","import React, { useState, useEffect } from 'react';\nimport { usePamela } from './PamelaProvider';\nimport { CallHistoryProps } from './types';\nimport { CallStatus } from '@thisispamela/sdk';\n\nexport function CallHistory({\n  limit = 10,\n  onCallSelect,\n  className = '',\n}: CallHistoryProps) {\n  const { client } = usePamela();\n  const [calls, setCalls] = useState<CallStatus[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  // Note: This requires a list endpoint in the API\n  // For now, this is a placeholder that shows the structure\n  useEffect(() => {\n    // TODO: Implement when /api/b2b/v1/calls list endpoint is available\n    setLoading(false);\n  }, [client]);\n\n  if (loading) {\n    return (\n      <div className={`pamela-call-history ${className}`}>\n        <div style={{ color: '#6b7280', fontFamily: 'Poppins, Inter, sans-serif' }}>\n          Loading call history...\n        </div>\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className={`pamela-call-history ${className}`}>\n        <div style={{ color: '#ef4444', fontFamily: 'Poppins, Inter, sans-serif' }}>\n          Error: {error.message}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={`pamela-call-history ${className}`}\n      style={{\n        fontFamily: 'Poppins, Inter, -apple-system, BlinkMacSystemFont, sans-serif',\n      }}\n    >\n      <h3\n        style={{\n          marginBottom: '16px',\n          fontSize: '18px',\n          fontWeight: '600',\n          color: '#1f2937',\n        }}\n      >\n        Call History\n      </h3>\n      {calls.length === 0 ? (\n        <div style={{ color: '#6b7280', fontSize: '14px' }}>No calls yet</div>\n      ) : (\n        <div>\n          {calls.map((call) => (\n            <div\n              key={call.id}\n              onClick={() => onCallSelect?.(call.id)}\n              style={{\n                padding: '12px',\n                marginBottom: '8px',\n                border: '1px solid rgba(231, 171, 132, 0.3)',\n                borderRadius: '0.5rem',\n                cursor: onCallSelect ? 'pointer' : 'default',\n                backgroundColor: '#ffffff',\n                transition: 'background-color 0.2s',\n                ...(onCallSelect && {\n                  ':hover': {\n                    backgroundColor: '#F7F4ED',\n                  },\n                }),\n              }}\n              onMouseEnter={(e) => {\n                if (onCallSelect) {\n                  e.currentTarget.style.backgroundColor = '#F7F4ED';\n                }\n              }}\n              onMouseLeave={(e) => {\n                e.currentTarget.style.backgroundColor = '#ffffff';\n              }}\n            >\n              <div style={{ fontWeight: '600', color: '#1f2937', marginBottom: '4px' }}>\n                {call.to}\n              </div>\n              <div style={{ fontSize: '14px', color: '#6b7280' }}>\n                {call.status} • {new Date(call.created_at).toLocaleString()}\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["createContext","PamelaClient","useContext","useState","useEffect"],"mappings":";;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;ACjBA,MAAM,aAAa,GAAGA,mBAAa,CAA4B,IAAI,CAAC,CAAC;SAOrD,cAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAuB,EAAA;AACtE,IAAA,MAAM,MAAM,GAAG,IAAIC,gBAAY,CAAC;QAC9B,MAAM,EAAE,MAAM,CAAC,MAAM;QACrB,OAAO,EAAE,MAAM,CAAC,OAAO;AACxB,KAAA,CAAC,CAAC;AAEH,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,aAAa,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,EAAE,MAAM,EAAE,EAAA,EACtC,QAAQ,CACc,EACzB;AACJ,CAAC;SAEe,SAAS,GAAA;AACvB,IAAA,MAAM,OAAO,GAAGC,gBAAU,CAAC,aAAa,CAAC,CAAC;IAC1C,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;KACnE;AACD,IAAA,OAAO,OAAO,CAAC;AACjB;;AC9BgB,SAAA,UAAU,CAAC,EACzB,EAAE,EACF,IAAI,EACJ,OAAO,EACP,MAAM,EACN,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,WAAW,EACX,cAAc,EACd,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,QAAQ,GACQ,EAAA;AAChB,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAgB,IAAI,CAAC,CAAC;AAE1D,IAAA,MAAM,WAAW,GAAG,YAAW;QAC7B,IAAI,OAAO,IAAI,QAAQ;YAAE,OAAO;QAEhC,UAAU,CAAC,IAAI,CAAC,CAAC;AACjB,QAAA,IAAI;AACF,YAAA,MAAM,IAAI,GAAG,MAAM,MAAM,CAAC,UAAU,CAAC;gBACnC,EAAE;gBACF,IAAI;gBACJ,OAAO;gBACP,MAAM;gBACN,YAAY;gBACZ,WAAW;gBACX,QAAQ;AACT,aAAA,CAAC,CAAC;AAEH,YAAA,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnB,YAAA,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;;AAGvB,YAAA,MAAM,YAAY,GAAG,WAAW,CAAC,YAAW;AAC1C,gBAAA,IAAI;oBACF,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,oBAAA,IAAI,MAAM,CAAC,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,MAAM,KAAK,WAAW,EAAE;wBAChG,aAAa,CAAC,YAAY,CAAC,CAAC;wBAC5B,UAAU,CAAC,KAAK,CAAC,CAAC;AAClB,wBAAA,cAAc,GAAG,MAAM,CAAC,CAAC;qBAC1B;iBACF;gBAAC,OAAO,KAAK,EAAE;oBACd,aAAa,CAAC,YAAY,CAAC,CAAC;oBAC5B,UAAU,CAAC,KAAK,CAAC,CAAC;AAClB,oBAAA,OAAO,GAAG,KAAc,CAAC,CAAC;iBAC3B;aACF,EAAE,IAAI,CAAC,CAAC;;YAGT,UAAU,CAAC,MAAK;gBACd,aAAa,CAAC,YAAY,CAAC,CAAC;gBAC5B,UAAU,CAAC,KAAK,CAAC,CAAC;AACpB,aAAC,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;SACnB;QAAC,OAAO,KAAK,EAAE;YACd,UAAU,CAAC,KAAK,CAAC,CAAC;AAClB,YAAA,OAAO,GAAG,KAAc,CAAC,CAAC;SAC3B;AACH,KAAC,CAAC;AAEF,IAAA,QACE,KACE,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,OAAO,IAAI,QAAQ,EAC7B,SAAS,EAAE,CAAA,mBAAA,EAAsB,SAAS,CAAE,CAAA,EAC5C,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,UAAU,EAAE,OAAO;AACjB,kBAAE,uCAAuC;AACzC,kBAAE,6CAA6C;AACjD,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,YAAY,EAAE,QAAQ;YACtB,MAAM,EAAE,OAAO,IAAI,QAAQ,GAAG,aAAa,GAAG,SAAS;AACvD,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,UAAU,EAAE,KAAK;AACjB,YAAA,UAAU,EAAE,+DAA+D;AAC3E,YAAA,UAAU,EAAE,cAAc;YAC1B,OAAO,EAAE,OAAO,IAAI,QAAQ,GAAG,GAAG,GAAG,CAAC;YACtC,SAAS,EAAE,OAAO,IAAI,QAAQ,GAAG,MAAM,GAAG,mCAAmC;AAC9E,SAAA,EAAA,EAEA,OAAO,GAAG,YAAY,GAAG,QAAQ,IAAI,UAAU,CACzC,EACT;AACJ;;AC1FM,SAAU,gBAAgB,CAAC,EAAE,UAAU,EAAE,SAAS,GAAG,EAAE,EAAyB,EAAA;AACpF,IAAA,MAAM,eAAe,GAAG,CAAC,OAAe,KAAI;QAC1C,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,OAAO,EAAE;;YAE/C,OAAO;AACL,gBAAA,eAAe,EAAE,SAAS;AAC1B,gBAAA,MAAM,EAAE,oCAAoC;AAC5C,gBAAA,KAAK,EAAE,SAAS;aACjB,CAAC;SACH;aAAM,IAAI,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,QAAQ,EAAE;;YAErD,OAAO;AACL,gBAAA,eAAe,EAAE,SAAS;AAC1B,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,KAAK,EAAE,SAAS;aACjB,CAAC;SACH;aAAM;;YAEL,OAAO;AACL,gBAAA,eAAe,EAAE,SAAS;AAC1B,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,KAAK,EAAE,SAAS;aACjB,CAAC;SACH;AACH,KAAC,CAAC;IAEF,QACE,6BACE,SAAS,EAAE,4BAA4B,SAAS,CAAA,CAAE,EAClD,KAAK,EAAE;AACL,YAAA,UAAU,EAAE,+DAA+D;AAC5E,SAAA,EAAA;AAED,QAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EACE,KAAK,EAAE;AACL,gBAAA,YAAY,EAAE,MAAM;AACpB,gBAAA,QAAQ,EAAE,MAAM;AAChB,gBAAA,UAAU,EAAE,KAAK;AACjB,gBAAA,KAAK,EAAE,SAAS;aACjB,EAGE,EAAA,YAAA,CAAA;AACL,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,gBAAA,SAAS,EAAE,OAAO;AAClB,gBAAA,SAAS,EAAE,MAAM;AACjB,gBAAA,YAAY,EAAE,QAAQ;AACtB,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,eAAe,EAAE,SAAS;aAC3B,EAEA,EAAA,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAI;YAC/B,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;AAC7C,YAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,KAAK,EACV,KAAK,EAAE;AACL,oBAAA,YAAY,EAAE,MAAM;AACpB,oBAAA,OAAO,EAAE,WAAW;AACpB,oBAAA,GAAG,KAAK;AACR,oBAAA,YAAY,EAAE,SAAS;AACvB,oBAAA,QAAQ,EAAE,KAAK;AACf,oBAAA,UAAU,EAAE,KAAK,CAAC,OAAO,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,GAAG,GAAG,GAAG,MAAM;AAClF,oBAAA,WAAW,EAAE,KAAK,CAAC,OAAO,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,GAAG,GAAG;AACpF,iBAAA,EAAA;AAED,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,wBAAA,QAAQ,EAAE,MAAM;AAChB,wBAAA,UAAU,EAAE,KAAK;AACjB,wBAAA,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,SAAS,GAAG,0BAA0B,GAAG,SAAS;AACzE,wBAAA,YAAY,EAAE,KAAK;AACnB,wBAAA,aAAa,EAAE,YAAY;qBAC5B,EAEA,EAAA,KAAK,CAAC,OAAO,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO;AACtD,sBAAE,QAAQ;sBACR,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI,KAAK,CAAC,OAAO,KAAK,QAAQ;AACxD,0BAAE,KAAK;0BACL,gBAAgB,CAChB;AACN,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,wBAAA,QAAQ,EAAE,MAAM;AAChB,wBAAA,UAAU,EAAE,KAAK;wBACjB,KAAK,EAAE,KAAK,CAAC,KAAK;AAClB,wBAAA,UAAU,EAAE,UAAU;AACtB,wBAAA,SAAS,EAAE,YAAY;qBACxB,EAEA,EAAA,KAAK,CAAC,IAAI,CACP;AACL,gBAAA,KAAK,CAAC,SAAS,KACd,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,wBAAA,QAAQ,EAAE,MAAM;AAChB,wBAAA,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,SAAS,GAAG,0BAA0B,GAAG,SAAS;AACzE,wBAAA,SAAS,EAAE,KAAK;AACjB,qBAAA,EAAA,EAEA,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,kBAAkB,EAAE,CAC3C,CACP,CACG,EACN;AACJ,SAAC,CAAC,CACE,CACF,EACN;AACJ;;AC3GA;AACA,SAAS,eAAe,CAAC,EAAE,MAAM,EAAsB,EAAA;IACrD,MAAM,eAAe,GAAG,MAAK;QAC3B,QAAQ,MAAM;AACZ,YAAA,KAAK,SAAS;gBACZ,OAAO;AACL,oBAAA,IAAI,EAAE;wBACJ,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE;wBACjC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE;wBACjC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE;wBAClC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE;AACnC,qBAAA;AACD,oBAAA,IAAI,EAAE,YAAY;oBAClB,SAAS,EAAE,SAAS;iBACrB,CAAC;AACJ,YAAA,KAAK,aAAa,CAAC;AACnB,YAAA,KAAK,aAAa;gBAChB,OAAO;AACL,oBAAA,IAAI,EAAE;wBACJ,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE;AAClC,wBAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE;wBAClC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE;wBACjC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE;AACnC,qBAAA;AACD,oBAAA,IAAI,EAAE,aAAa;oBACnB,SAAS,EAAE,SAAS;iBACrB,CAAC;AACJ,YAAA,KAAK,WAAW;gBACd,OAAO;AACL,oBAAA,IAAI,EAAE;AACJ,wBAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE;AAClC,wBAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE;AAClC,wBAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE;wBAClC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE;AAC/C,qBAAA;AACD,oBAAA,IAAI,EAAE,WAAW;AACjB,oBAAA,SAAS,EAAE,SAAS;iBACrB,CAAC;AACJ,YAAA,KAAK,QAAQ;gBACX,OAAO;AACL,oBAAA,IAAI,EAAE,EAAE;AACR,oBAAA,IAAI,EAAE,QAAQ;oBACd,SAAS,EAAE,SAAS;iBACrB,CAAC;AACJ,YAAA;gBACE,OAAO;AACL,oBAAA,IAAI,EAAE,EAAE;AACR,oBAAA,IAAI,EAAE,MAAM;oBACZ,SAAS,EAAE,SAAS;iBACrB,CAAC;SACL;AACH,KAAC,CAAC;AAEF,IAAA,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;AAEjC,IAAA,QACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,EAAA;AAC9D,QAAA,MAAM,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,KACrB,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,EAAA,EAC9D,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,MACxB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EACV,EAAA,GAAG,CAAC,IAAI,IACP,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,EAC1D,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,WAAW,EAAA;YAEnB,KACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oHAAoH,EACtH,QAAQ,EAAC,SAAS,EAClB,CAAA,CACE,KAEN,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,KAAK;AACZ,gBAAA,MAAM,EAAE,KAAK;AACb,gBAAA,YAAY,EAAE,KAAK;gBACnB,eAAe,EAAE,GAAG,CAAC,KAAK;gBAC1B,SAAS,EAAE,GAAG,CAAC,KAAK,GAAG,gDAAgD,GAAG,MAAM;AACjF,aAAA,EAAA,CACD,CACH,CACG,CACP,CAAC,CACE,CACP;AACD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,MAAM;AAChB,gBAAA,UAAU,EAAE,KAAK;gBACjB,KAAK,EAAE,MAAM,CAAC,SAAS;AACvB,gBAAA,UAAU,EAAE,4BAA4B;AACzC,aAAA,EAAA,EAEA,MAAM,CAAC,IAAI,CACP,CACH,EACN;AACJ,CAAC;SAEe,UAAU,CAAC,EACzB,MAAM,EACN,YAAY,GAAG,IAAI,EACnB,cAAc,EACd,cAAc,GAAG,IAAI,EACrB,SAAS,GAAG,EAAE,GACE,EAAA;AAChB,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAwB,IAAI,CAAC,CAAC;IAClE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAe,IAAI,CAAC,CAAC;IAEvDC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM;YAAE,OAAO;AAEpB,QAAA,MAAM,WAAW,GAAG,YAAW;AAC7B,YAAA,IAAI;gBACF,MAAM,UAAU,GAAG,MAAM,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBAChD,SAAS,CAAC,UAAU,CAAC,CAAC;gBACtB,UAAU,CAAC,KAAK,CAAC,CAAC;AAClB,gBAAA,cAAc,GAAG,UAAU,CAAC,CAAC;aAC9B;YAAC,OAAO,GAAG,EAAE;gBACZ,QAAQ,CAAC,GAAY,CAAC,CAAC;gBACvB,UAAU,CAAC,KAAK,CAAC,CAAC;aACnB;AACH,SAAC,CAAC;AAEF,QAAA,WAAW,EAAE,CAAC;QAEd,MAAM,QAAQ,GAAG,WAAW,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;AACxD,QAAA,OAAO,MAAM,aAAa,CAAC,QAAQ,CAAC,CAAC;KACtC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;IAEnD,IAAI,OAAO,EAAE;AACX,QAAA,QACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAA,mBAAA,EAAsB,SAAS,CAAE,CAAA,EAAA;AAC/C,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,4BAA4B,EAAE,EAEpE,EAAA,wBAAA,CAAA,CACF,EACN;KACH;IAED,IAAI,KAAK,EAAE;AACT,QAAA,QACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAA,mBAAA,EAAsB,SAAS,CAAE,CAAA,EAAA;YAC/C,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,4BAA4B,EAAE,EAAA;;AAChE,gBAAA,KAAK,CAAC,OAAO,CACjB,CACF,EACN;KACH;IAED,IAAI,CAAC,MAAM,EAAE;AACX,QAAA,QACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAA,mBAAA,EAAsB,SAAS,CAAE,CAAA,EAAA;AAC/C,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,4BAA4B,EAAE,EAEpE,EAAA,gBAAA,CAAA,CACF,EACN;KACH;IAED,QACE,6BACE,SAAS,EAAE,sBAAsB,SAAS,CAAA,CAAE,EAC5C,KAAK,EAAE;AACL,YAAA,UAAU,EAAE,+DAA+D;AAC5E,SAAA,EAAA;AAED,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,gBAAA,YAAY,EAAE,MAAM;AACpB,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,eAAe,EAAE,SAAS;AAC1B,gBAAA,YAAY,EAAE,SAAS;AACvB,gBAAA,MAAM,EAAE,oCAAoC;AAC5C,gBAAA,SAAS,EAAE,gCAAgC;AAC5C,aAAA,EAAA;AAED,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAA;gBAClC,KAAC,CAAA,aAAA,CAAA,eAAe,IAAC,MAAM,EAAE,MAAM,CAAC,MAAM,GAAI,CACtC;AACN,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,EAAA;AACnE,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,EAAA;oBACjC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAY,EAAA,KAAA,CAAA;oBAAC,GAAG;AACpE,oBAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,EAAG,MAAM,CAAC,EAAE,CAAQ,CACjD;AACN,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,EAAA;oBACjC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAc,EAAA,OAAA,CAAA;oBAAC,GAAG;AACtE,oBAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,EAAG,MAAM,CAAC,KAAK,CAAQ,CACpD;gBACL,MAAM,CAAC,gBAAgB,KACtB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,EAAA;oBACjC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAkB,EAAA,WAAA,CAAA;oBAAC,GAAG;AAC1E,oBAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA;AAAG,wBAAA,MAAM,CAAC,gBAAgB;AAAS,wBAAA,GAAA,CAAA,CAChE,CACP,CACG;AACL,YAAA,MAAM,CAAC,OAAO,KACb,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,oBAAA,SAAS,EAAE,MAAM;AACjB,oBAAA,OAAO,EAAE,MAAM;AACf,oBAAA,UAAU,EAAE,8EAA8E;AAC1F,oBAAA,MAAM,EAAE,mCAAmC;AAC3C,oBAAA,YAAY,EAAE,SAAS;AACxB,iBAAA,EAAA;AAED,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,wBAAA,OAAO,EAAE,MAAM;AACf,wBAAA,UAAU,EAAE,QAAQ;AACpB,wBAAA,GAAG,EAAE,KAAK;AACV,wBAAA,YAAY,EAAE,KAAK;AACpB,qBAAA,EAAA;oBAED,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EAC1D,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EAAA;AAEnB,wBAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,sHAAsH,GACxH,CACE;AACN,oBAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,mBAE/D,CACD;gBACN,KAAG,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,EAChE,EAAA,MAAM,CAAC,OAAO,CACb,CACA,CACP,CACG;QACL,cAAc,IAAI,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,KAClE,KAAC,CAAA,aAAA,CAAA,gBAAgB,EAAC,EAAA,UAAU,EAAE,MAAM,CAAC,UAAyE,EAAA,CAAI,CACnH;QACD,KAAQ,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,EAAA,CAAA;;;;;;;;;OASP,CAAS,CACN,EACN;AACJ;;AClQgB,SAAA,WAAW,CAAC,EAC1B,KAAK,GAAG,EAAE,EACV,YAAY,EACZ,SAAS,GAAG,EAAE,GACG,EAAA;AACjB,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGD,cAAQ,CAAe,EAAE,CAAC,CAAC;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAe,IAAI,CAAC,CAAC;;;IAIvDC,eAAS,CAAC,MAAK;;QAEb,UAAU,CAAC,KAAK,CAAC,CAAC;AACpB,KAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,IAAI,OAAO,EAAE;AACX,QAAA,QACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAA,oBAAA,EAAuB,SAAS,CAAE,CAAA,EAAA;AAChD,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,4BAA4B,EAAE,EAEpE,EAAA,yBAAA,CAAA,CACF,EACN;KACH;IAED,IAAI,KAAK,EAAE;AACT,QAAA,QACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAA,oBAAA,EAAuB,SAAS,CAAE,CAAA,EAAA;YAChD,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,4BAA4B,EAAE,EAAA;;AAChE,gBAAA,KAAK,CAAC,OAAO,CACjB,CACF,EACN;KACH;IAED,QACE,6BACE,SAAS,EAAE,uBAAuB,SAAS,CAAA,CAAE,EAC7C,KAAK,EAAE;AACL,YAAA,UAAU,EAAE,+DAA+D;AAC5E,SAAA,EAAA;AAED,QAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EACE,KAAK,EAAE;AACL,gBAAA,YAAY,EAAE,MAAM;AACpB,gBAAA,QAAQ,EAAE,MAAM;AAChB,gBAAA,UAAU,EAAE,KAAK;AACjB,gBAAA,KAAK,EAAE,SAAS;aACjB,EAGE,EAAA,cAAA,CAAA;QACJ,KAAK,CAAC,MAAM,KAAK,CAAC,IACjB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAA,EAAA,cAAA,CAAoB,KAEtE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EACG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACd,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,OAAO,EAAE,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,EACtC,KAAK,EAAE;AACL,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,YAAY,EAAE,KAAK;AACnB,gBAAA,MAAM,EAAE,oCAAoC;AAC5C,gBAAA,YAAY,EAAE,QAAQ;gBACtB,MAAM,EAAE,YAAY,GAAG,SAAS,GAAG,SAAS;AAC5C,gBAAA,eAAe,EAAE,SAAS;AAC1B,gBAAA,UAAU,EAAE,uBAAuB;gBACnC,IAAI,YAAY,IAAI;AAClB,oBAAA,QAAQ,EAAE;AACR,wBAAA,eAAe,EAAE,SAAS;AAC3B,qBAAA;iBACF,CAAC;AACH,aAAA,EACD,YAAY,EAAE,CAAC,CAAC,KAAI;gBAClB,IAAI,YAAY,EAAE;oBAChB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,GAAG,SAAS,CAAC;iBACnD;AACH,aAAC,EACD,YAAY,EAAE,CAAC,CAAC,KAAI;gBAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,GAAG,SAAS,CAAC;aACnD,EAAA;AAED,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,IACrE,IAAI,CAAC,EAAE,CACJ;YACN,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA;AAC/C,gBAAA,IAAI,CAAC,MAAM;;AAAK,gBAAA,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,cAAc,EAAE,CACvD,CACF,CACP,CAAC,CACE,CACP,CACG,EACN;AACJ;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/types.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+import { CallStatus } from '@thisispamela/sdk';
+export interface PamelaConfig {
+    apiKey: string;
+    baseUrl?: string;
+}
+export interface CallButtonProps {
+    to: string;
+    task: string;
+    country?: string;
+    locale?: string;
+    instructions?: string;
+    end_user_id?: string;
+    metadata?: Record<string, any>;
+    onCallStart?: (callId: string) => void;
+    onCallComplete?: (call: CallStatus) => void;
+    onError?: (error: Error) => void;
+    disabled?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+export interface CallStatusProps {
+    callId: string;
+    pollInterval?: number;
+    onStatusChange?: (status: CallStatus) => void;
+    showTranscript?: boolean;
+    className?: string;
+}
+export interface TranscriptViewerProps {
+    transcript: Array<{
+        speaker: string;
+        text: string;
+        timestamp: string;
+    }>;
+    className?: string;
+}
+export interface CallHistoryProps {
+    limit?: number;
+    onCallSelect?: (callId: string) => void;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAqB,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAElE,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,KAAK,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC,CAAC;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@thisispamela/react",
+  "version": "1.0.0",
+  "type": "module",
+  "description": "React components for Pamela B2B Voice API integration",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "pamela",
+    "voice",
+    "api",
+    "b2b",
+    "phone",
+    "calling",
+    "react",
+    "components"
+  ],
+  "author": "Pamela",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "dependencies": {
+    "@thisispamela/sdk": "^1.0.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/plugin-typescript": "^11.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "rollup": "^3.0.0",
+    "rollup-plugin-dts": "^5.0.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "tslib": "^2.8.1",
+    "typescript": "^5.0.0"
+  }
+}