rasa-pro 3.13.0.dev5__py3-none-any.whl → 3.13.0.dev20250612__py3-none-any.whl

rasa/core/channels/inspector/src/components/DialogueInformation.tsx

@@ -12,86 +12,86 @@ import {
   useColorModeValue,
   useTab,
   useToast,
-} from "@chakra-ui/react";
-import { Light as SyntaxHighlighter } from "react-syntax-highlighter";
-import { useOurTheme } from "../theme";
-import { Event, Slot } from "../types";
-import { formatTestCases } from "../helpers/formatters";
-import { useCopyToClipboard } from "usehooks-ts";
-import { useEffect } from "react";
-import { FullscreenButton } from "./FullscreenButton";
-import { SlotTable, Slots } from "./Slots";
+} from '@chakra-ui/react'
+import { Light as SyntaxHighlighter } from 'react-syntax-highlighter'
+import { useOurTheme } from '../theme'
+import { Event, Slot } from '../types'
+import { formatTestCases } from '../helpers/formatters'
+import { useCopyToClipboard } from 'usehooks-ts'
+import { useEffect } from 'react'
+import { FullscreenButton } from './FullscreenButton'
+import { SlotTable, Slots } from './Slots'
 
 interface Props extends FlexProps {
-  rasaChatSessionId?: string;
-  events: Event[];
-  story: string;
-  slots: Slot[];
+  rasaChatSessionId?: string
+  events: Event[]
+  story: string
+  slots: Slot[]
 }
 
 export const DialougeInformation = ({
   sx,
-  rasaChatSessionId = "-",
+  rasaChatSessionId = '-',
   events,
   story,
   slots,
   ...props
 }: Props) => {
-  const toast = useToast();
-  const { rasaSpace, rasaFontSizes } = useOurTheme();
-  const [copiedText, copyToClipboard] = useCopyToClipboard();
+  const toast = useToast()
+  const { rasaSpace, rasaFontSizes } = useOurTheme()
+  const [copiedText, copyToClipboard] = useCopyToClipboard()
 
   const containerSx = {
     ...sx,
     p: 0,
-    flexDirection: "column",
-  };
+    flexDirection: 'column',
+  }
   const tabsSx = {
-    height: "100%",
-    display: "flex",
-    flexDirection: "column",
-  };
+    height: '100%',
+    display: 'flex',
+    flexDirection: 'column',
+  }
   const tabListSx = {
     px: rasaSpace[1],
     py: rasaSpace[0.5],
-    borderBottom: "1px solid",
-    borderColor: useColorModeValue("neutral.400", "neutral.400"),
-  };
+    borderBottom: '1px solid',
+    borderColor: useColorModeValue('neutral.400', 'neutral.400'),
+  }
   const tabPanelSx = {
-    height: "100%",
-    overflow: "hidden",
+    height: '100%',
+    overflow: 'hidden',
     padding: rasaSpace[0.5],
-    position: "relative",
-  };
+    position: 'relative',
+  }
   const overflowBox = {
-    height: "100%",
-    overflow: "auto",
+    height: '100%',
+    overflow: 'auto',
     padding: rasaSpace[0.5],
-  };
+  }
   const highlighterSx = {
-    background: useColorModeValue("neutral.50", "neutral.50"),
+    background: useColorModeValue('neutral.50', 'neutral.50'),
     fontSize: rasaFontSizes.sm,
-    letterSpacing: "0",
-  };
+    letterSpacing: '0',
+  }
   const buttonsProps = {
-    position: "absolute",
-    bg: useColorModeValue("neutral.50", "neutral.50"),
+    position: 'absolute',
+    bg: useColorModeValue('neutral.50', 'neutral.50'),
     right: rasaSpace[1],
     bottom: rasaSpace[1],
-  };
+  }
 
   useEffect(() => {
-    if (toast.isActive("copy-to-clipboard") || !copiedText) return;
+    if (toast.isActive('copy-to-clipboard') || !copiedText) return
     toast({
-      id: "copy-to-clipboard",
-      title: "Text copied to clipboard",
-      status: "success",
+      id: 'copy-to-clipboard',
+      title: 'Text copied to clipboard',
+      status: 'success',
       duration: 2000,
       isClosable: true,
-    });
-  }, [copiedText, toast]);
+    })
+  }, [copiedText, toast])
 
-  const testCases = formatTestCases(events, rasaChatSessionId);
+  const testCases = formatTestCases(events, rasaChatSessionId)
 
   return (
     <Flex sx={containerSx} {...props}>
@@ -163,25 +163,25 @@ export const DialougeInformation = ({
         </TabPanels>
       </Tabs>
     </Flex>
-  );
-};
+  )
+}
 
 const CustomTab = (props: TabProps) => {
-  const { rasaRadii } = useOurTheme();
-  const tabProps = useTab(props);
-  const isSelected = !!tabProps["aria-selected"];
-  const variant = isSelected ? "solidRasa" : "ghost";
-  const selectedColor = useColorModeValue("neutral.50", "neutral.50");
-  const unselectedColor = useColorModeValue("neutral.900", "neutral.900");
+  const { rasaRadii } = useOurTheme()
+  const tabProps = useTab(props)
+  const isSelected = !!tabProps['aria-selected']
+  const variant = isSelected ? 'solidRasa' : 'ghost'
+  const selectedColor = useColorModeValue('neutral.50', 'neutral.50')
+  const unselectedColor = useColorModeValue('neutral.900', 'neutral.900')
 
   const buttonSx = {
     borderRadius: rasaRadii.full,
     color: isSelected ? selectedColor : unselectedColor,
-  };
+  }
 
   return (
     <Button sx={buttonSx} variant={variant} {...tabProps} size="sm">
       {tabProps.children}
     </Button>
-  );
-};
+  )
+}

rasa/core/channels/inspector/src/components/DialogueStack.tsx

@@ -12,15 +12,15 @@ import {
   useColorModeValue,
   Flex,
   Tooltip,
-} from "@chakra-ui/react";
-import { useOurTheme } from "../theme";
-import { Stack } from "../types";
-import { shouldShowTooltip } from "../helpers/utils";
+} from '@chakra-ui/react'
+import { useOurTheme } from '../theme'
+import { Stack } from '../types'
+import { shouldShowTooltip } from '../helpers/utils'
 
 interface Props extends FlexProps {
-  stack: Stack[];
-  active?: Stack;
-  onItemClick?: (stack: Stack) => void;
+  stack: Stack[]
+  active?: Stack
+  onItemClick?: (stack: Stack) => void
 }
 
 function StackRow({
@@ -29,32 +29,34 @@ function StackRow({
   selectable,
   onItemClick,
 }: {
-  stack: Stack;
-  highlighted?: boolean;
-  selectable?: boolean;
-  onItemClick?: (stack: Stack) => void;
+  stack: Stack
+  highlighted?: boolean
+  selectable?: boolean
+  onItemClick?: (stack: Stack) => void
 }) {
   // use pointy hand cursor when hovering over a row
   const clickableTrSx = {
     _hover: {
-      cursor: "pointer",
+      cursor: 'pointer',
     },
-  };
+  }
 
   const highlightedTrSx = {
     td: {
-      bg: useColorModeValue("warning.50", "warning.50"),
+      bg: useColorModeValue('warning.50', 'warning.50'),
     },
     _last: {
       td: {
-        border: "none",
+        border: 'none',
       },
     },
-  };
+  }
 
   return (
     <Tr
-      sx={highlighted ? highlightedTrSx : selectable ? clickableTrSx : undefined}
+      sx={
+        highlighted ? highlightedTrSx : selectable ? clickableTrSx : undefined
+      }
       onClick={() => onItemClick?.(stack)}
     >
       <Td>
@@ -72,7 +74,7 @@ function StackRow({
         )}
       </Td>
     </Tr>
-  );
+  )
 }
 
 export const DialogueStack = ({
@@ -82,20 +84,20 @@ export const DialogueStack = ({
   onItemClick,
   ...props
 }: Props) => {
-  const { rasaSpace } = useOurTheme();
+  const { rasaSpace } = useOurTheme()
 
   const containerSx = {
     ...sx,
     pr: 0,
     pb: 0,
-    flexDirection: "column",
-  };
+    flexDirection: 'column',
+  }
   const overflowBox = {
-    height: "100%",
-    overflow: "auto",
+    height: '100%',
+    overflow: 'auto',
     pr: rasaSpace[1],
     pb: rasaSpace[0.5],
-  };
+  }
 
   return (
     <Flex sx={containerSx} {...props}>
@@ -126,11 +128,18 @@ export const DialogueStack = ({
                   />
                 ))}
             {stack.length === 0 && (
-              <StackRow stack={{ frame_id: "-", flow_id: "-", step_id: "-", ended: false }} />
+              <StackRow
+                stack={{
+                  frame_id: '-',
+                  flow_id: '-',
+                  step_id: '-',
+                  ended: false,
+                }}
+              />
             )}
           </Tbody>
         </Table>
       </Box>
     </Flex>
-  );
-};
+  )
+}

rasa/core/channels/inspector/src/components/ExpandIcon.tsx

@@ -1,4 +1,4 @@
-import { Box, BoxProps, useColorModeValue } from "@chakra-ui/react";
+import { Box, BoxProps, useColorModeValue } from '@chakra-ui/react'
 
 export const ExpandIcon = (props: BoxProps) => {
   return (
@@ -7,10 +7,10 @@ export const ExpandIcon = (props: BoxProps) => {
       xmlns="http://www.w3.org/2000/svg"
       height="1em"
       viewBox="0 0 448 512"
-      fill={useColorModeValue("rasaPurple.500", "rasaPurple.500")}
+      fill={useColorModeValue('rasaPurple.500', 'rasaPurple.500')}
       {...props}
     >
       <path d="M32 32C14.3 32 0 46.3 0 64v96c0 17.7 14.3 32 32 32s32-14.3 32-32V96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zm32 320c0-17.7-14.3-32-32-32S0 334.3 0 352v96c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H64v-64zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32h64v64c0 17.7 14.3 32 32 32s32-14.3 32-32V64c0-17.7-14.3-32-32-32h-96zm128 320c0-17.7-14.3-32-32-32s-32 14.3-32 32v64h-64c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32v-96z"></path>
     </Box>
-  );
-};
+  )
+}

rasa/core/channels/inspector/src/components/FullscreenButton.tsx

@@ -9,15 +9,15 @@ import {
   ModalOverlay,
   Tooltip,
   useDisclosure,
-} from "@chakra-ui/react";
-import { ExpandIcon } from "./ExpandIcon";
+} from '@chakra-ui/react'
+import { ExpandIcon } from './ExpandIcon'
 
-interface Props extends Omit<IconButtonProps, "aria-label"> {
-  title: string;
+interface Props extends Omit<IconButtonProps, 'aria-label'> {
+  title: string
 }
 
 export const FullscreenButton = ({ title, children, ...props }: Props) => {
-  const { isOpen, onOpen, onClose } = useDisclosure();
+  const { isOpen, onOpen, onClose } = useDisclosure()
 
   return (
     <>
@@ -41,5 +41,5 @@ export const FullscreenButton = ({ title, children, ...props }: Props) => {
         </ModalContent>
       </Modal>
     </>
-  );
-};
+  )
+}

rasa/core/channels/inspector/src/components/LoadingSpinner.tsx

@@ -1,22 +1,38 @@
-import { Center, Spinner, Text, Button, useColorModeValue } from "@chakra-ui/react";
-import { useOurTheme } from "../theme";
-import {createAudioConnection} from "../helpers/audiostream.ts";
+import {
+  Center,
+  Spinner,
+  Text,
+  Button,
+  useColorModeValue,
+} from '@chakra-ui/react'
+import { useOurTheme } from '../theme'
+import { createAudioConnection } from '../helpers/audio/audiostream.ts'
 
 export const LoadingSpinner = () => {
-  const { rasaSpace } = useOurTheme();
-  const isVoice = window.location.href.includes("browser_audio");
-  const text = isVoice ? "Start a new conversation" : "Waiting for a new conversation"
+  const { rasaSpace } = useOurTheme()
+  const isVoice = window.location.href.includes('browser_audio')
+  const text = isVoice
+    ? 'Start a new conversation'
+    : 'Waiting for a new conversation'
   return (
-    <Center height={"100vh"} flexDirection="column">
+    <Center height={'100vh'} flexDirection="column">
       <Spinner
         speed="1s"
-        emptyColor={useColorModeValue("neutral.500", "neutral.500")}
-        color={useColorModeValue("rasaPurple.800", "rasaPurple.800")}
+        emptyColor={useColorModeValue('neutral.500', 'neutral.500')}
+        color={useColorModeValue('rasaPurple.800', 'rasaPurple.800')}
         size="lg"
         mb={rasaSpace[1]}
       />
       <Text fontSize="lg">{text}</Text>
-        {isVoice ? <Button onClick={async () => await createAudioConnection(window.location.href)}>Go</Button> : null}
+      {isVoice ? (
+        <Button
+          onClick={async () =>
+            await createAudioConnection(window.location.href)
+          }
+        >
+          Go
+        </Button>
+      ) : null}
     </Center>
-  );
-};
+  )
+}

rasa/core/channels/inspector/src/components/NoActiveFlow.tsx

@@ -1,15 +1,15 @@
-import { Center, CenterProps, Text, useColorModeValue } from "@chakra-ui/react";
-import { useOurTheme } from "../theme";
-import { SaraDiagrams } from "./SaraDiagrams";
+import { Center, CenterProps, Text, useColorModeValue } from '@chakra-ui/react'
+import { useOurTheme } from '../theme'
+import { SaraDiagrams } from './SaraDiagrams'
 
 export const NoActiveFlow = (props: CenterProps) => {
-  const { rasaSpace, rasaFontSizes } = useOurTheme();
-  const textColor = useColorModeValue("neutral.700", "neutral.700");
+  const { rasaSpace, rasaFontSizes } = useOurTheme()
+  const textColor = useColorModeValue('neutral.700', 'neutral.700')
 
   return (
-    <Center height={"100%"} flexDirection="column" {...props}>
+    <Center height={'100%'} flexDirection="column" {...props}>
       <SaraDiagrams mb={rasaSpace[1]} size={220} />
-      <Text as={"b"} fontSize={rasaFontSizes.lg} mb={rasaSpace[0.5]}>
+      <Text as={'b'} fontSize={rasaFontSizes.lg} mb={rasaSpace[0.5]}>
         No flow is currently active
       </Text>
       <Text maxW="21.25rem" color={textColor}>
@@ -17,5 +17,5 @@ export const NoActiveFlow = (props: CenterProps) => {
         activate one
       </Text>
     </Center>
-  );
-};
+  )
+}

rasa/core/channels/inspector/src/components/RasaLogo.tsx

@@ -1,4 +1,4 @@
-import { Box, BoxProps } from "@chakra-ui/react";
+import { Box, BoxProps } from '@chakra-ui/react'
 
 export const RasaLogo = (props: BoxProps) => {
   return (
@@ -28,8 +28,8 @@ export const RasaLogo = (props: BoxProps) => {
         clipRule="evenodd"
       ></path>
     </Box>
-  );
-};
+  )
+}
 
 export const RasaLogoDark = (props: BoxProps) => {
   return (
@@ -59,5 +59,5 @@ export const RasaLogoDark = (props: BoxProps) => {
         clipRule="evenodd"
       ></path>
     </Box>
-  );
-};
+  )
+}

rasa/core/channels/inspector/src/components/RecruitmentPanel.tsx

@@ -1,68 +1,63 @@
 // RecruitmentPanel.tsx
-import {
-    Box,
-    Flex,
-    Heading,
-    IconButton,
-    Text,
-    Button,
-} from "@chakra-ui/react";
-import { CloseIcon } from "@chakra-ui/icons";
-import { useOurTheme } from "../theme";
+import { Box, Flex, Heading, IconButton, Text, Button } from '@chakra-ui/react'
+import { CloseIcon } from '@chakra-ui/icons'
+import { useOurTheme } from '../theme'
 
 interface RecruitmentPanelProps {
-    onClose: () => void;
+  onClose: () => void
 }
 
-export const RecruitmentPanel: React.FC<RecruitmentPanelProps> = ({ onClose }) => {
-    const { rasaRadii } = useOurTheme();
+export const RecruitmentPanel: React.FC<RecruitmentPanelProps> = ({
+  onClose,
+}) => {
+  const { rasaRadii } = useOurTheme()
 
-    const textColor = "white";
-    const iconColor = "white";
+  const textColor = 'white'
+  const iconColor = 'white'
 
-    const boxSx = {
-        borderRadius: rasaRadii.normal,
-        padding: "1rem",
-        bgGradient: "linear(to-b, #4E61E1, #7622D2)",
-        color: textColor,
-    };
+  const boxSx = {
+    borderRadius: rasaRadii.normal,
+    padding: '1rem',
+    bgGradient: 'linear(to-b, #4E61E1, #7622D2)',
+    color: textColor,
+  }
 
-    return (
-        <Box sx={boxSx}>
-            <Flex justify="space-between" align="center">
-                <Flex align="center">
-                    <Heading as="h3" size="lg" fontWeight="bold" color={textColor}>
-                        Help us Improve Rasa Pro!
-                    </Heading>
-                </Flex>
-                <IconButton
-                    aria-label="Close"
-                    icon={<CloseIcon color={iconColor} />}
-                    size="sm"
-                    onClick={onClose}
-                    bg="transparent"
-                    _hover={{ bg: "rgba(255, 255, 255, 0.2)" }}
-                />
-            </Flex>
-            <Flex align="center" mt="0.5rem" justify="space-between">
-                <Text fontSize="sm" color={textColor}>
-                    We're looking for users to share their feedback.
-                </Text>
-                <Button
-                    as="a"
-                    href="https://calendly.com/alvaro-rasa/rasa-pro-installation"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    color="#7622D2"
-                    bg="white"
-                    fontWeight="bold"
-                    ml="1rem"
-                    size="sm"
-                    _hover={{ bg: "whiteAlpha.800" }}
-                >
-                    Sign up
-                </Button>
-            </Flex>
-        </Box>
-    );
-};
+  return (
+    <Box sx={boxSx}>
+      <Flex justify="space-between" align="center">
+        <Flex align="center">
+          <Heading as="h3" size="lg" fontWeight="bold" color={textColor}>
+            Help us Improve Rasa Pro!
+          </Heading>
+        </Flex>
+        <IconButton
+          aria-label="Close"
+          icon={<CloseIcon color={iconColor} />}
+          size="sm"
+          onClick={onClose}
+          bg="transparent"
+          _hover={{ bg: 'rgba(255, 255, 255, 0.2)' }}
+        />
+      </Flex>
+      <Flex align="center" mt="0.5rem" justify="space-between">
+        <Text fontSize="sm" color={textColor}>
+          We're looking for users to share their feedback.
+        </Text>
+        <Button
+          as="a"
+          href="https://calendly.com/alvaro-rasa/rasa-pro-installation"
+          target="_blank"
+          rel="noopener noreferrer"
+          color="#7622D2"
+          bg="white"
+          fontWeight="bold"
+          ml="1rem"
+          size="sm"
+          _hover={{ bg: 'whiteAlpha.800' }}
+        >
+          Sign up
+        </Button>
+      </Flex>
+    </Box>
+  )
+}

rasa/core/channels/inspector/src/components/SaraDiagrams.tsx

@@ -1,11 +1,11 @@
-import { Box, BoxProps } from "@chakra-ui/react";
+import { Box, BoxProps } from '@chakra-ui/react'
 
 interface Props extends BoxProps {
-  size?: number;
+  size?: number
 }
 
 export const SaraDiagrams = (props: Props) => {
-  const { size = 440, ...otherProps } = props;
+  const { size = 440, ...otherProps } = props
 
   return (
     <Box
@@ -35,5 +35,5 @@ export const SaraDiagrams = (props: Props) => {
         />
       </defs>
     </Box>
-  );
-};
+  )
+}