@bluxcc/react 0.1.1 → 0.1.2

package/README.md

@@ -32,7 +32,7 @@ Import Blux and set up the authentication flow:
 ```tsx
 import { BluxProvider, useBlux } from "@bluxcc/react";
 
-const YourComponent = () => {
+const ConnectButton = () => {
   const { connect } = useBlux();
   return <button onClick={connect}>Connect Wallet</button>;
 };
@@ -40,7 +40,7 @@ const YourComponent = () => {
 const App = () => {
   return (
     <BluxProvider config={{ appName: "YourApp", network: "testnet" }}>
-      <YourComponent />
+      <ConnectButton />
     </BluxProvider>
   );
 };

package/dist/assets/Icons.d.ts

@@ -1,6 +1,17 @@
 import React from 'react';
-export declare const InfoIcon: () => React.JSX.Element;
+export declare const InfoIcon: ({ fill }: {
+    fill?: string;
+}) => React.JSX.Element;
 export declare const ArrowRight: () => React.JSX.Element;
 export declare const ArrowLeft: () => React.JSX.Element;
 export declare const Close: () => React.JSX.Element;
 export declare const Loading: () => React.JSX.Element;
+export declare const GreenCheck: () => React.JSX.Element;
+export declare const LogOut: () => React.JSX.Element;
+export declare const Copy: () => React.JSX.Element;
+export declare const History: () => React.JSX.Element;
+export declare const Send: () => React.JSX.Element;
+export declare const ArrowDropUp: () => React.JSX.Element;
+export declare const RedAlert: () => React.JSX.Element;
+export declare const Upstream: () => React.JSX.Element;
+export declare const Globe: () => React.JSX.Element;

package/dist/assets/bluxLogo.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
-declare const BluxLogo: () => React.JSX.Element;
+declare const BluxLogo: ({ fill }: {
+    fill?: string;
+}) => React.JSX.Element;
 export default BluxLogo;

package/dist/assets/logos.d.ts

@@ -4,4 +4,9 @@ export declare const RabetIcon: () => React.JSX.Element;
 export declare const FreighterIcon: () => React.JSX.Element;
 export declare const XBullIcon: () => React.JSX.Element;
 export declare const LobstrIcon: () => React.JSX.Element;
-export declare const StellarIcon: () => React.JSX.Element;
+export declare const StellarIcon: ({ fill }: {
+    fill?: string;
+}) => React.JSX.Element;
+export declare const StellarSmallIcon: ({ fill }: {
+    fill?: string;
+}) => React.JSX.Element;

package/dist/chains.d.ts

@@ -0,0 +1,8 @@
+import { Networks } from "@stellar/stellar-sdk";
+export declare const chains: {
+    mainnet: Networks;
+    testnet: Networks;
+    sandbox: Networks;
+    futurenet: Networks;
+    standalone: Networks;
+};

package/dist/components/Button/index.d.ts

@@ -1,10 +1,17 @@
 import React from 'react';
-export type ButtonProps = {
-    name?: string;
+type ButtonSize = 'small' | 'medium' | 'large';
+type ButtonVariant = 'outline' | 'text' | 'fill';
+type ButtonState = 'enabled' | 'disabled' | 'selected';
+interface ButtonProps {
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+    state?: ButtonState;
+    children: React.ReactNode;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
     onClick?: () => void;
-    children?: React.ReactNode;
+    style?: React.CSSProperties;
     className?: string;
-    disabled?: boolean;
-};
-declare const Button: ({ onClick, className, disabled, children }: ButtonProps) => React.JSX.Element;
+}
+declare const Button: ({ size, variant, state, children, startIcon, endIcon, onClick, style, className, }: ButtonProps) => React.JSX.Element;
 export default Button;

package/dist/components/CardItem/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type CardItemProps = {
+    variant?: 'social' | 'default';
+    startIcon: React.ReactNode;
+    endArrow?: boolean;
+    label: string;
+    onClick?: () => void;
+};
+declare const CardItem: React.FC<CardItemProps>;
+export default CardItem;

package/dist/components/Input/OTPInput.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const OTPInput: React.FC;
+export default OTPInput;

package/dist/components/Input/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+type InputFieldProps = {
+    label?: string;
+    placeholder?: string;
+    error?: boolean;
+    helperText?: string;
+    iconRight?: React.ReactNode;
+    iconLeft?: React.ReactNode;
+    button?: string | React.ReactNode;
+    onButtonClick?: () => void;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    customLabel?: React.ReactNode;
+};
+declare const InputField: ({ label, placeholder, error, helperText, iconRight, iconLeft, button, onButtonClick, customLabel, value, onChange, }: InputFieldProps) => React.JSX.Element;
+export default InputField;

package/dist/components/Modal/Header/index.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 interface HeaderProps {
-    icon: 'info' | 'back';
+    icon?: 'info' | 'back';
     onInfo?: () => void;
     onBack?: () => void;
-    modalHeader: string;
+    title: string;
     closeButton?: boolean;
     onClose: () => void;
 }
-declare const ModalHeader: React.FC<HeaderProps>;
+declare const ModalHeader: ({ icon, onInfo, onBack, title, closeButton, onClose, }: HeaderProps) => React.JSX.Element;
 export default ModalHeader;

package/dist/components/Modal/index.d.ts

@@ -1,15 +1,14 @@
 import React from 'react';
 interface ModalProps {
     isOpen: boolean;
-    className?: string;
     onClose?: () => void;
     onBack?: () => void;
     children: React.ReactNode;
-    icon: 'info' | 'back';
+    icon?: 'info' | 'back';
     onInfo?: () => void;
     closeButton?: boolean;
-    modalHeader: string;
+    title: string;
     initialHeight: number;
 }
-declare const Modal: ({ isOpen, onClose, onBack, onInfo, children, className, modalHeader, icon, initialHeight, closeButton, }: ModalProps) => React.JSX.Element | null;
+declare const Modal: ({ isOpen, onClose, onBack, onInfo, children, title, icon, initialHeight, closeButton, }: ModalProps) => React.JSX.Element | null;
 export default Modal;

package/dist/components/Transaction/History/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface TransactionProps {
+    amount: string;
+    date: string;
+    status: 'success' | 'failed' | string;
+    action: string;
+    hash: string;
+}
+declare const _default: React.MemoExoticComponent<({ amount, date, status, action, hash }: TransactionProps) => React.JSX.Element>;
+export default _default;

package/dist/components/Transaction/Summery/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface SummaryProps {
+    operationsCount: number;
+    sender: string;
+    estimatedFee: string;
+    action: string;
+}
+declare const Summary: ({ operationsCount, sender, estimatedFee, action }: SummaryProps) => React.JSX.Element;
+export default Summary;

package/dist/constants/index.d.ts

@@ -1,5 +1,9 @@
 import { ModalHeights } from '../types';
+import { IAppearance } from '../types';
 export declare const MODAL_HEIGHTS: ModalHeights;
-export declare const MODAL_CONFIG: {
-    readonly defaultHeader: "Connect Wallet";
+export declare const HORIZON_SERVERS: {
+    public: string;
+    testnet: string;
+    futurenet: string;
 };
+export declare const defaultAppearance: IAppearance;

package/dist/containers/BluxModal/content.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Routes } from '../../types';
+interface ModalContentProps {
+    showAllWallets: boolean;
+    setShowAllWallets: (show: boolean) => void;
+}
+export declare const modalContent: Record<Routes, {
+    title: string;
+    Component: React.FC<ModalContentProps>;
+}>;
+export {};

package/dist/containers/BluxModal/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface BluxModalProps {
+    isOpen: boolean;
+    closeModal: () => void;
+}
+export default function BluxModal({ isOpen, closeModal }: BluxModalProps): React.JSX.Element;
+export {};

package/dist/containers/ConnectModal/content.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Routes } from '../../types';
+interface ModalContentProps {
+    showAllWallets: boolean;
+    setShowAllWallets: (show: boolean) => void;
+}
+export declare const modalContent: Record<Routes, {
+    title: string;
+    Component: React.FC<ModalContentProps>;
+}>;
+export {};

package/dist/containers/ConnectModal/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 interface ConnectModalProps {
     isOpen: boolean;
+    closeModal: () => void;
 }
-export default function ConnectModal({ isOpen }: ConnectModalProps): React.JSX.Element;
+export default function ConnectModal({ isOpen, closeModal }: ConnectModalProps): React.JSX.Element;
 export {};

package/dist/containers/Pages/Activity/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Activity: React.FC;
+export default Activity;

package/dist/containers/Pages/ConfirmCode/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ConfirmCode: () => React.JSX.Element;
+export default ConfirmCode;

package/dist/containers/Pages/OnBoarding/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type OnBoardingProps = {
+    showAllWallets: boolean;
+    setShowAllWallets: (value: boolean) => void;
+};
+declare const OnBoarding: ({ showAllWallets, setShowAllWallets }: OnBoardingProps) => React.JSX.Element;
+export default OnBoarding;

package/dist/containers/Pages/Profile/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Profile: () => React.JSX.Element;
+export default Profile;

package/dist/containers/Pages/Send/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Send: () => React.JSX.Element;
+export default Send;

package/dist/containers/Pages/SignTransaction/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SignTransaction: () => React.JSX.Element;
+export default SignTransaction;

package/dist/containers/Pages/Successful/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Successful: () => React.JSX.Element;
+export default Successful;

package/dist/containers/Pages/Waiting/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Waiting: () => React.JSX.Element;
+export default Waiting;

package/dist/context/provider.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { ContextState, IProviderConfig, IAppearance } from '../types';
 export declare const ProviderContext: React.Context<ContextState | null>;
-export declare const defaultAppearance: IAppearance;
 export declare const BluxProvider: ({ config, isDemo, appearance, children, }: {
     isDemo?: boolean;
     appearance?: IAppearance;
     config: IProviderConfig;
     children: React.ReactNode;
 }) => React.JSX.Element;
+export declare const useProvider: () => ContextState;

package/dist/hooks/useAccount.d.ts

@@ -0,0 +1,12 @@
+import { AccountData } from '../types';
+interface AccountHookResult {
+    account: AccountData | null;
+    loading: boolean;
+    error: string | null;
+}
+interface AccountHookProps {
+    publicKey: string;
+    passphrase: string;
+}
+declare const useAccount: ({ publicKey, passphrase }: AccountHookProps) => AccountHookResult;
+export default useAccount;

package/dist/hooks/useBlux.d.ts

@@ -1,6 +1,8 @@
 export declare const useBlux: () => {
-    connect: () => Promise<void>;
-    disconnect: () => Promise<void>;
+    connect: () => void;
+    disconnect: () => void;
+    profile: () => void;
+    signTransaction: (xdr: string) => Promise<unknown>;
     isReady: boolean;
     user: import("../types").IUser;
     isAuthenticated: boolean;