@bytexbyte/nxtlinq-ai-agent-sdk 1.6.0 → 1.6.1

package/dist/components/ui/MessageList.js

@@ -1,10 +1,13 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
 import * as React from 'react';
+import { css } from '@emotion/react';
 import { convertUrlsToLinks } from '../../core/utils/urlUtils';
 import { useChatBot } from '../context/ChatBotContext';
 import { AI_MODEL_MAP } from '../types/ChatBotTypes';
+import { messageListContainer, messageBubble, userMessage, messageContent, userMessageContent, retryMessageContent, actionButton, connectedButton, loadingIndicator, modelIndicator, modelBadge, modelDot } from './styles/isolatedStyles';
 export const MessageList = () => {
-    const { messages, isLoading, connectWallet, signInWallet, hitAddress, ait, setShowPermissionForm, isWalletLoading, isAutoConnecting, isNeedSignInWithWallet, enableAIT, isAITLoading, isAITEnabling, sendMessage, permissions } = useChatBot();
+    const { messages, isLoading, connectWallet, signInWallet, hitAddress, isAutoConnecting, isNeedSignInWithWallet, enableAIT, isAITLoading, isAITEnabling, sendMessage, permissions } = useChatBot();
     const messagesEndRef = React.useRef(null);
     const scrollToBottom = () => {
         messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
@@ -46,28 +49,11 @@ export const MessageList = () => {
             return '';
         return AI_MODEL_MAP[modelValue] || modelValue;
     };
-    return (_jsxs("div", { style: {
-            flex: 1,
-            padding: '15px',
-            overflowY: 'auto',
-            display: 'flex',
-            flexDirection: 'column',
-            gap: '10px'
-        }, children: [messages.map((message) => (_jsxs("div", { style: {
-                    alignSelf: message.role === 'user' ? 'flex-end' : 'flex-start',
-                    maxWidth: '80%',
-                    marginBottom: '10px'
-                }, children: [_jsxs("div", { style: {
-                            backgroundColor: message.role === 'user' ? '#007bff' :
-                                message.metadata?.isRetry ? '#fff3cd' : '#f1f1f1',
-                            color: message.role === 'user' ? 'white' :
-                                message.metadata?.isRetry ? '#856404' : '#333',
-                            padding: '10px 15px',
-                            borderRadius: '15px',
-                            wordWrap: 'break-word',
-                            position: 'relative',
-                            border: message.metadata?.isRetry ? '1px solid #ffeaa7' : 'none'
-                        }, children: [message.metadata?.isRetry && (_jsx("span", { style: { marginRight: '8px', fontSize: '14px' }, children: "\uD83D\uDD04" })), message.role === 'assistant' ? convertUrlsToLinks(message.content) : message.content, message.button && (_jsx("div", { style: { marginTop: '10px' }, children: _jsx("button", { onClick: () => {
+    return (_jsxs("div", { css: messageListContainer, children: [messages.map((message) => (_jsxs("div", { css: message.role === 'user' ? userMessage : messageBubble, children: [_jsxs("div", { css: message.role === 'user'
+                            ? userMessageContent
+                            : message.metadata?.isRetry
+                                ? retryMessageContent
+                                : messageContent, children: [message.metadata?.isRetry && (_jsx("span", { css: css `margin-right: 8px !important; font-size: 14px !important;`, children: "\uD83D\uDD04" })), message.role === 'assistant' ? convertUrlsToLinks(message.content) : message.content, message.button && (_jsx("div", { css: css `margin-top: 10px !important;`, children: _jsx("button", { onClick: () => {
                                         if (message.button && message.button.trim()) {
                                             handleButtonClick(message.button, message);
                                         }
@@ -75,65 +61,16 @@ export const MessageList = () => {
                                         (message.button === 'connectWallet' && Boolean(hitAddress)) ||
                                         (message.button === 'signIn' && !isNeedSignInWithWallet) ||
                                         (message.button === 'enableAIT' && (isAITLoading || isAITEnabling ||
-                                            (message.metadata?.toolName && permissions.includes(message.metadata.toolName)))) || false, style: {
-                                        padding: '8px 16px',
-                                        backgroundColor: message.role === 'user' ? 'rgba(255, 255, 255, 0.2)' :
-                                            isAutoConnecting ? '#6c757d' :
-                                                (message.button === 'connectWallet' && Boolean(hitAddress)) ? '#28a745' :
-                                                    (message.button === 'signIn' && !isNeedSignInWithWallet) ? '#28a745' :
-                                                        (message.button === 'continue') ? '#28a745' :
-                                                            (message.button === 'enableAIT' && (isAITLoading || isAITEnabling ||
-                                                                (message.metadata?.toolName && permissions.includes(message.metadata.toolName)))) ?
-                                                                ((message.metadata?.toolName && permissions.includes(message.metadata.toolName)) ? '#28a745' : '#6c757d') : '#007bff',
-                                        color: message.role === 'user' ? 'white' : 'white',
-                                        border: 'none',
-                                        borderRadius: '5px',
-                                        cursor: (message.button !== 'continue' && (isAutoConnecting ||
-                                            (message.button === 'connectWallet' && Boolean(hitAddress)) ||
-                                            (message.button === 'signIn' && !isNeedSignInWithWallet) ||
-                                            (message.button === 'enableAIT' && (isAITLoading || isAITEnabling ||
-                                                (message.metadata?.toolName && permissions.includes(message.metadata.toolName)))))) ? 'not-allowed' : 'pointer',
-                                        fontSize: '14px',
-                                        opacity: (isAutoConnecting ||
-                                            (message.button === 'connectWallet' && Boolean(hitAddress)) ||
-                                            (message.button === 'signIn' && !isNeedSignInWithWallet) ||
-                                            (message.button === 'enableAIT' && (isAITLoading || isAITEnabling ||
-                                                (message.metadata?.toolName && permissions.includes(message.metadata.toolName))))) ? 0.8 : 1
-                                    }, children: isAutoConnecting ? 'Connecting...' :
+                                            (message.metadata?.toolName && permissions.includes(message.metadata.toolName)))) || false, css: (message.button === 'connectWallet' && Boolean(hitAddress)) ? connectedButton :
+                                        (message.button === 'signIn' && !isNeedSignInWithWallet) ? connectedButton :
+                                            (message.button === 'continue') ? connectedButton :
+                                                (message.button === 'enableAIT' && (message.metadata?.toolName && permissions.includes(message.metadata.toolName))) ? connectedButton :
+                                                    actionButton, children: isAutoConnecting ? 'Connecting...' :
                                         message.button === 'connectWallet' ? (Boolean(hitAddress) ? 'Connected' : 'Connect Wallet') :
                                             message.button === 'signIn' ? (!isNeedSignInWithWallet ? 'Signed In' : 'Sign In') :
                                                 message.button === 'continue' ? 'Continue' :
                                                     message.button === 'enableAIT' ?
                                                         ((isAITLoading || isAITEnabling) ? 'Enabling...' :
                                                             (message.metadata?.toolName && permissions.includes(message.metadata.toolName)) ? 'AIT Enabled' : 'Enable AIT Permissions') :
-                                                        message.button }) }))] }), message.role === 'assistant' && message.metadata?.model && (_jsx("div", { style: {
-                            display: 'flex',
-                            alignItems: 'center',
-                            marginTop: '4px',
-                            marginLeft: '8px'
-                        }, children: _jsxs("div", { style: {
-                                backgroundColor: '#e3f2fd',
-                                color: '#1976d2',
-                                padding: '2px 8px',
-                                borderRadius: '10px',
-                                fontSize: '10px',
-                                fontWeight: '500',
-                                border: '1px solid #bbdefb',
-                                display: 'flex',
-                                alignItems: 'center',
-                                gap: '4px'
-                            }, children: [_jsx("span", { style: {
-                                        width: '6px',
-                                        height: '6px',
-                                        backgroundColor: '#1976d2',
-                                        borderRadius: '50%',
-                                        display: 'inline-block'
-                                    } }), getModelDisplayName(message.metadata.model)] }) }))] }, message.id))), isLoading && (_jsx("div", { style: {
-                    alignSelf: 'flex-start',
-                    backgroundColor: '#f1f1f1',
-                    color: '#333',
-                    padding: '10px 15px',
-                    borderRadius: '15px',
-                    maxWidth: '80%'
-                }, children: "Thinking..." })), _jsx("div", { ref: messagesEndRef })] }));
+                                                        message.button }) }))] }), message.role === 'assistant' && message.metadata?.model && (_jsx("div", { css: modelIndicator, children: _jsxs("div", { css: modelBadge, children: [_jsx("span", { css: modelDot }), getModelDisplayName(message.metadata.model)] }) }))] }, message.id))), isLoading && (_jsx("div", { css: loadingIndicator, children: "Thinking..." })), _jsx("div", { ref: messagesEndRef })] }));
 };

package/dist/components/ui/ModelSelector.d.ts

@@ -1,3 +1,4 @@
+/** @jsxImportSource @emotion/react */
 import * as React from 'react';
 export declare const ModelSelector: React.FC;
 //# sourceMappingURL=ModelSelector.d.ts.map

package/dist/components/ui/ModelSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModelSelector.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ModelSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAsHjC,CAAC"}
+{"version":3,"file":"ModelSelector.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ModelSelector.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAsHjC,CAAC"}

package/dist/components/ui/ModelSelector.js

@@ -1,5 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
 import * as React from 'react';
+import { css } from '@emotion/react';
 import { useChatBot } from '../context/ChatBotContext';
 export const ModelSelector = () => {
     const { availableModels, selectedModelIndex, showModelSelector, handleModelChange } = useChatBot();
@@ -22,48 +24,52 @@ export const ModelSelector = () => {
     if (!showModelSelector) {
         return null;
     }
-    return (_jsxs("div", { style: { display: 'flex', alignItems: 'center' }, children: [_jsxs("div", { style: {
-                    display: 'flex',
-                    alignItems: 'center',
-                    cursor: 'pointer',
-                    padding: '4px 8px',
-                    borderRadius: '4px',
-                    backgroundColor: 'rgba(255, 255, 255, 0.1)',
-                    transition: 'background-color 0.2s',
-                    fontSize: '12px',
-                    fontWeight: '500'
-                }, onClick: handleClick, onMouseOver: (e) => e.currentTarget.style.backgroundColor = 'rgba(255, 255, 255, 0.2)', onMouseOut: (e) => e.currentTarget.style.backgroundColor = 'rgba(255, 255, 255, 0.1)', title: "Change AI Model", children: [_jsx("span", { style: { marginRight: '4px' }, children: availableModels[safeSelectedModelIndex]?.label || fallbackModelLabel }), _jsx("span", { style: { fontSize: '10px' }, children: "\u25BC" })] }), open && (_jsx("div", { style: {
-                    position: 'absolute',
-                    top: '100%',
-                    left: '0',
-                    backgroundColor: 'white',
-                    border: '1px solid #ddd',
-                    borderRadius: '4px',
-                    boxShadow: '0 2px 8px rgba(0,0,0,0.1)',
-                    zIndex: 1000,
-                    minWidth: '120px',
-                    marginTop: '4px'
-                }, children: availableModels.map((model, index) => (_jsx("div", { style: {
-                        padding: '8px 12px',
-                        cursor: 'pointer',
-                        backgroundColor: index === safeSelectedModelIndex ? '#f0f0f0' : 'transparent',
-                        color: index === safeSelectedModelIndex ? '#007bff' : '#333',
-                        fontSize: '12px',
-                        borderBottom: index < availableModels.length - 1 ? '1px solid #eee' : 'none'
-                    }, onClick: (event) => handleMenuItemClick(event, index), onMouseOver: (e) => {
-                        if (index !== safeSelectedModelIndex) {
-                            e.currentTarget.style.backgroundColor = '#f8f9fa';
-                        }
-                    }, onMouseOut: (e) => {
-                        if (index !== safeSelectedModelIndex) {
-                            e.currentTarget.style.backgroundColor = 'transparent';
-                        }
-                    }, children: model.label }, model.value))) })), open && (_jsx("div", { style: {
-                    position: 'fixed',
-                    top: 0,
-                    left: 0,
-                    right: 0,
-                    bottom: 0,
-                    zIndex: 999
-                }, onClick: handleClose }))] }));
+    return (_jsxs("div", { css: css `
+      display: flex !important;
+      align-items: center !important;
+      position: relative !important;
+    `, children: [_jsxs("div", { css: css `
+          display: flex !important;
+          align-items: center !important;
+          cursor: pointer !important;
+          padding: 4px 8px !important;
+          border-radius: 4px !important;
+          background-color: rgba(255, 255, 255, 0.1) !important;
+          transition: background-color 0.2s !important;
+          font-size: 12px !important;
+          font-weight: 500 !important;
+          
+          &:hover {
+            background-color: rgba(255, 255, 255, 0.2) !important;
+          }
+        `, onClick: handleClick, title: "Change AI Model", children: [_jsx("span", { css: css `margin-right: 4px !important;`, children: availableModels[safeSelectedModelIndex]?.label || fallbackModelLabel }), _jsx("span", { css: css `font-size: 10px !important;`, children: "\u25BC" })] }), open && (_jsx("div", { css: css `
+            position: absolute !important;
+            top: 100% !important;
+            left: 0 !important;
+            background-color: white !important;
+            border: 1px solid #ddd !important;
+            border-radius: 4px !important;
+            box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
+            z-index: 1000 !important;
+            min-width: 120px !important;
+            margin-top: 4px !important;
+          `, children: availableModels.map((model, index) => (_jsx("div", { css: css `
+                padding: 8px 12px !important;
+                cursor: pointer !important;
+                background-color: ${index === safeSelectedModelIndex ? '#f0f0f0' : 'transparent'} !important;
+                color: ${index === safeSelectedModelIndex ? '#007bff' : '#333'} !important;
+                font-size: 12px !important;
+                border-bottom: ${index < availableModels.length - 1 ? '1px solid #eee' : 'none'} !important;
+                
+                &:hover {
+                  background-color: ${index === safeSelectedModelIndex ? '#f0f0f0' : '#f8f9fa'} !important;
+                }
+              `, onClick: (event) => handleMenuItemClick(event, index), children: model.label }, model.value))) })), open && (_jsx("div", { css: css `
+            position: fixed !important;
+            top: 0 !important;
+            left: 0 !important;
+            right: 0 !important;
+            bottom: 0 !important;
+            z-index: 999 !important;
+          `, onClick: handleClose }))] }));
 };

package/dist/components/ui/NotificationModal.d.ts

@@ -1,3 +1,4 @@
+/** @jsxImportSource @emotion/react */
 import * as React from 'react';
 interface NotificationModalProps {
     type: 'success' | 'error' | 'info' | 'warning';

package/dist/components/ui/NotificationModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationModal.d.ts","sourceRoot":"","sources":["../../../src/components/ui/NotificationModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,sBAAsB;IAC9B,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0H9D,CAAC"}
+{"version":3,"file":"NotificationModal.d.ts","sourceRoot":"","sources":["../../../src/components/ui/NotificationModal.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,sBAAsB;IAC9B,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4F9D,CAAC"}

package/dist/components/ui/NotificationModal.js

@@ -1,79 +1,53 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { css } from '@emotion/react';
 import { createNotification, getNotificationIcon } from '../../core/utils/notificationUtils';
+import { actionButton, modalOverlay } from './styles/isolatedStyles';
 export const NotificationModal = ({ type, title, message, onClose, onConfirm, showConfirm = false, confirmText = 'Confirm', cancelText = 'Cancel' }) => {
     const icon = getNotificationIcon(type);
     const notification = createNotification(type, message);
-    return (_jsx("div", { style: {
-            position: 'fixed',
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            backgroundColor: 'rgba(0, 0, 0, 0.5)',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            zIndex: 1000
-        }, children: _jsxs("div", { style: {
-                backgroundColor: 'white',
-                padding: '24px',
-                borderRadius: '12px',
-                width: '400px',
-                maxWidth: '90%',
-                boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)',
-                textAlign: 'center'
-            }, children: [_jsx("div", { style: {
-                        fontSize: '48px',
-                        marginBottom: '16px'
-                    }, children: icon }), _jsx("h3", { style: {
-                        margin: '0 0 12px 0',
-                        fontSize: '20px',
-                        fontWeight: '600',
-                        color: '#1a1a1a'
-                    }, children: title }), _jsx("p", { style: {
-                        margin: '0 0 24px 0',
-                        fontSize: '16px',
-                        color: '#666',
-                        lineHeight: '1.5'
-                    }, children: message }), _jsxs("div", { style: {
-                        display: 'flex',
-                        justifyContent: 'center',
-                        gap: '12px'
-                    }, children: [showConfirm && onConfirm && (_jsx("button", { onClick: onConfirm, style: {
-                                padding: '10px 20px',
-                                backgroundColor: type === 'error' ? '#dc3545' : '#007bff',
-                                color: 'white',
-                                border: 'none',
-                                borderRadius: '8px',
-                                cursor: 'pointer',
-                                fontSize: '14px',
-                                fontWeight: '500',
-                                transition: 'background-color 0.2s'
-                            }, onMouseOver: (e) => e.currentTarget.style.backgroundColor = type === 'error' ? '#c82333' : '#0056b3', onMouseOut: (e) => e.currentTarget.style.backgroundColor = type === 'error' ? '#dc3545' : '#007bff', children: confirmText })), _jsx("button", { onClick: onClose, style: {
-                                padding: '10px 20px',
-                                backgroundColor: showConfirm ? '#f8f9fa' : '#007bff',
-                                color: showConfirm ? '#666' : 'white',
-                                border: showConfirm ? '1px solid #dee2e6' : 'none',
-                                borderRadius: '8px',
-                                cursor: 'pointer',
-                                fontSize: '14px',
-                                fontWeight: '500',
-                                transition: 'all 0.2s'
-                            }, onMouseOver: (e) => {
-                                if (showConfirm) {
-                                    e.currentTarget.style.backgroundColor = '#e9ecef';
-                                    e.currentTarget.style.borderColor = '#ced4da';
-                                }
-                                else {
-                                    e.currentTarget.style.backgroundColor = '#0056b3';
-                                }
-                            }, onMouseOut: (e) => {
-                                if (showConfirm) {
-                                    e.currentTarget.style.backgroundColor = '#f8f9fa';
-                                    e.currentTarget.style.borderColor = '#dee2e6';
-                                }
-                                else {
-                                    e.currentTarget.style.backgroundColor = '#007bff';
-                                }
-                            }, children: cancelText })] })] }) }));
+    return (_jsx("div", { css: modalOverlay, children: _jsxs("div", { css: css `
+        background-color: white !important;
+        padding: 24px !important;
+        border-radius: 12px !important;
+        width: 400px !important;
+        max-width: 90% !important;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
+        text-align: center !important;
+      `, children: [_jsx("div", { css: css `
+          font-size: 48px !important;
+          margin-bottom: 16px !important;
+        `, children: icon }), _jsx("h3", { css: css `
+          margin: 0 0 12px 0 !important;
+          font-size: 20px !important;
+          font-weight: 600 !important;
+          color: #1a1a1a !important;
+        `, children: title }), _jsx("p", { css: css `
+          margin: 0 0 24px 0 !important;
+          font-size: 16px !important;
+          color: #666 !important;
+          line-height: 1.5 !important;
+        `, children: message }), _jsxs("div", { css: css `
+          display: flex !important;
+          justify-content: center !important;
+          gap: 12px !important;
+        `, children: [showConfirm && onConfirm && (_jsx("button", { onClick: onConfirm, css: css `
+                ${actionButton}
+                background-color: ${type === 'error' ? '#dc3545' : '#007bff'} !important;
+                border-radius: 8px !important;
+                
+                &:hover {
+                  background-color: ${type === 'error' ? '#c82333' : '#0056b3'} !important;
+                }
+              `, children: confirmText })), _jsx("button", { onClick: onClose, css: css `
+              ${actionButton}
+              background-color: ${showConfirm ? '#f8f9fa' : '#007bff'} !important;
+              color: ${showConfirm ? '#666' : 'white'} !important;
+              border: ${showConfirm ? '1px solid #dee2e6' : 'none'} !important;
+              border-radius: 8px !important;
+              
+              &:hover {
+                background-color: ${showConfirm ? '#e9ecef' : '#0056b3'} !important;
+                border-color: ${showConfirm ? '#ced4da' : 'none'} !important;
+              }
+            `, children: cancelText })] })] }) }));
 };

package/dist/components/ui/PermissionForm.d.ts

@@ -1,7 +1,7 @@
+/** @jsxImportSource @emotion/react */
 import * as React from 'react';
 interface PermissionFormProps {
     onClose: () => void;
-    onOpen: () => void;
 }
 export declare const PermissionForm: React.FC<PermissionFormProps>;
 export {};

package/dist/components/ui/PermissionForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PermissionForm.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PermissionForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8iBxD,CAAC"}
+{"version":3,"file":"PermissionForm.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PermissionForm.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgiBxD,CAAC"}