1// @ts-ignore  2import React, { FC, useEffect, useState } from "react";
  3import { Button, Row, Col, Tabs } from "antd";
  4import { Plan } from "../api/api";

 1// @ts-ignore 2import React, { FC, useEffect } from "react";
 3import { Tabs } from "antd";
 4import IntegrationsTab from "../components/Settings/settings/tabs/IntegrationsTab";

 28import FeatureForm from "../components/Plans/FeatureForm";
 29import { ArrowLeftOutlined } from "@ant-design/icons";
 30import { usePlanState, usePlanUpdater } from "../context/PlanContext";
 31// @ts-ignore 32import React from "react";
 33import { PageLayout } from "../components/base/PageLayout";
 34import ComponentDisplay from "../components/Plans/ComponentDisplay";

  9  Row,
 10  Select,
 11} from "antd";
 12// @ts-ignore 13import React, { useEffect, useState } from "react";
 14import { useNavigate } from "react-router-dom";
 15import UsageComponentForm from "../components/Plans/UsageComponentForm";

 1// @ts-ignore 2import React  from "react";
 3import * as ReactDOM from 'react-dom/client';
 4import App from "./App";

  1// @ts-ignore  2import React, { FC, useEffect, useState } from "react";
  3import { useParams } from "react-router-dom";
  4import { useNavigate } from "react-router-dom";

19const { Sider } = Layout;
20
21const getSettingsTab = (component) => {
22  // @ts-ignore23  // return import.meta.env.VITE_IS_DEMO ? <Navigate replace to={"/"} /> :component
24  return component;
25};

 1import { Layout, PageHeader, PageHeaderProps } from "antd";
 2// @ts-ignore 3import React from "react";
 4
 5const headingText: string =

128    },
129  ];
130
131  // @ts-ignore132    const menuItems = import.meta.env.VITE_IS_DEMO === "true" ? menuItemsBasic : menuItemsAdmin;
133
134  return (

  1// @ts-ignore  2import React, { FC, useEffect, useState, version } from "react";
  3import "./SwitchVersions.css";
  4import { PlusOutlined } from "@ant-design/icons";

  9import StateTabs from "./StateTabs";
 10import { Dropdown, Menu, Button } from "antd";
 11import { MoreOutlined } from "@ant-design/icons";
 12// @ts-ignore 13import dayjs from "dayjs";
 14import { DeleteOutlined } from "@ant-design/icons";
 15import { Plan } from "../../../api/api";

  1// @ts-ignore  2import React, { FC, Fragment, useEffect, useState } from "react";
  3import "./StateTabs.css";
  4import { Tooltip, Modal, Select } from "antd";

 1// @ts-ignore 2import React, { FC } from "react";
 3import "./PlanDetails.css";
 4import { FeatureType } from "../../../types/feature-type";

  1// @ts-ignore  2import React, { FC, Fragment } from "react";
  3import "./PlanDetails.css";
  4import { PageLayout } from "../../base/PageLayout";

 1// @ts-ignore 2import React, { FC } from "react";
 3import "./PlanDetails.css";
 4import { Table } from "antd";

  1// @ts-ignore  2import React, { FC } from "react";
  3import { Menu, Dropdown, Button, Typography, Tag } from "antd";
  4import { DeleteOutlined, MoreOutlined } from "@ant-design/icons";

 1import { PlusOutlined } from '@ant-design/icons';
 2import type { InputRef } from 'antd';
 3import { Input, Tag, Tooltip } from 'antd';
 4// @ts-ignore 5import React, { useEffect, useRef, useState } from 'react';
 6
 7interface LinkExternalIdsProps {

  3import { useMutation, useQueryClient } from "react-query";
  4import { toast } from "react-toastify";
  5import { Metrics } from "../../api/api";
  6// @ts-ignore  7import React, { FC, Fragment } from "react";
  8import { colorMap } from "./MetricTable";
  9

  5import { EventPages } from "../types/event-type";
  6import { Events } from "../api/api";
  7import LoadingSpinner from "./LoadingSpinner";
  8// @ts-ignore  9import dayjs from "dayjs";
 10import "./EventPreview.css";
 11import CustomPagination from "./CustomPagination/CustomPagination";

  1// @ts-ignore  2import React, { FC, useState, useEffect, Fragment } from "react";
  3import { useQuery, UseQueryResult, useQueryClient } from "react-query";
  4import { Button, Collapse, Divider } from "antd";

  1import { Button, Dropdown, Menu, Table, Tag, Tooltip } from "antd";
  2import { FC } from "react";
  3// @ts-ignore  4import React from "react";
  5import { InvoiceType, MarkInvoiceStatusAsPaid } from "../../types/invoice-type";
  6// @ts-ignore

  3// @ts-ignore
  4import React from "react";
  5import { InvoiceType, MarkInvoiceStatusAsPaid } from "../../types/invoice-type";
  6// @ts-ignore  7import dayjs from "dayjs";
  8import { useMutation } from "react-query";
  9import { Invoices } from "../../api/api";

 11import { MoreOutlined } from "@ant-design/icons";
 12import { integrationsMap } from "../../types/payment-processor-type";
 13
 14// @ts-ignore 15const lotusUrl = new URL("./lotusIcon.svg", import.meta.url).href;
 16
 17interface Props {

 1import { Avatar, Card } from "antd";
 2// @ts-ignore 3import React from "react";
 4import { integrationsMap } from "../../types/payment-processor-type";
 5

15import { MoreOutlined } from "@ant-design/icons";
16import { integrationsMap } from "../../types/payment-processor-type";
17
18// @ts-ignore19const lotusUrl = new URL("./lotusIcon.svg", import.meta.url).href;
20
21interface Props {