all_includes_template.txt

import * as React from "react";
import "./styles.css";
import "antd/dist/antd.css";

import { logo } from "./img/logo";
import keysvg from "./img/svgs/key.svg";

import {
  Avatar,
  Button,
  Divider,
  Modal,
  Radio,
  Input,
  List,
  message,
  Alert,
  Steps,
  Typography,
  Space,
  DatePicker,
  Collapse,
  Tag,
  Select,
  TimePicker,
  Empty
} from "antd";

import {
  CaretUpOutlined,
  CheckOutlined,
  CopyOutlined,
  DeleteOutlined,
  SmileFilled,
  SmileOutlined
} from "@ant-design/icons";

import * as encryptor from "simple-encryptor";

import { setTheme, getTheme, ToggleDarkMode } from "./layout/darkmode";

import { CreateNewKeys } from "./components/CreateNewKeys";
import { AddLockData } from "./components/AddLockData";
import { ShareForgetKeys } from "./components/ShareOrForget";
import { MobileDataHelperModal } from "./components/MobileDataHelperModal";
import { AlertType, ResultAlert } from "./components/ResultAlert";
import { StartUnlock } from "./components/StartUnlock";
import { DebugData } from "./components/DebugData";
import { AvailableData } from "./components/AvailData";

import {
  fetchNewGroup,
  Group,
  fetchEncPass,
  fetchStartUnlock,
  fetchFinishUnlock
} from "./api/api-def";

import { Provider } from "react-redux";
import { store, useAppDispatch, useAppSelector } from "./redux/store";
import {
  addKey,
  addUnLockedData,
  delKey,
  delLockedData,
  delUnLockedData,
  KeyDef,
  LockedDataDef,
  UnlockDef,
  clearAll
} from "./redux/main-slice";

import { default as prettyms } from "pretty-ms";

const { TextArea } = Input;
const { Option } = Select;
const { Panel } = Collapse;
const { Title, Text, Paragraph } = Typography;
const { RangePicker } = DatePicker;
const { Step } = Steps;