@kimafinance/kima-transaction-widget 1.0.0 → 1.0.1

package/README.md

@@ -5,7 +5,8 @@
 ## Install
 
 ```bash
-npm install --save kima-transaction-widget
+npm install --save @kimafinance/kima-transaction-widget
+yarn add @kimafinance/kima-transaction-widget
 ```
 
 ## Usage
@@ -18,7 +19,7 @@ import {
   KimaProvider,
   ThemeOptions,
   FontSizeOptions,
-  ModeOptions
+  ModeOptions,
   SupportNetworks
 } from 'kima-transfer-widget'
 import 'kima-transfer-widget/dist/index.css'
@@ -42,6 +43,9 @@ const App = () => {
           successHandler={() => {
             console.log('success')
           }}
+          closeHandler={() => {
+            console.log('closed')
+          }}
         />
       </div>
     </KimaProvider>
@@ -68,7 +72,3 @@ export default App
 ## Note
 
 [How to fix Polyfill node core module error](https://www.alchemy.com/blog/how-to-polyfill-node-core-modules-in-webpack-5)
-
-## License
-
-kima-transaction-widget is licensed under MIT license.

package/dist/assets/icons/Celo.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const Celo: ({ width, height, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+}) => JSX.Element;
+export default Celo;

package/dist/assets/icons/Check.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-declare const Check: ({ width, height, ...rest }: {
+declare const Check: ({ width, height, fill, ...rest }: {
     [x: string]: any;
     width?: number | undefined;
     height?: number | undefined;
+    fill?: string | undefined;
 }) => JSX.Element;
 export default Check;

package/dist/assets/icons/Copy.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const Copy: ({ width, height, fill, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+    fill?: string | undefined;
+}) => JSX.Element;
+export default Copy;

package/dist/assets/icons/Fuse.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const Fuse: ({ width, height, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+}) => JSX.Element;
+export default Fuse;

package/dist/assets/icons/GoodDollar.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const GoodDollar: ({ width, height, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+}) => JSX.Element;
+export default GoodDollar;

package/dist/assets/icons/index.d.ts

@@ -11,3 +11,7 @@ export { default as PolygonIcon } from './Polygon';
 export { default as AvalancheIcon } from './Avalanche';
 export { default as USDCIcon } from './USDC';
 export { default as USDTIcon } from './USDT';
+export { default as FuseIcon } from './Fuse';
+export { default as CeloIcon } from './Celo';
+export { default as GoodDollarIcon } from './GoodDollar';
+export { default as CopyIcon } from './Copy';

package/dist/assets/loading/6-dots-scale.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SixDotsScale: ({ fill }: any) => JSX.Element;
+export default SixDotsScale;

package/dist/assets/loading/index.d.ts

@@ -1 +1,2 @@
 export { default as Loading180Ring } from './180-ring';
+export { default as SixDotsScale } from './6-dots-scale';

package/dist/components/KimaTransactionWidget.d.ts

@@ -1,12 +1,16 @@
 /// <reference types="react" />
-import { DefaultProps, TransactionOption, ModeOptions } from '../interface';
+import { DefaultProps, TransactionOption, ModeOptions, TitleOption } from '../interface';
 import '../index.css';
 interface Props extends DefaultProps {
-    transactionOption?: TransactionOption;
     mode: ModeOptions;
+    txId?: number;
+    titleOption?: TitleOption;
+    kimaBackendUrl: string;
+    transactionOption?: TransactionOption;
+    kimaNodeProviderQuery: string;
     errorHandler?: (e: any) => void;
     closeHandler?: (e: any) => void;
     successHandler?: (e: any) => void;
 }
-export declare const KimaTransactionWidget: ({ theme, fontSize, mode, transactionOption, errorHandler, closeHandler, successHandler }: Props) => JSX.Element;
+export declare const KimaTransactionWidget: ({ mode, txId, theme, fontSize, titleOption, transactionOption, kimaBackendUrl, kimaNodeProviderQuery, errorHandler, closeHandler, successHandler }: Props) => JSX.Element;
 export {};

package/dist/components/TransferWidget.d.ts

@@ -1,4 +1,8 @@
 /// <reference types="react" />
-import { DefaultProps } from '../interface';
+import { DefaultProps, TitleOption } from '../interface';
 import '../index.css';
-export declare const TransferWidget: ({ theme, fontSize }: DefaultProps) => JSX.Element;
+interface Props extends DefaultProps {
+    titleOption?: TitleOption;
+}
+export declare const TransferWidget: ({ theme, fontSize, titleOption }: Props) => JSX.Element;
+export {};

package/dist/components/modals/HashPopup.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TransactionData } from '../../interface';
+interface Props {
+    data?: TransactionData;
+}
+declare const HashPopup: ({ data }: Props) => JSX.Element;
+export default HashPopup;

package/dist/components/modals/HelpPopup.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const HelpPopup: () => JSX.Element;
+export default HelpPopup;

package/dist/components/modals/WalletConnectModal.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const WalletConnectModal: () => JSX.Element;
+export default WalletConnectModal;

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

@@ -0,0 +1,3 @@
+export { default as HelpPopup } from './HelpPopup';
+export { default as HashPopup } from './HashPopup';
+export { default as WalletConnectModal } from './WalletConnectModal';

package/dist/components/reusable/AddressInputWizard.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const AddressInputWizard: () => JSX.Element;
+export default AddressInputWizard;

package/dist/components/reusable/ConfirmDetails.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
-declare const ConfirmDetails: () => JSX.Element;
+declare const ConfirmDetails: ({ isApproved }: {
+    isApproved: boolean;
+}) => JSX.Element;
 export default ConfirmDetails;

package/dist/components/reusable/CopyButton.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface Props {
+    text: string;
+}
+declare const CopyButton: ({ text }: Props) => JSX.Element;
+export default CopyButton;

package/dist/components/reusable/Dropdown.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 interface Props {
     open: boolean;
-    isWizard: boolean;
-    toggleWizard: any;
+    showHashes?: boolean;
 }
-declare const Dropdown: ({ open, isWizard, toggleWizard }: Props) => JSX.Element;
+declare const Dropdown: ({ open, showHashes }: Props) => JSX.Element;
 export default Dropdown;

package/dist/components/reusable/HelpPopup.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const HelpPopup: () => JSX.Element;
+export default HelpPopup;

package/dist/components/reusable/NetworkDropdown.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const NetworkDropdown: ({ isOriginChain }: {
+    isOriginChain?: boolean | undefined;
+}) => JSX.Element;
+export default NetworkDropdown;

package/dist/components/reusable/NetworkSelect.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 interface Props {
-    type?: string;
+    isOriginChain?: boolean;
 }
-declare const Network: ({ type }: Props) => JSX.Element;
+declare const Network: ({ isOriginChain }: Props) => JSX.Element;
 export default Network;

package/dist/components/reusable/Progressbar.d.ts

@@ -4,6 +4,7 @@ interface Props {
     focus: number;
     setFocus: Dispatch<SetStateAction<number>>;
     errorStep: number;
+    loadingStep: number;
 }
-declare const Progressbar: ({ step, errorStep, setFocus }: Props) => JSX.Element;
+declare const Progressbar: ({ step, errorStep, setFocus, loadingStep }: Props) => JSX.Element;
 export default Progressbar;

package/dist/components/reusable/SecondaryButton.d.ts

@@ -4,6 +4,7 @@ interface Props {
     children?: any;
     className?: string;
     theme?: string;
+    style?: any;
 }
-declare const SecondaryButton: ({ className, clickHandler, children, theme }: Props) => JSX.Element;
+declare const SecondaryButton: ({ className, clickHandler, children, theme, style }: Props) => JSX.Element;
 export default SecondaryButton;

package/dist/components/reusable/StepBox.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { TransactionData } from '../../interface';
+interface Props {
+    step: number;
+    errorStep: number;
+    loadingStep: number;
+    data?: TransactionData;
+}
+declare const StepBox: ({ step, errorStep, loadingStep, data }: Props) => JSX.Element;
+export default StepBox;

package/dist/components/reusable/Tooltip.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
+import { TransactionData } from '../../interface';
 interface Props {
     step: number;
     focus: number;
     errorStep: number;
+    loadingStep: number;
+    data?: TransactionData;
 }
-declare const Tooltip: ({ step, focus, errorStep }: Props) => JSX.Element;
+declare const Tooltip: ({ step, focus, errorStep, loadingStep, data }: Props) => JSX.Element;
 export default Tooltip;

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

@@ -7,7 +7,9 @@ export { default as WalletSelect } from './WalletSelect';
 export { default as Dropdown } from './Dropdown';
 export { default as WalletButton } from './WalletButton';
 export { default as CoinDropdown } from './CoinDropdown';
+export { default as NetworkDropdown } from './NetworkDropdown';
 export { default as ConfirmDetails } from './ConfirmDetails';
-export { default as WalletConnectModal } from './WalletConnectModal';
 export { default as AddressInput } from './AddressInput';
 export { default as CustomCheckbox } from './CustomCheckbox';
+export { default as StepBox } from './StepBox';
+export { default as CopyButton } from './CopyButton';

package/dist/hooks/useCurrencyOptions.d.ts

@@ -0,0 +1,3 @@
+export default function useCurrencyOptions(): {
+    options: any;
+};

package/dist/hooks/useNetworkOptions.d.ts

@@ -0,0 +1,3 @@
+export default function useNetworkOptions(): {
+    options: any[];
+};