@kimafinance/kima-transaction-widget 1.0.1 → 1.0.2

package/dist/index.js

@@ -654,6 +654,7 @@ var TransactionStatus;
   TransactionStatus["AVAILABLE"] = "Available";
   TransactionStatus["CONFIRMED"] = "Confirmed";
   TransactionStatus["PAID"] = "Paid";
+  TransactionStatus["COMPLETED"] = "Completed";
   TransactionStatus["FAILED"] = "FailedToPay";
   TransactionStatus["UNAVAILABLE"] = "UnAvailable";
   TransactionStatus["KEYSIGNED"] = "KeySigned";
@@ -1047,7 +1048,7 @@ var Loading180Ring = function Loading180Ring(_ref) {
 };
 
 var stepInfo = [{
-  title: 'Initializing'
+  title: 'Initialize'
 }, {
   title: 'Source Transfer'
 }, {
@@ -1055,7 +1056,7 @@ var stepInfo = [{
 }, {
   title: 'Target Transfer'
 }, {
-  title: 'Finalizing'
+  title: 'Finalize'
 }];
 var Progressbar = function Progressbar(_ref) {
   var step = _ref.step,
@@ -1081,9 +1082,9 @@ var Progressbar = function Progressbar(_ref) {
       }
     }, React__default.createElement("div", {
       className: 'step-info'
-    }, step >= index && (index === errorStep ? React__default.createElement(Warning, null) : React__default.createElement(Check, null)), index === loadingStep ? React__default.createElement(Loading180Ring, {
+    }, index === loadingStep ? React__default.createElement(Loading180Ring, {
       fill: theme === exports.ThemeOptions.dark ? 'white' : '#5aa0db'
-    }) : null, React__default.createElement("span", null, item.title)));
+    }) : step >= index ? index === errorStep ? React__default.createElement(Warning, null) : React__default.createElement(Check, null) : null, React__default.createElement("span", null, item.title)));
   })));
 };
 
@@ -1481,6 +1482,7 @@ var Dropdown = function Dropdown(_ref) {
 };
 
 const version = "logger/5.7.0";
+//# sourceMappingURL=_version.js.map
 
 let _permanentCensorErrors = false;
 let _censorErrors = false;
@@ -1830,8 +1832,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);
 ///////////////////////////////
@@ -1942,6 +1946,7 @@ function hexStripZeros(value) {
     }
     return "0x" + value.substring(offset);
 }
+//# sourceMappingURL=index.js.map
 
 var createWalletStatus = function createWalletStatus(isReady, statusMessage, forceNetworkSwitch, walletAddress) {
   if (statusMessage === void 0) {
@@ -2250,15 +2255,15 @@ var CopyButton = function CopyButton(_ref) {
 };
 
 var stepInfo$1 = [{
-  title: 'Initializing'
+  title: 'Initialize'
 }, {
   title: 'Source Transfer'
 }, {
-  title: 'KeySigning'
+  title: 'Validation'
 }, {
   title: 'Target Transfer'
 }, {
-  title: 'Finalizing'
+  title: 'Finalize'
 }];
 var StepBox = function StepBox(_ref) {
   var step = _ref.step,
@@ -2276,9 +2281,9 @@ var StepBox = function StepBox(_ref) {
       className: 'step-item'
     }, React__default.createElement("div", {
       className: 'info-item'
-    }, step >= index && (index === errorStep ? React__default.createElement(Warning, null) : React__default.createElement(Check, null)), index === loadingStep ? React__default.createElement(Loading180Ring, {
+    }, index === loadingStep ? React__default.createElement(Loading180Ring, {
       fill: theme === exports.ThemeOptions.dark ? 'white' : '#5aa0db'
-    }) : null, React__default.createElement("p", null, item.title)), index === 0 ? React__default.createElement("div", {
+    }) : step >= index ? index === errorStep ? React__default.createElement(Warning, null) : React__default.createElement(Check, null) : null, React__default.createElement("p", null, item.title)), index === 0 ? React__default.createElement("div", {
       className: 'info-item'
     }, React__default.createElement("p", null, "Kima TX ID:", ' ', React__default.createElement(ExternalLink, {
       to: 'https://explorer.kima.finance/transactions/718ABEE14755C1ACA617607F9353A55013EF855B0EA6E92EFD31A2F50A362524'
@@ -2482,11 +2487,11 @@ var TransactionWidget = function TransactionWidget(_ref) {
           });
           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)) {
@@ -2495,10 +2500,19 @@ var TransactionWidget = function TransactionWidget(_ref) {
             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);
@@ -2508,11 +2522,6 @@ var TransactionWidget = function TransactionWidget(_ref) {
                 txId: txId
               });
             }, 3000);
-          } else if (status === TransactionStatus.FAILED) {
-            setStep(3);
-            setPercent(75);
-            setErrorStep(3);
-            setLoadingStep(-1);
           }
         });
       } catch (e) {