@kimafinance/kima-transaction-widget 1.0.1 → 1.0.2

package/dist/index.modern.js

@@ -582,6 +582,7 @@ var TransactionStatus;
   TransactionStatus["AVAILABLE"] = "Available";
   TransactionStatus["CONFIRMED"] = "Confirmed";
   TransactionStatus["PAID"] = "Paid";
+  TransactionStatus["COMPLETED"] = "Completed";
   TransactionStatus["FAILED"] = "FailedToPay";
   TransactionStatus["UNAVAILABLE"] = "UnAvailable";
   TransactionStatus["KEYSIGNED"] = "KeySigned";
@@ -912,7 +913,7 @@ const Loading180Ring = ({
 };
 
 const stepInfo = [{
-  title: 'Initializing'
+  title: 'Initialize'
 }, {
   title: 'Source Transfer'
 }, {
@@ -920,7 +921,7 @@ const stepInfo = [{
 }, {
   title: 'Target Transfer'
 }, {
-  title: 'Finalizing'
+  title: 'Finalize'
 }];
 const Progressbar = ({
   step,
@@ -946,9 +947,9 @@ const Progressbar = ({
     }
   }, React.createElement("div", {
     className: 'step-info'
-  }, step >= index && (index === errorStep ? React.createElement(Warning, null) : React.createElement(Check, null)), index === loadingStep ? React.createElement(Loading180Ring, {
+  }, index === loadingStep ? React.createElement(Loading180Ring, {
     fill: theme === ThemeOptions.dark ? 'white' : '#5aa0db'
-  }) : null, React.createElement("span", null, item.title))))));
+  }) : step >= index ? index === errorStep ? React.createElement(Warning, null) : React.createElement(Check, null) : null, React.createElement("span", null, item.title))))));
 };
 
 const ExternalLink = ({
@@ -1308,6 +1309,7 @@ const Dropdown = ({
 };
 
 const version = "logger/5.7.0";
+//# sourceMappingURL=_version.js.map
 
 let _permanentCensorErrors = false;
 let _censorErrors = false;
@@ -1657,8 +1659,10 @@ class Logger {
 }
 Logger.errors = ErrorCode;
 Logger.levels = LogLevel;
+//# sourceMappingURL=index.js.map
 
 const version$1 = "bytes/5.7.0";
+//# sourceMappingURL=_version.js.map
 
 const logger = new Logger(version$1);
 ///////////////////////////////
@@ -1769,6 +1773,7 @@ function hexStripZeros(value) {
     }
     return "0x" + value.substring(offset);
 }
+//# sourceMappingURL=index.js.map
 
 const createWalletStatus = (isReady, statusMessage = '', forceNetworkSwitch, walletAddress) => ({
   isReady,
@@ -2031,15 +2036,15 @@ const CopyButton = ({
 };
 
 const stepInfo$1 = [{
-  title: 'Initializing'
+  title: 'Initialize'
 }, {
   title: 'Source Transfer'
 }, {
-  title: 'KeySigning'
+  title: 'Validation'
 }, {
   title: 'Target Transfer'
 }, {
-  title: 'Finalizing'
+  title: 'Finalize'
 }];
 const StepBox = ({
   step,
@@ -2057,9 +2062,9 @@ const StepBox = ({
     className: 'step-item'
   }, React.createElement("div", {
     className: 'info-item'
-  }, step >= index && (index === errorStep ? React.createElement(Warning, null) : React.createElement(Check, null)), index === loadingStep ? React.createElement(Loading180Ring, {
+  }, index === loadingStep ? React.createElement(Loading180Ring, {
     fill: theme === ThemeOptions.dark ? 'white' : '#5aa0db'
-  }) : null, React.createElement("p", null, item.title)), index === 0 ? React.createElement("div", {
+  }) : step >= index ? index === errorStep ? React.createElement(Warning, null) : React.createElement(Check, null) : null, React.createElement("p", null, item.title)), index === 0 ? React.createElement("div", {
     className: 'info-item'
   }, React.createElement("p", null, "Kima TX ID:", ' ', React.createElement(ExternalLink, {
     to: 'https://explorer.kima.finance/transactions/718ABEE14755C1ACA617607F9353A55013EF855B0EA6E92EFD31A2F50A362524'
@@ -2240,11 +2245,11 @@ const TransactionWidget = ({
       });
       setErrorStep(-1);
       if (status === TransactionStatus.AVAILABLE) {
-        setStep(0);
+        setStep(1);
         setPercent(0);
         setLoadingStep(1);
       } else if (status === TransactionStatus.CONFIRMED) {
-        setStep(1);
+        setStep(2);
         setPercent(25);
         setLoadingStep(2);
       } else if (status.startsWith(TransactionStatus.UNAVAILABLE)) {
@@ -2253,10 +2258,19 @@ const TransactionWidget = ({
         setErrorStep(1);
         setLoadingStep(-1);
       } else if (status === TransactionStatus.KEYSIGNED) {
-        setStep(2);
+        setStep(3);
         setPercent(50);
         setLoadingStep(3);
       } else if (status === TransactionStatus.PAID) {
+        setStep(3);
+        setPercent(75);
+        setLoadingStep(3);
+      } else if (status === TransactionStatus.FAILED) {
+        setStep(3);
+        setPercent(75);
+        setErrorStep(3);
+        setLoadingStep(-1);
+      } else if (status === TransactionStatus.COMPLETED) {
         setStep(4);
         setPercent(100);
         clearInterval(timerId);
@@ -2266,11 +2280,6 @@ const TransactionWidget = ({
             txId
           });
         }, 3000);
-      } else if (status === TransactionStatus.FAILED) {
-        setStep(3);
-        setPercent(75);
-        setErrorStep(3);
-        setLoadingStep(-1);
       }
     }, 1000);
     return () => {