@kimafinance/kima-transaction-widget 1.2.16-beta.1 → 1.2.17-beta.1

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

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const BTC: ({ width, height, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+}) => React.JSX.Element;
+export default BTC;

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

@@ -21,3 +21,4 @@ export { default as BankIcon } from './Bank';
 export { default as BSCIcon } from './BSC';
 export { default as KEURICON } from './KEUR';
 export { default as TronIcon } from './Tron';
+export { default as BTCIcon } from './BTC';

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

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

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

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

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

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const TxButton: ({ theme }: {
+    theme: any;
+}) => React.JSX.Element;
+export default TxButton;

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

@@ -15,3 +15,4 @@ export { default as CustomCheckbox } from './CustomCheckbox';
 export { default as StepBox } from './StepBox';
 export { default as CopyButton } from './CopyButton';
 export { default as BankInput } from './BankInput';
+export { default as TxButton } from './TxButton';

package/dist/helpers/functions.d.ts

@@ -1,3 +1,4 @@
 export declare const formatterInt: Intl.NumberFormat;
 export declare const formatterFloat: Intl.NumberFormat;
 export declare function isEmptyObject(arg: any): boolean;
+export declare const sleep: (delay: any) => Promise<unknown>;

package/dist/hooks/useAllowance.d.ts

@@ -2,5 +2,6 @@ export default function useAllowance({ setApproving }: {
     setApproving: any;
 }): {
     isApproved: boolean;
+    poolAddress: string;
     approve: () => Promise<void>;
 };

package/dist/hooks/useIsWalletReady.d.ts

@@ -2,6 +2,6 @@ declare function useIsWalletReady(): {
     isReady: boolean;
     statusMessage: string;
     walletAddress?: string;
-    forceNetworkSwitch: () => void;
+    connectBitcoinWallet: () => void;
 };
 export default useIsWalletReady;

package/dist/index.css

@@ -63,8 +63,7 @@
 }
 .kima-card .kima-card-header .topbar .control-buttons a, .kima-card .kima-card-header .topbar .control-buttons .menu-button {
   margin-left: auto;
-  margin-right: 1em;
-  margin-top: 0.3em;
+  margin-right: 0.5em;
   color: #5aa0db;
   text-decoration: none;
   cursor: pointer;
@@ -615,6 +614,93 @@
 .kima-card .kima-card-content .single-form .coin-dropdown.dark {
   background: #4f5156;
 }
+.kima-card .kima-card-content .single-form .expire-time-dropdown {
+  position: relative;
+  border-radius: 1em;
+  padding: 0.5em;
+  padding-right: 3em;
+  height: 2.8em;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  box-sizing: content-box;
+}
+.kima-card .kima-card-content .single-form .expire-time-dropdown .expire-time-wrapper {
+  display: flex;
+  align-items: center;
+  border-radius: 1em;
+  font-size: 1em;
+  font-weight: 500;
+  padding: 0.2em;
+  padding-right: 0.5em;
+  padding-left: 0.5em;
+  color: black;
+}
+.kima-card .kima-card-content .single-form .expire-time-dropdown.dark .coin-wrapper {
+  color: white;
+}
+.kima-card .kima-card-content .single-form .expire-time-dropdown:before {
+  position: absolute;
+  content: "";
+  width: 0.8em;
+  height: 0.8em;
+  right: 1.1em;
+  top: 1.7em;
+  border-top: 2px solid;
+  border-right: 2px solid;
+  border-color: white;
+  transform: rotate(-45deg);
+  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
+}
+.kima-card .kima-card-content .single-form .expire-time-dropdown .expire-time-menu {
+  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
+  position: absolute;
+  z-index: 100;
+  max-height: 10em;
+  width: 100%;
+  top: calc(100% - 0.5em);
+  left: 0;
+  overflow: hidden;
+  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
+}
+.kima-card .kima-card-content .single-form .expire-time-dropdown .expire-time-menu .expire-time-item {
+  padding: 0.5em 1em;
+  margin: 0;
+  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
+  display: flex;
+  align-items: center;
+}
+.kima-card .kima-card-content .single-form .expire-time-dropdown .expire-time-menu .expire-time-item p {
+  width: 100%;
+  text-align: center;
+  margin: 0;
+}
+.kima-card .kima-card-content .single-form .expire-time-dropdown .expire-time-menu .expire-time-item:hover {
+  background: rgba(90, 160, 219, 0.5019607843);
+}
+.kima-card .kima-card-content .single-form .expire-time-dropdown .expire-time-menu.light {
+  background: white;
+}
+.kima-card .kima-card-content .single-form .expire-time-dropdown .expire-time-menu.dark {
+  background: #4f5156;
+}
+.kima-card .kima-card-content .single-form .expire-time-dropdown .expire-time-menu.collapsed {
+  max-height: 0;
+  opacity: 0;
+}
+.kima-card .kima-card-content .single-form .expire-time-dropdown.light {
+  background: #e3e3e3;
+}
+.kima-card .kima-card-content .single-form .expire-time-dropdown.light:before {
+  border-color: black;
+}
+.kima-card .kima-card-content .single-form .expire-time-dropdown.collapsed:before {
+  transform: rotate(135deg);
+  top: 1.2em;
+}
+.kima-card .kima-card-content .single-form .expire-time-dropdown.dark {
+  background: #4f5156;
+}
 .kima-card .kima-card-content .single-form .network-dropdown {
   position: relative;
   border-radius: 1em;
@@ -1203,6 +1289,15 @@
     opacity: 0.7;
   }
 }
+.kima-card .tx-button {
+  margin-right: 1em;
+  -moz-column-gap: 0.5em;
+       column-gap: 0.5em;
+  width: 5em;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 .kima-card .dropdown-menu {
   box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
   position: absolute;
@@ -1232,7 +1327,7 @@
   opacity: 0;
   pointer-events: none;
 }
-.kima-card .error-tooltip.dark {
+.kima-card .error-tooltip.dark, .kima-card .popup-tooltip.dark {
   color: black;
   background-color: white;
 }
@@ -1349,6 +1444,83 @@
 .kima-card .kima-modal.hash-popup .modal-content .hash-container .hash-item span {
   width: 5em;
 }
+.kima-card .kima-modal.pending-tx-popup .modal-content-container {
+  width: 45em;
+  height: 20em;
+}
+.kima-card .kima-modal.pending-tx-popup .modal-content {
+  height: calc(100% - 2em);
+}
+.kima-card .kima-modal.pending-tx-popup .modal-content .scroll-area {
+  height: 14em;
+  width: 100%;
+  margin-top: 1em;
+  padding: 1em 0;
+  overflow-y: scroll;
+  overflow-x: clip;
+  background: #e3e3e3;
+  border-radius: 0.5em;
+}
+.kima-card .kima-modal.pending-tx-popup .modal-content .scroll-area::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 3px;
+}
+.kima-card .kima-modal.pending-tx-popup .modal-content .scroll-area .tx-container {
+  width: 100%;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  row-gap: 0.5em;
+}
+.kima-card .kima-modal.pending-tx-popup .modal-content .scroll-area .tx-container .tx-item {
+  display: flex;
+  align-items: center;
+  -moz-column-gap: 1em;
+       column-gap: 1em;
+  padding: 0.4em 0;
+  cursor: pointer;
+  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
+}
+.kima-card .kima-modal.pending-tx-popup .modal-content .scroll-area .tx-container .tx-item:hover {
+  background-color: rgba(90, 160, 219, 0.3137254902);
+}
+.kima-card .kima-modal.pending-tx-popup .modal-content .scroll-area .tx-container .tx-item .label {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 12em;
+}
+.kima-card .kima-modal.pending-tx-popup .modal-content .scroll-area .tx-container .tx-item .label .icon-wrapper {
+  display: flex;
+  align-items: center;
+  -moz-column-gap: 0.4em;
+       column-gap: 0.4em;
+}
+.kima-card .kima-modal.pending-tx-popup .modal-content .scroll-area .tx-container .tx-item .label .icon-wrapper svg {
+  width: 1.5em;
+  height: 1.5em;
+}
+.kima-card .kima-modal.pending-tx-popup .modal-content .scroll-area .tx-container .tx-item .amount-label {
+  display: flex;
+  align-items: center;
+  -moz-column-gap: 0.5em;
+       column-gap: 0.5em;
+  width: 10em;
+  justify-content: center;
+}
+.kima-card .kima-modal.pending-tx-popup .modal-content .scroll-area .tx-container .tx-item .status-label {
+  width: 8em;
+  text-align: center;
+}
+.kima-card .kima-modal.pending-tx-popup .modal-content .scroll-area .tx-container .tx-item .action-button {
+  color: #5aa0db;
+  display: flex;
+  width: 5em;
+  justify-content: center;
+}
+.kima-card .kima-modal.pending-tx-popup.dark .scroll-area {
+  background-color: #434343;
+}
 .kima-card .kima-modal.bank-popup .modal-content-container {
   width: 100%;
   height: calc(100% - 3em);

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export { FontSizeOptions, ColorModeOptions, ThemeOptions, SupportNetworks, CurrencyOptions, ModeOptions, DAppOptions, CHAIN_STRING_TO_NAME, CHAIN_NAMES_TO_STRING } from './interface';
 export { KimaTransactionWidget } from './components/KimaTransactionWidget';
-export declare const KimaProvider: ({ children }: any) => React.JSX.Element;
+export declare const KimaProvider: ({ walletConnectProjectId, children }: any) => React.JSX.Element;