rasa-pro 3.9.18__py3-none-any.whl

rasa/core/channels/inspector/src/theme/base/styles.ts

@@ -0,0 +1,13 @@
+import { mode, StyleFunctionProps } from "@chakra-ui/theme-tools";
+
+export const styles = {
+  global: {
+    body: (theme: StyleFunctionProps) => ({
+      bg: mode("neutral.300", "neutral.300")(theme),
+      color: mode("neutral.900", "neutral.900")(theme),
+      fontFamily: theme.fonts.body,
+      fontSize: theme.rasaFontSizes.md,
+      letterSpacing: "0.025rem",
+    }),
+  },
+};

rasa/core/channels/inspector/src/theme/base/typography.ts

@@ -0,0 +1,24 @@
+import "./fonts/fontFaces.css";
+
+export const fonts = {
+  body: "Lato, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
+  heading:
+    "Lato, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
+  mono: '"IBM Plex Mono", "Courier New", Courier, monospace',
+};
+export type RasaFonts = typeof fonts;
+
+export const rasaFontSizes = {
+  xs: "0.5rem",
+  sm: "0.813rem",
+  md: "0.875rem",
+  lg: "1rem",
+  xl: "1.5rem",
+};
+export type RasaFontSizes = typeof rasaFontSizes;
+
+export const rasaFontWeights = {
+  normal: 400,
+  bold: 700,
+};
+export type RasaFontWeights = typeof rasaFontWeights;

rasa/core/channels/inspector/src/theme/base/zIndices.ts

@@ -0,0 +1,19 @@
+export const rasaZIndices = {
+  hide: -1,
+  auto: "auto",
+  base: 0,
+  docked: 1,
+  dropdown: 2,
+  sticky: 3,
+  banner: 4,
+  overlay: 5,
+  popover: 7,
+  skipLink: 8,
+  toast: 9,
+  tooltip: 10,
+  modalOverlay: 100,
+  modal: 101,
+  alwaysOnTop: 9999,
+};
+
+export type RasaZIndices = typeof rasaZIndices;

rasa/core/channels/inspector/src/theme/index.ts

@@ -0,0 +1,101 @@
+import {
+  extendTheme,
+  withDefaultColorScheme,
+  useTheme,
+  ChakraTheme,
+  type ThemeConfig,
+} from "@chakra-ui/react";
+import { breakpoints, Breakpoints } from "./base/breakpoints";
+import { rasaColors, RasaColors } from "./base/colors";
+import { rasaRadii, RasaRadii } from "./base/radii";
+import { rasaShadows, RasaShadows } from "./base/shadows";
+import { rasaSizes, RasaSizes } from "./base/sizes";
+import { rasaSpace, RasaSpace } from "./base/space";
+import { rasaZIndices, RasaZIndices } from "./base/zIndices";
+import { styles } from "./base/styles";
+import {
+  fonts,
+  rasaFontSizes,
+  rasaFontWeights,
+  RasaFontSizes,
+  RasaFontWeights,
+} from "./base/typography";
+
+// Custom components
+import { Button } from "./Button/Button";
+import { Heading } from "./Heading/Heading";
+import { Input } from "./Input/Input";
+import { Link } from "./Link/Link";
+import { Table } from "./Table/Table";
+import { Modal } from "./Modal/Modal";
+import { Tooltip } from "./Tooltip/Tooltip";
+
+export interface CustomTheme {
+  // default types
+  config: ThemeConfig;
+  semanticTokens: ChakraTheme["semanticTokens"];
+  direction: ChakraTheme["direction"];
+  transition: ChakraTheme["transition"];
+
+  // we merge & override
+  styles: ChakraTheme["styles"];
+  fonts: RasaFontSizes;
+  breakpoints: Breakpoints;
+
+  // we also merge & override, but use custom color names
+  colors: RasaColors;
+
+  // custom key & types
+  rasaFontSizes: RasaFontSizes;
+  rasaFontWeights: RasaFontWeights;
+  rasaRadii: RasaRadii;
+  rasaSpace: RasaSpace;
+  rasaShadows: RasaShadows;
+  rasaSizes: RasaSizes;
+  zIndices: ChakraTheme["zIndices"] & RasaZIndices;
+}
+
+const config: ThemeConfig = {
+  initialColorMode: "light",
+  useSystemColorMode: false,
+};
+
+// Extend theme deep merges with the default Chakra theme.
+// We try to keep many defaults in tact to support
+// - default Chakra components
+// - external Chakra components like chakra-react-select.
+//
+// But we also provide our own custom keys / values, that can be tuned to our liking.
+export const theme = extendTheme(
+  {
+    config,
+    components: {
+      Button,
+      Heading,
+      Input,
+      Link,
+      Modal,
+      Table,
+      Tooltip,
+    },
+
+    styles,
+    fonts,
+
+    breakpoints,
+    colors: rasaColors,
+
+    rasaFontSizes,
+    rasaFontWeights,
+    rasaRadii,
+    rasaSpace,
+    rasaShadows,
+    rasaSizes,
+    zIndices: rasaZIndices,
+  },
+  withDefaultColorScheme({ colorScheme: "rasaPurple" })
+);
+
+export const useOurTheme = () => {
+  return useTheme<CustomTheme>();
+};

rasa/core/channels/inspector/src/types.ts

@@ -0,0 +1,64 @@
+export interface Slot {
+  name: string;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  value: any;
+}
+
+export interface Event {
+  event: "user" | "bot";
+  text?: string;
+  metadata?: { utter_action?: string };
+}
+
+export interface SelectedStack {
+  stack: Stack;
+  isUserSelected: boolean;
+}
+
+export interface Stack {
+  frame_id: string;
+  flow_id: string;
+  step_id: string;
+  collect?: string;
+  utter?: string;
+}
+
+export interface Flow {
+  id: string;
+  description: string;
+  name: string;
+  steps: Step[];
+}
+
+interface NextStepThen {
+  action: string;
+  id: string;
+  next: string;
+  set_slots: unknown[];
+}
+
+interface NextStepIf {
+  if: string;
+  then: NextStepThen[];
+}
+
+interface NextStepElse {
+  if: string;
+  then: NextStepThen[];
+  else: string;
+}
+
+export type NextStep = NextStepIf | NextStepElse;
+
+interface Step {
+  ask_before_filling: boolean;
+  collect: string;
+  action: string;
+  link: string;
+  description: string;
+  id: string;
+  next: string | NextStep[];
+  reset_after_flow_ends: boolean;
+  utter: string;
+  set_slots?: unknown;
+}

rasa/core/channels/inspector/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

rasa/core/channels/inspector/tests/__mocks__/fileMock.ts

@@ -0,0 +1 @@
+export default "test-file-stub";

rasa/core/channels/inspector/tests/__mocks__/matchMedia.ts

@@ -0,0 +1,16 @@
+import { jest } from "@jest/globals";
+
+// Mock window.matchMedia to allow Chakra useBreakpointValue to work
+Object.defineProperty(window, "matchMedia", {
+  value: () => {
+    return {
+      matches: false,
+      onchange: null,
+      addListener: jest.fn(), // Deprecated
+      removeListener: jest.fn(), // Deprecated
+      addEventListener: jest.fn(),
+      removeEventListener: jest.fn(),
+      dispatchEvent: jest.fn(),
+    };
+  },
+});

rasa/core/channels/inspector/tests/__mocks__/styleMock.ts

@@ -0,0 +1 @@
+export default {};

rasa/core/channels/inspector/tests/renderWithProviders.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { render, RenderResult, RenderOptions } from "@testing-library/react";
+import { ChakraProvider } from "@chakra-ui/react";
+import { theme } from "../src/theme";
+
+export function renderWithProviders(
+  children: React.ReactElement,
+  options?: Omit<RenderOptions, "queries">
+): RenderResult {
+  return render(
+    <ChakraProvider theme={theme}>{children}</ChakraProvider>,
+    options
+  );
+}

rasa/core/channels/inspector/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src", "setupTests.ts"],
+  "references": [{ "path": "./tsconfig.node.json" }],
+  "files": ["custom.d.ts"]
+}

rasa/core/channels/inspector/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

rasa/core/channels/inspector/vite.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  base: "./",
+});