@kimafinance/kima-transaction-widget 1.3.9 → 1.3.10

package/dist/index.cjs

@@ -3910,7 +3910,7 @@ var import_react136 = __toESM(require("react"), 1);
 
 // src/components/KimaWidgetWrapper.tsx
 var import_react134 = __toESM(require("react"), 1);
-var import_react_redux53 = require("react-redux");
+var import_react_redux52 = require("react-redux");
 
 // src/components/TransactionWidget.tsx
 var import_react121 = __toESM(require("react"), 1);
@@ -5226,7 +5226,7 @@ var TransactionWidget = ({ theme }) => {
 
 // src/components/TransferWidget.tsx
 var import_react133 = __toESM(require("react"), 1);
-var import_react_redux52 = require("react-redux");
+var import_react_redux51 = require("react-redux");
 
 // src/components/reusable/SingleForm.tsx
 var import_react123 = __toESM(require("react"), 1);
@@ -5988,7 +5988,6 @@ var useValidateTransaction_default = useValidateTransaction;
 // src/hooks/useSubmitTransaction.tsx
 var import_react131 = require("react");
 var import_react_redux50 = require("react-redux");
-var import_react_redux51 = require("react-redux");
 var useSubmitTransaction = ({
   amount,
   totalFee,
@@ -6003,8 +6002,7 @@ var useSubmitTransaction = ({
 }) => {
   const dispatch = (0, import_react_redux50.useDispatch)();
   const [isSubmitting, setSubmitting] = (0, import_react131.useState)(false);
-  const signature = (0, import_react_redux51.useSelector)(selectSignature);
-  const submitTransaction = async () => {
+  const submitTransaction = async (signature) => {
     try {
       setSubmitting(true);
       const params = JSON.stringify({
@@ -6022,7 +6020,7 @@ var useSubmitTransaction = ({
         htlcExpirationTimestamp: "0",
         htlcVersion: "",
         senderPubKey: "",
-        options: signature
+        options: JSON.stringify({ signature })
       });
       const transactionResult = await fetchWrapper.post(
         `${backendUrl}/submit`,
@@ -6146,38 +6144,38 @@ var TransferWidget = ({
   titleOption,
   paymentTitleOption
 }) => {
-  const dispatch = (0, import_react_redux52.useDispatch)();
+  const dispatch = (0, import_react_redux51.useDispatch)();
   const mainRef = (0, import_react133.useRef)(null);
+  const [signature, setSignature2] = (0, import_react133.useState)("");
   const [formStep, setFormStep] = (0, import_react133.useState)(0);
   const [warningModalOpen, setWarningModalOpen] = (0, import_react133.useState)(null);
-  const dAppOption = (0, import_react_redux52.useSelector)(selectDappOption);
-  const mode = (0, import_react_redux52.useSelector)(selectMode);
-  const transactionOption = (0, import_react_redux52.useSelector)(selectTransactionOption);
-  const backendUrl = (0, import_react_redux52.useSelector)(selectBackendUrl);
-  const sourceAddress = (0, import_react_redux52.useSelector)(selectSourceAddress);
-  const targetAddress = (0, import_react_redux52.useSelector)(selectTargetAddress);
-  const sourceChain = (0, import_react_redux52.useSelector)(selectSourceChain);
-  const targetChain = (0, import_react_redux52.useSelector)(selectTargetChain);
-  const sourceCurrency = (0, import_react_redux52.useSelector)(selectSourceCurrency);
-  const targetCurrency = (0, import_react_redux52.useSelector)(selectTargetCurrency);
-  const amount = (0, import_react_redux52.useSelector)(selectAmount);
+  const dAppOption = (0, import_react_redux51.useSelector)(selectDappOption);
+  const mode = (0, import_react_redux51.useSelector)(selectMode);
+  const transactionOption = (0, import_react_redux51.useSelector)(selectTransactionOption);
+  const backendUrl = (0, import_react_redux51.useSelector)(selectBackendUrl);
+  const sourceAddress = (0, import_react_redux51.useSelector)(selectSourceAddress);
+  const targetAddress = (0, import_react_redux51.useSelector)(selectTargetAddress);
+  const sourceChain = (0, import_react_redux51.useSelector)(selectSourceChain);
+  const targetChain = (0, import_react_redux51.useSelector)(selectTargetChain);
+  const sourceCurrency = (0, import_react_redux51.useSelector)(selectSourceCurrency);
+  const targetCurrency = (0, import_react_redux51.useSelector)(selectTargetCurrency);
+  const amount = (0, import_react_redux51.useSelector)(selectAmount);
   const {
     totalFeeUsd,
     totalFee,
     targetNetworkFee,
     submitAmount,
     decimals: feeDecimals
-  } = (0, import_react_redux52.useSelector)(selectServiceFee);
-  const compliantOption = (0, import_react_redux52.useSelector)(selectCompliantOption);
-  const networkOptions3 = (0, import_react_redux52.useSelector)(selectNetworkOption);
-  const feeDeduct = (0, import_react_redux52.useSelector)(selectFeeDeduct);
+  } = (0, import_react_redux51.useSelector)(selectServiceFee);
+  const compliantOption = (0, import_react_redux51.useSelector)(selectCompliantOption);
+  const networkOptions3 = (0, import_react_redux51.useSelector)(selectNetworkOption);
+  const feeDeduct = (0, import_react_redux51.useSelector)(selectFeeDeduct);
   const { keplrHandler, closeHandler } = useKimaContext();
   const [isCancellingApprove, setCancellingApprove] = (0, import_react133.useState)(false);
   const [isApproving, setApproving] = (0, import_react133.useState)(false);
   const [isSigning, setSigning] = (0, import_react133.useState)(false);
-  const pendingTxs = (0, import_react_redux52.useSelector)(selectPendingTxs);
-  const networks = (0, import_react_redux52.useSelector)(selectNetworks);
-  const signature = (0, import_react_redux52.useSelector)(selectSignature);
+  const pendingTxs = (0, import_react_redux51.useSelector)(selectPendingTxs);
+  const networks = (0, import_react_redux51.useSelector)(selectNetworks);
   const { width: windowWidth } = useWidth_default();
   const { disconnectWallet } = useDisconnectWallet4();
   const { balance } = useBalance2();
@@ -6233,29 +6231,29 @@ var TransferWidget = ({
       return import_react_hot_toast5.toast.error(validationMessage, { icon: /* @__PURE__ */ import_react133.default.createElement(Error_default, null) });
     }
     if (error === "ApprovalNeeded" /* ApprovalNeeded */) {
-      const signature2 = await signMessage?.({
+      const sig2 = await signMessage?.({
         targetAddress,
         targetChain: targetChain.name,
         originSymbol: sourceCurrency,
         originChain: sourceChain.name
       });
-      setSignature(signature2);
+      setSignature2(sig2);
       return approve();
     }
     if (dAppOption === "LPDrain" /* LPDrain */ || dAppOption === "LPAdd" /* LPAdd */) {
       keplrHandler && keplrHandler(sourceAddress);
       return;
     }
-    if (!signature?.length) {
-      const signature2 = await signMessage?.({
+    let sig = signature;
+    if (!sig) {
+      sig = await signMessage?.({
         targetAddress,
         targetChain: targetChain.name,
         originSymbol: sourceCurrency,
         originChain: sourceChain.name
       });
-      setSignature(signature2);
     }
-    const { success, message: submitMessage } = await submitTransaction();
+    const { success, message: submitMessage } = await submitTransaction(sig);
     if (!success) return import_react_hot_toast5.toast.error(submitMessage, { icon: /* @__PURE__ */ import_react133.default.createElement(Error_default, null) });
   };
   const onNext = () => {
@@ -6481,8 +6479,8 @@ var KimaWidgetWrapper = ({
   excludedTargetNetworks = []
 }) => {
   const { kimaBackendUrl } = useKimaContext();
-  const submitted = (0, import_react_redux53.useSelector)(selectSubmitted);
-  const dispatch = (0, import_react_redux53.useDispatch)();
+  const submitted = (0, import_react_redux52.useSelector)(selectSubmitted);
+  const dispatch = (0, import_react_redux52.useDispatch)();
   const { setThemeMode, setThemeVariables } = (0, import_react135.useAppKitTheme)();
   const { data: chainData } = useChainData(kimaBackendUrl);
   const { data: envOptions } = useGetEnvOptions({ kimaBackendUrl });
@@ -6548,7 +6546,7 @@ var KimaWidgetWrapper = ({
 var KimaWidgetWrapper_default = KimaWidgetWrapper;
 
 // src/components/KimaTransactionWidget.tsx
-var import_react_redux54 = require("react-redux");
+var import_react_redux53 = require("react-redux");
 var KimaTransactionWidget = ({
   mode,
   txId,
@@ -6562,7 +6560,7 @@ var KimaTransactionWidget = ({
   excludedSourceNetworks = [],
   excludedTargetNetworks = []
 }) => {
-  const dispatch = (0, import_react_redux54.useDispatch)();
+  const dispatch = (0, import_react_redux53.useDispatch)();
   const { kimaBackendUrl } = useKimaContext();
   const { isLoading: isLoadingEnvs } = useGetEnvOptions({
     kimaBackendUrl