@ethersphere/bee-dashboard 0.19.0 → 0.19.1

package/lib/App.js

@@ -115661,7 +115661,7 @@ function getStampUsage({
 var semver = __webpack_require__(81249);
 var semver_default = /*#__PURE__*/__webpack_require__.n(semver);
 ;// CONCATENATED MODULE: ./package.json
-const package_namespaceObject = JSON.parse('{"i8":"0.19.0","h$":{"Mx":">=0.6.0"}}');
+const package_namespaceObject = JSON.parse('{"i8":"0.19.1","h$":{"Mx":">=0.6.0"}}');
 // EXTERNAL MODULE: ./node_modules/axios/index.js
 var axios = __webpack_require__(9669);
 var axios_default = /*#__PURE__*/__webpack_require__.n(axios);

package/lib/src/App.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+import './App.css';
+interface Props {
+    beeApiUrl?: string;
+    beeDebugApiUrl?: string;
+    lockedApiSettings?: boolean;
+    isBeeDesktop?: boolean;
+}
+declare const App: ({ beeApiUrl, beeDebugApiUrl, lockedApiSettings, isBeeDesktop }: Props) => ReactElement;
+export default App;

package/lib/src/components/AlertUploadSize.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+interface Props {
+    files: File[];
+}
+export default function UploadSizeAlert(props: Props): ReactElement | null;
+export {};

package/lib/src/components/Capacity.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+interface Props {
+    width: string;
+    usage: number;
+}
+export declare function Capacity({ width, usage }: Props): ReactElement;
+export {};

package/lib/src/components/Card.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+import { SwarmButtonProps } from './SwarmButton';
+interface Props {
+    icon: ReactElement;
+    title: string;
+    subtitle: string;
+    buttonProps: SwarmButtonProps;
+    status: 'ok' | 'error';
+}
+export default function Card({ buttonProps, icon, title, subtitle, status }: Props): ReactElement;
+export {};

package/lib/src/components/CashoutModal.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+interface Props {
+    peerId: string;
+    uncashedAmount: string;
+}
+export default function CheckoutModal({ peerId, uncashedAmount }: Props): ReactElement;
+export {};

package/lib/src/components/ClipboardCopy.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+interface Props {
+    value: string;
+}
+export default function ClipboardCopy({ value }: Props): ReactElement;
+export {};

package/lib/src/components/CloseButton.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+interface Props {
+    onClose: () => void;
+}
+export declare function CloseButton({ onClose }: Props): ReactElement;
+export {};

package/lib/src/components/Code.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+interface Props {
+    children: string;
+    prettify?: boolean;
+}
+export declare function Code({ children, prettify }: Props): ReactElement;
+export {};

package/lib/src/components/CodeBlock.d.ts

@@ -0,0 +1,8 @@
+import type { ReactElement } from 'react';
+interface Props {
+    code: string;
+    language: string;
+    showLineNumbers?: boolean;
+}
+declare const CodeBlock: (props: Props) => ReactElement;
+export default CodeBlock;

package/lib/src/components/CodeBlockTabs.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+interface Props {
+    linux: string;
+    mac: string;
+    showLineNumbers?: boolean;
+}
+export default function CodeBlockTabs(props: Props): ReactElement;
+export {};

package/lib/src/components/DocumentationText.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+interface Props {
+    children: (string | ReactElement)[] | (string | ReactElement);
+}
+export declare function DocumentationText({ children }: Props): ReactElement;
+export {};

package/lib/src/components/ErrorBoundary.d.ts

@@ -0,0 +1,16 @@
+import { Component, ErrorInfo, ReactElement } from 'react';
+interface Props {
+    children: ReactElement;
+}
+interface State {
+    error: Error | null;
+}
+export default class ErrorBoundary extends Component<Props, State> {
+    constructor(props: Props);
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+    };
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): ReactElement;
+}
+export {};

package/lib/src/components/EthereumAddress.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+interface Props {
+    address: string | undefined;
+    hideBlockie?: boolean;
+    transaction?: boolean;
+    truncate?: boolean;
+}
+export default function EthereumAddress(props: Props): ReactElement;
+export {};

package/lib/src/components/ExpandableElement.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement, ReactNode } from 'react';
+interface Props {
+    children: ReactNode;
+    expandable: ReactNode;
+    defaultOpen?: boolean;
+}
+export default function ExpandableElement({ children, expandable, defaultOpen }: Props): ReactElement | null;
+export {};

package/lib/src/components/ExpandableList.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement, ReactNode } from 'react';
+interface Props {
+    children?: ReactNode;
+    label: ReactNode;
+    info?: ReactNode;
+    level?: 0 | 1 | 2;
+    defaultOpen?: boolean;
+}
+export default function ExpandableList({ children, label, level, defaultOpen, info }: Props): ReactElement | null;
+export {};

package/lib/src/components/ExpandableListItem.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement, ReactNode } from 'react';
+interface Props {
+    label?: ReactNode;
+    value?: ReactNode;
+    tooltip?: string;
+}
+export default function ExpandableListItem({ label, value, tooltip }: Props): ReactElement | null;
+export {};

package/lib/src/components/ExpandableListItemActions.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement, ReactNode } from 'react';
+interface Props {
+    children: ReactNode | ReactNode[];
+}
+export default function ExpandableListItemActions({ children }: Props): ReactElement | null;
+export {};

package/lib/src/components/ExpandableListItemInput.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement } from 'react';
+import type { RemixiconReactIconProps } from 'remixicon-react';
+interface Props {
+    label: string;
+    value?: string;
+    placeholder?: string;
+    helperText?: string;
+    expandedOnly?: boolean;
+    confirmLabel?: string;
+    confirmLabelDisabled?: boolean;
+    confirmIcon?: React.ComponentType<RemixiconReactIconProps>;
+    loading?: boolean;
+    onChange?: (value: string) => void;
+    onConfirm?: (value: string) => void;
+    mapperFn?: (value: string) => string;
+    locked?: boolean;
+}
+export default function ExpandableListItemKey({ label, value, onConfirm, onChange, confirmLabel, confirmLabelDisabled, confirmIcon, expandedOnly, helperText, placeholder, loading, mapperFn, locked, }: Props): ReactElement | null;
+export {};

package/lib/src/components/ExpandableListItemKey.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+interface Props {
+    label: string;
+    value: string;
+    expanded?: boolean;
+}
+export default function ExpandableListItemKey({ label, value, expanded }: Props): ReactElement | null;
+export {};

package/lib/src/components/ExpandableListItemLink.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+interface Props {
+    label: string;
+    value: string;
+    link?: string;
+    navigationType?: 'NEW_WINDOW' | 'HISTORY_PUSH';
+    allowClipboard?: boolean;
+}
+export default function ExpandableListItemLink({ label, value, link, navigationType, allowClipboard, }: Props): ReactElement | null;
+export {};

package/lib/src/components/ExpandableListItemNote.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement, ReactNode } from 'react';
+interface Props {
+    children?: ReactNode | ReactNode[];
+}
+export default function ExpandableListItemNote({ children }: Props): ReactElement | null;
+export {};

package/lib/src/components/Feedback.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from 'react';
+export default function Feedback(): ReactElement;

package/lib/src/components/FitImage.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+interface Props {
+    alt: string;
+    src: string | undefined;
+    maxHeight?: string;
+    maxWidth?: string;
+}
+export declare function FitImage(props: Props): ReactElement;
+export {};

package/lib/src/components/History.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import { HISTORY_KEYS } from '../utils/local-storage';
+interface Props {
+    title: string;
+    localStorageKey: HISTORY_KEYS;
+}
+export declare function History({ title, localStorageKey }: Props): ReactElement | null;
+export {};

package/lib/src/components/HistoryHeader.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+interface Props {
+    children: string;
+}
+export declare function HistoryHeader({ children }: Props): ReactElement;
+export {};

package/lib/src/components/Loading.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from 'react';
+export declare function Loading(): ReactElement;

package/lib/src/components/Map.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement, CSSProperties } from 'react';
+interface Props {
+    style?: CSSProperties;
+    error?: boolean;
+}
+export default function Card({ style, error }: Props): ReactElement;
+export {};

package/lib/src/components/ProgressIndicator.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+interface Props {
+    steps: string[];
+    index: number;
+}
+export declare function ProgressIndicator({ steps, index }: Props): ReactElement;
+export {};

package/lib/src/components/QRCodeModal.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+interface Props {
+    value: string;
+    label: string;
+}
+export default function QRCodeModal(props: Props): ReactElement;
+export {};

package/lib/src/components/SideBar.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from 'react';
+export default function SideBar(): ReactElement;

package/lib/src/components/SideBarItem.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement, ReactNode } from 'react';
+interface Props {
+    iconStart?: ReactNode;
+    iconEnd?: ReactNode;
+    path?: string;
+    label: ReactNode;
+    pathMatcherSubstring?: string;
+}
+export default function SideBarItem({ iconStart, iconEnd, path, label, pathMatcherSubstring }: Props): ReactElement;
+export {};

package/lib/src/components/SideBarStatus.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+interface Props {
+    path?: string;
+}
+export default function SideBarItem({ path }: Props): ReactElement;
+export {};

package/lib/src/components/StatusIcon.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement } from 'react';
+import { CheckState } from '../providers/Bee';
+interface Props {
+    checkState: CheckState;
+    isLoading?: boolean;
+    size?: number | string;
+    className?: string;
+}
+export default function StatusIcon({ checkState, size, className, isLoading }: Props): ReactElement;
+export {};

package/lib/src/components/StripedWrapper.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+interface Props {
+    children: ReactElement | ReactElement[];
+}
+export declare function StripedWrapper({ children }: Props): ReactElement;
+export {};

package/lib/src/components/SwarmButton.d.ts

@@ -0,0 +1,10 @@
+import { ButtonProps } from '@material-ui/core';
+import React, { ReactElement } from 'react';
+import type { RemixiconReactIconProps } from 'remixicon-react';
+export interface SwarmButtonProps extends ButtonProps {
+    iconType: React.ComponentType<RemixiconReactIconProps>;
+    loading?: boolean;
+    cancel?: boolean;
+    variant?: 'text' | 'contained' | 'outlined';
+}
+export declare function SwarmButton({ children, onClick, iconType, className, disabled, loading, cancel, variant, style, ...other }: SwarmButtonProps): ReactElement;

package/lib/src/components/SwarmDialog.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+interface Props {
+    children: ReactElement | ReactElement[];
+}
+export declare function SwarmDialog({ children }: Props): ReactElement;
+export {};

package/lib/src/components/SwarmDivider.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+interface Props {
+    my?: number;
+    mt?: number;
+    mb?: number;
+    color?: string;
+}
+export declare function SwarmDivider({ my, mt, mb, color }: Props): ReactElement;
+export {};

package/lib/src/components/SwarmSelect.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement } from 'react';
+export declare type SelectEvent = React.ChangeEvent<{
+    name?: string | undefined;
+    value: unknown;
+}>;
+interface Props {
+    label?: string;
+    name?: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    onChange?: (event: SelectEvent) => void;
+    formik?: boolean;
+    defaultValue?: string;
+    placeholder?: string;
+}
+export declare function SwarmSelect({ defaultValue, formik, name, options, onChange, label, placeholder, }: Props): ReactElement;
+export {};

package/lib/src/components/SwarmTextInput.d.ts

@@ -0,0 +1,13 @@
+import { ChangeEvent, ReactElement } from 'react';
+interface Props {
+    name: string;
+    label: string;
+    password?: boolean;
+    formik?: boolean;
+    optional?: boolean;
+    defaultValue?: string;
+    placeholder?: string;
+    onChange?: (event: ChangeEvent<HTMLTextAreaElement>) => void;
+}
+export declare function SwarmTextInput({ name, label, password, optional, formik, onChange, defaultValue, placeholder, }: Props): ReactElement;
+export {};

package/lib/src/components/TabsContainer.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement, ReactNode } from 'react';
+interface TabsValues {
+    component: ReactNode;
+    label: ReactNode;
+}
+interface Props {
+    values: TabsValues[];
+    index?: number;
+    indexChanged?: (index: number) => void;
+}
+export default function SimpleTabs({ values, index, indexChanged }: Props): ReactElement;
+export {};

package/lib/src/components/TitleWithClose.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+interface Props {
+    children: string;
+    onClose: () => void;
+}
+export declare function TitleWithClose({ children, onClose }: Props): ReactElement;
+export {};

package/lib/src/components/TopologyStats.d.ts

@@ -0,0 +1,7 @@
+import type { Topology } from '@ethersphere/bee-js';
+import type { ReactElement } from 'react';
+interface Props {
+    topology: Topology | null;
+}
+declare const TopologyStats: (props: Props) => ReactElement;
+export default TopologyStats;

package/lib/src/components/TroubleshootConnectionCard.d.ts

@@ -0,0 +1,2 @@
+import type { ReactElement } from 'react';
+export default function TroubleshootConnectionCard(): ReactElement;

package/lib/src/components/Waiting.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from 'react';
+export declare function Waiting(): ReactElement;

package/lib/src/components/WithdrawDepositModal.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement, ReactNode } from 'react';
+import type { BigNumber } from 'bignumber.js';
+interface Props {
+    successMessage: string;
+    errorMessage: string;
+    dialogMessage: string;
+    label: string;
+    max?: BigNumber;
+    min?: BigNumber;
+    action: (amount: bigint) => Promise<string>;
+    icon?: ReactNode;
+}
+export default function WithdrawDepositModal({ successMessage, errorMessage, dialogMessage, min, max, label, action, icon, }: Props): ReactElement;
+export {};

package/lib/src/config.d.ts

@@ -0,0 +1,16 @@
+declare class Config {
+    readonly BEE_API_HOST: string;
+    readonly BEE_DEBUG_API_HOST: string;
+    readonly BLOCKCHAIN_EXPLORER_URL: string;
+    readonly BEE_DOCS_HOST: string;
+    readonly BEE_DISCORD_HOST: string;
+    readonly GITHUB_REPO_URL: string;
+    readonly BEE_DESKTOP_ENABLED: boolean;
+    readonly BEE_DESKTOP_URL: string;
+    readonly SENTRY_KEY: string | undefined;
+    readonly SENTRY_ENVIRONMENT: string | undefined;
+    readonly DEFAULT_RPC_URL: string;
+    constructor();
+}
+export declare const config: Config;
+export default config;

package/lib/src/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const META_FILE_NAME = ".swarmgatewaymeta.json";
+export declare const PREVIEW_FILE_NAME = ".swarmgatewaypreview.jpeg";
+export declare const PREVIEW_DIMENSIONS: {
+    maxWidth: number;
+    maxHeight: number;
+};
+export declare const BZZ_LINK_DOMAIN: string;

package/lib/src/containers/DepositModal.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from 'react';
+export default function DepositModal(): ReactElement;

package/lib/src/containers/WithdrawModal.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from 'react';
+export default function WithdrawModal(): ReactElement;

package/lib/src/hooks/accounting.d.ts

@@ -0,0 +1,18 @@
+import { BeeDebug } from '@ethersphere/bee-js';
+import { Token } from '../models/Token';
+import { Balance, Settlements } from '../types';
+interface UseAccountingHook {
+    isLoadingUncashed: boolean;
+    totalUncashed: Token;
+    accounting: Accounting[] | null;
+}
+export interface Accounting {
+    peer: string;
+    uncashedAmount: Token;
+    balance: Token;
+    received: Token;
+    sent: Token;
+    total: Token;
+}
+export declare const useAccounting: (beeDebugApi: BeeDebug | null, settlements: Settlements | null, balances: Balance[] | null) => UseAccountingHook;
+export {};

package/lib/src/hooks/apiHooks.d.ts

@@ -0,0 +1,50 @@
+export interface LatestBeeReleaseHook {
+    latestBeeRelease: LatestBeeRelease | null;
+    isLoadingLatestBeeRelease: boolean;
+    error: Error | null;
+}
+export interface IsBeeDesktopHook {
+    error: Error | null;
+    isLoading: boolean;
+    beeDesktopVersion: string;
+    desktopAutoUpdateEnabled: boolean;
+}
+export interface NewDesktopVersionHook {
+    newBeeDesktopVersion: string;
+}
+interface Config {
+    BEE_DESKTOP_URL: string;
+}
+/**
+ * Detect if the dashboard is run within bee-desktop
+ *
+ * @returns isBeeDesktop true if this is run within bee-desktop
+ */
+export declare const useIsBeeDesktop: (isBeeDesktop?: boolean, conf?: Config) => IsBeeDesktopHook;
+export declare function useNewBeeDesktopVersion(isBeeDesktop: boolean, conf?: Config): NewDesktopVersionHook;
+export interface BeeConfig {
+    'api-addr': string;
+    'debug-api-addr': string;
+    'debug-api-enable': boolean;
+    password: string;
+    'swap-enable': boolean;
+    'swap-initial-deposit': bigint;
+    mainnet: boolean;
+    'full-node': boolean;
+    'chain-enable': boolean;
+    'cors-allowed-origins': string;
+    'resolver-options': string;
+    'use-postage-snapshot': boolean;
+    'data-dir': string;
+    transaction: string;
+    'block-hash': string;
+    'swap-endpoint'?: string;
+}
+export interface GetBeeConfig {
+    config: BeeConfig | null;
+    isLoading: boolean;
+    error: Error | null;
+}
+export declare const useGetBeeConfig: (conf?: Config) => GetBeeConfig;
+export declare const useLatestBeeRelease: () => LatestBeeReleaseHook;
+export {};

package/lib/src/hooks/apiHooks.test.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="node" />
+import type { Server } from 'http';
+export declare function mockServer(data: Record<string | number | symbol, string | boolean>): Promise<Server>;

package/lib/src/index.d.ts

@@ -0,0 +1 @@
+import './index.css';

package/lib/src/layout/Dashboard.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+interface Props {
+    children?: ReactElement;
+}
+declare const Dashboard: (props: Props) => ReactElement;
+export default Dashboard;

package/lib/src/layout/ItsBroken.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+interface Props {
+    message: string;
+}
+declare const ItsBroken: ({ message }: Props) => ReactElement;
+export default ItsBroken;

package/lib/src/models/BzzToken.d.ts

@@ -0,0 +1,5 @@
+import { BigNumber } from 'bignumber.js';
+import { Token } from './Token';
+export declare class BzzToken extends Token {
+    constructor(amount: BigNumber | string | bigint);
+}

package/lib/src/models/DaiToken.d.ts

@@ -0,0 +1,5 @@
+import { BigNumber } from 'bignumber.js';
+import { Token } from './Token';
+export declare class DaiToken extends Token {
+    constructor(amount: BigNumber | string | bigint);
+}

package/lib/src/models/Token.d.ts

@@ -0,0 +1,27 @@
+import { BigNumber } from 'bignumber.js';
+declare const POSSIBLE_DECIMALS: number[];
+declare type digits = typeof POSSIBLE_DECIMALS[number];
+export declare class Token {
+    private amount;
+    private readonly decimals;
+    constructor(amount: BigNumber | string | bigint, decimals?: digits);
+    /**
+     * Construct new Token from a digit representation
+     *
+     * @param amount    Amount of a token in the digits (1 token = 10^decimals)
+     * @param decimals  Number of decimals for the token (must be integer)
+     *
+     * @throws {TypeError} If the decimals is not an integer or the amount after conversion is not an integer
+     *
+     * @returns new Token
+     */
+    static fromDecimal(amount: BigNumber | string | bigint, decimals?: digits): Token | never;
+    get toBigInt(): bigint;
+    get toString(): string;
+    get toBigNumber(): BigNumber;
+    get toDecimal(): BigNumber;
+    toFixedDecimal(digits?: number): string;
+    toSignificantDigits(digits?: number): string;
+    minusBaseUnits(amount: string): Token;
+}
+export {};

package/lib/src/models/Token.test.d.ts

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

package/lib/src/pages/account/AccountNavigation.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+interface Props {
+    active: 'WALLET' | 'CHEQUEBOOK' | 'STAMPS' | 'FEEDS';
+}
+export declare function AccountNavigation({ active }: Props): ReactElement;
+export {};