@kimafinance/kima-transaction-widget 1.1.3 → 1.1.5

package/dist/components/KimaTransactionWidget.d.ts

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

package/dist/components/TransferWidget.d.ts

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

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

@@ -1,3 +1,6 @@
 /// <reference types="react" />
-declare const SingleForm: () => JSX.Element;
+import { PaymentTitleOption } from '../../interface';
+declare const SingleForm: ({ paymentTitleOption }: {
+    paymentTitleOption?: PaymentTitleOption | undefined;
+}) => JSX.Element;
 export default SingleForm;

package/dist/index.js

@@ -571,7 +571,7 @@ var SupportedChainId;
 })(SupportedChainId || (SupportedChainId = {}));
 var CHAIN_NAMES_TO_IDS = (_CHAIN_NAMES_TO_IDS = {}, _CHAIN_NAMES_TO_IDS[exports.SupportNetworks.ETHEREUM] = SupportedChainId.ETHEREUM, _CHAIN_NAMES_TO_IDS[exports.SupportNetworks.POLYGON] = SupportedChainId.POLYGON, _CHAIN_NAMES_TO_IDS[exports.SupportNetworks.AVALANCHE] = SupportedChainId.AVALANCHE, _CHAIN_NAMES_TO_IDS[exports.SupportNetworks.FUSE] = SupportedChainId.FUSE, _CHAIN_NAMES_TO_IDS[exports.SupportNetworks.CELO] = SupportedChainId.CELO, _CHAIN_NAMES_TO_IDS);
 var CHAIN_NAMES_TO_STRING = (_CHAIN_NAMES_TO_STRIN = {}, _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.ETHEREUM] = 'Ethereum', _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.POLYGON] = 'Polygon', _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.AVALANCHE] = 'Avalanche', _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.FUSE] = 'Fuse', _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.CELO] = 'Celo', _CHAIN_NAMES_TO_STRIN[exports.SupportNetworks.SOLANA] = 'Solana', _CHAIN_NAMES_TO_STRIN);
-var CHAIN_NAMES_TO_EXPLORER = (_CHAIN_NAMES_TO_EXPLO = {}, _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.ETHEREUM] = 'sepolia.etherscan.io', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.POLYGON] = 'mumbai.polygonscan.com', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.AVALANCHE] = 'testnet.snowtrace.io', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.FUSE] = 'explorer.fuse.io', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.CELO] = 'explorer.celo.org', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.SOLANA] = 'solscan.io/blocks?cluster=devnet', _CHAIN_NAMES_TO_EXPLO);
+var CHAIN_NAMES_TO_EXPLORER = (_CHAIN_NAMES_TO_EXPLO = {}, _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.ETHEREUM] = 'sepolia.etherscan.io', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.POLYGON] = 'mumbai.polygonscan.com', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.AVALANCHE] = 'testnet.snowtrace.io', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.FUSE] = 'explorer.fuse.io', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.CELO] = 'explorer.celo.org', _CHAIN_NAMES_TO_EXPLO[exports.SupportNetworks.SOLANA] = 'solscan.io', _CHAIN_NAMES_TO_EXPLO);
 var CHAIN_NAMES_TO_GECKO_ID = (_CHAIN_NAMES_TO_GECKO = {}, _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.ETHEREUM] = 'ethereum', _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.POLYGON] = 'matic-network', _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.AVALANCHE] = 'avalanche-2', _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.FUSE] = 'fuse-network-token', _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.CELO] = 'celo', _CHAIN_NAMES_TO_GECKO[exports.SupportNetworks.SOLANA] = 'solana', _CHAIN_NAMES_TO_GECKO);
 var CHAIN_IDS_TO_NAMES = (_CHAIN_IDS_TO_NAMES = {}, _CHAIN_IDS_TO_NAMES[SupportedChainId.ETHEREUM] = exports.SupportNetworks.ETHEREUM, _CHAIN_IDS_TO_NAMES[SupportedChainId.POLYGON] = exports.SupportNetworks.POLYGON, _CHAIN_IDS_TO_NAMES[SupportedChainId.AVALANCHE] = exports.SupportNetworks.AVALANCHE, _CHAIN_IDS_TO_NAMES[SupportedChainId.FUSE] = exports.SupportNetworks.FUSE, _CHAIN_IDS_TO_NAMES[SupportedChainId.CELO] = exports.SupportNetworks.CELO, _CHAIN_IDS_TO_NAMES);
 var networkOptions = [{
@@ -640,7 +640,8 @@ var TransactionStatus;
   TransactionStatus["CONFIRMED"] = "Confirmed";
   TransactionStatus["PAID"] = "Paid";
   TransactionStatus["COMPLETED"] = "Completed";
-  TransactionStatus["FAILED"] = "FailedToPay";
+  TransactionStatus["FAILEDTOPAY"] = "FailedToPay";
+  TransactionStatus["FAILEDTOPULL"] = "FailedToPull";
   TransactionStatus["UNAVAILABLE"] = "UnAvailable";
   TransactionStatus["KEYSIGNED"] = "KeySigned";
 })(TransactionStatus || (TransactionStatus = {}));
@@ -667,8 +668,8 @@ var TransactionStatus;
 var initialState = {
   theme: exports.ThemeOptions.light,
   mode: exports.ModeOptions.bridge,
-  originNetwork: 'ETH',
-  targetNetwork: 'POL',
+  originNetwork: '',
+  targetNetwork: '',
   targetAddress: '',
   connectModal: false,
   helpPopup: false,
@@ -2297,13 +2298,13 @@ var StepBox = function StepBox(_ref) {
     }))) : null, index === 1 && data !== null && data !== void 0 && data.tssPullHash ? React__default.createElement("div", {
       className: 'info-item'
     }, React__default.createElement("p", null, CHAIN_NAMES_TO_STRING[(data === null || data === void 0 ? void 0 : data.sourceChain) || exports.SupportNetworks.ETHEREUM], ' ', "TX ID:", React__default.createElement(ExternalLink, {
-      to: "https://" + CHAIN_NAMES_TO_EXPLORER[(data === null || data === void 0 ? void 0 : data.sourceChain) || exports.SupportNetworks.ETHEREUM] + "/tx/" + (data === null || data === void 0 ? void 0 : data.tssPullHash)
+      to: "https://" + CHAIN_NAMES_TO_EXPLORER[(data === null || data === void 0 ? void 0 : data.sourceChain) || exports.SupportNetworks.ETHEREUM] + "/tx/" + (data === null || data === void 0 ? void 0 : data.tssPullHash) + ((data === null || data === void 0 ? void 0 : data.sourceChain) === exports.SupportNetworks.SOLANA ? '?cluster=devnet' : '')
     }, getShortenedAddress((data === null || data === void 0 ? void 0 : data.tssPullHash) || '')), React__default.createElement(CopyButton, {
       text: (data === null || data === void 0 ? void 0 : data.tssPullHash) || ''
     }))) : null, index === 3 && data !== null && data !== void 0 && data.tssReleaseHash ? React__default.createElement("div", {
       className: 'info-item'
     }, React__default.createElement("p", null, CHAIN_NAMES_TO_STRING[(data === null || data === void 0 ? void 0 : data.targetChain) || exports.SupportNetworks.ETHEREUM], ' ', "TX ID:", React__default.createElement(ExternalLink, {
-      to: "https://" + CHAIN_NAMES_TO_EXPLORER[(data === null || data === void 0 ? void 0 : data.targetChain) || exports.SupportNetworks.ETHEREUM] + "/tx/" + (data === null || data === void 0 ? void 0 : data.tssReleaseHash)
+      to: "https://" + CHAIN_NAMES_TO_EXPLORER[(data === null || data === void 0 ? void 0 : data.targetChain) || exports.SupportNetworks.ETHEREUM] + "/tx/" + (data === null || data === void 0 ? void 0 : data.tssReleaseHash) + ((data === null || data === void 0 ? void 0 : data.targetChain) === exports.SupportNetworks.SOLANA ? '?cluster=devnet' : '')
     }, getShortenedAddress((data === null || data === void 0 ? void 0 : data.tssReleaseHash) || '')), React__default.createElement(CopyButton, {
       text: (data === null || data === void 0 ? void 0 : data.tssReleaseHash) || ''
     }))) : null);
@@ -2505,6 +2506,7 @@ var TransactionWidget = function TransactionWidget(_ref) {
               setPercent(25);
               setErrorStep(1);
               setLoadingStep(-1);
+              console.log(data.failReason);
             } else if (status === TransactionStatus.KEYSIGNED) {
               setStep(3);
               setPercent(75);
@@ -2513,11 +2515,18 @@ var TransactionWidget = function TransactionWidget(_ref) {
               setStep(3);
               setPercent(90);
               setLoadingStep(3);
-            } else if (status === TransactionStatus.FAILED) {
+            } else if (status === TransactionStatus.FAILEDTOPAY) {
               setStep(3);
               setPercent(90);
               setErrorStep(3);
               setLoadingStep(-1);
+              console.log(data.failReason);
+            } else if (status === TransactionStatus.FAILEDTOPULL) {
+              setStep(1);
+              setPercent(25);
+              setErrorStep(1);
+              setLoadingStep(-1);
+              console.log(data.failReason);
             } else if (status === TransactionStatus.COMPLETED) {
               setStep(4);
               setPercent(100);
@@ -2608,7 +2617,8 @@ var TransactionWidget = function TransactionWidget(_ref) {
   })));
 };
 
-var SingleForm = function SingleForm() {
+var SingleForm = function SingleForm(_ref) {
+  var paymentTitleOption = _ref.paymentTitleOption;
   var dispatch = reactRedux.useDispatch();
   var mode = reactRedux.useSelector(selectMode);
   var theme = reactRedux.useSelector(selectTheme);
@@ -2617,7 +2627,14 @@ var SingleForm = function SingleForm() {
   var selectedCoin = reactRedux.useSelector(selectCurrencyOptions);
   return React__default.createElement("div", {
     className: 'single-form'
-  }, React__default.createElement("div", {
+  }, mode === exports.ModeOptions.payment ? React__default.createElement("p", {
+    className: 'payment-title',
+    style: {
+      fontSize: paymentTitleOption === null || paymentTitleOption === void 0 ? void 0 : paymentTitleOption.fontSize,
+      fontWeight: paymentTitleOption === null || paymentTitleOption === void 0 ? void 0 : paymentTitleOption.fontWeight,
+      color: paymentTitleOption === null || paymentTitleOption === void 0 ? void 0 : paymentTitleOption.color
+    }
+  }, paymentTitleOption === null || paymentTitleOption === void 0 ? void 0 : paymentTitleOption.title) : null, React__default.createElement("div", {
     className: 'form-item'
   }, React__default.createElement("span", {
     className: 'label'
@@ -6584,15 +6601,14 @@ function useAllowance() {
   var updatePoolAddress = function updatePoolAddress() {
     try {
       return Promise.resolve(_catch(function () {
-        if (sourceChain === exports.SupportNetworks.SOLANA) {
-          setTargetAddress('8ymXJ6RH9k8qSf1xsvxSWgzPB9RYgUuHPDgonkFzUEhT');
-          return;
-        }
         return Promise.resolve(fetchWrapper.get(nodeProviderQuery + "/kima-finance/kima/kima/tss_pubkey")).then(function (result) {
           var _result$tssPubkey;
           if ((result === null || result === void 0 ? void 0 : (_result$tssPubkey = result.tssPubkey) === null || _result$tssPubkey === void 0 ? void 0 : _result$tssPubkey.length) < 1) {
             return;
           }
+          if (sourceChain === exports.SupportNetworks.SOLANA && !result.tssPubkey[0].ebdsa) {
+            console.log('solana pool address is missing');
+          }
           setTargetAddress(sourceChain === exports.SupportNetworks.SOLANA ? result.tssPubkey[0].ebdsa : result.tssPubkey[0].ecdsa);
         });
       }, function (e) {
@@ -6656,7 +6672,7 @@ function useAllowance() {
           var mint = new web3_js.PublicKey(tokenAddress);
           var toPublicKey = new web3_js.PublicKey(targetAddress);
           return Promise.resolve(getOrCreateAssociatedTokenAccount(connection, publicKey, mint, publicKey, signTransaction)).then(function (fromTokenAccount) {
-            var transaction = new web3_js.Transaction().add(createApproveTransferInstruction(fromTokenAccount.address, toPublicKey, publicKey, (amount + serviceFee) * Math.pow(10, COIN_LIST['USDK'].decimals), [], splToken.TOKEN_PROGRAM_ID));
+            var transaction = new web3_js.Transaction().add(createApproveTransferInstruction(fromTokenAccount.address, toPublicKey, publicKey, +(amount + serviceFee).toFixed(2) * Math.pow(10, COIN_LIST['USDK'].decimals), [], splToken.TOKEN_PROGRAM_ID));
             return Promise.resolve(connection.getLatestBlockhash()).then(function (blockHash) {
               transaction.feePayer = publicKey;
               return Promise.resolve(blockHash.blockhash).then(function (_blockHash$blockhash) {
@@ -6871,7 +6887,8 @@ var TransferWidget = function TransferWidget(_ref) {
     theme = _ref$theme === void 0 ? exports.ThemeOptions.light : _ref$theme,
     _ref$fontSize = _ref.fontSize,
     fontSize = _ref$fontSize === void 0 ? exports.FontSizeOptions.medium : _ref$fontSize,
-    titleOption = _ref.titleOption;
+    titleOption = _ref.titleOption,
+    paymentTitleOption = _ref.paymentTitleOption;
   var dispatch = reactRedux.useDispatch();
   var _useState = React.useState(false),
     isWizard = _useState[0],
@@ -7099,7 +7116,9 @@ var TransferWidget = function TransferWidget(_ref) {
     isOriginChain: false
   }) : wizardStep === 3 ? React__default.createElement(AddressInputWizard, null) : wizardStep === 4 ? React__default.createElement(CoinSelect, null) : React__default.createElement(ConfirmDetails, {
     isApproved: isApproved
-  }) : formStep === 0 ? React__default.createElement(SingleForm, null) : React__default.createElement(ConfirmDetails, {
+  }) : formStep === 0 ? React__default.createElement(SingleForm, {
+    paymentTitleOption: paymentTitleOption
+  }) : React__default.createElement(ConfirmDetails, {
     isApproved: isApproved
   })), React__default.createElement("div", {
     className: 'kima-card-footer'
@@ -7135,6 +7154,7 @@ var KimaTransactionWidget = function KimaTransactionWidget(_ref) {
     _ref$fontSize = _ref.fontSize,
     fontSize = _ref$fontSize === void 0 ? exports.FontSizeOptions.medium : _ref$fontSize,
     titleOption = _ref.titleOption,
+    paymentTitleOption = _ref.paymentTitleOption,
     transactionOption = _ref.transactionOption,
     kimaBackendUrl = _ref.kimaBackendUrl,
     kimaNodeProviderQuery = _ref.kimaNodeProviderQuery,
@@ -7182,6 +7202,8 @@ var KimaTransactionWidget = function KimaTransactionWidget(_ref) {
     } else if (mode === exports.ModeOptions.status) {
       dispatch(setTxId(txId || 1));
       dispatch(setSubmitted(true));
+    } else {
+      dispatch(setOriginNetwork('ETH'));
     }
   }, [theme, transactionOption, errorHandler, closeHandler, mode]);
   return submitted ? React__default.createElement(TransactionWidget, {
@@ -7190,7 +7212,8 @@ var KimaTransactionWidget = function KimaTransactionWidget(_ref) {
   }) : React__default.createElement(TransferWidget, {
     theme: theme,
     fontSize: fontSize,
-    titleOption: titleOption
+    titleOption: titleOption,
+    paymentTitleOption: paymentTitleOption
   });
 };