@kimafinance/kima-transaction-widget 1.1.4 → 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

@@ -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,
@@ -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'
@@ -6870,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],
@@ -7098,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'
@@ -7134,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,
@@ -7181,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, {
@@ -7189,7 +7212,8 @@ var KimaTransactionWidget = function KimaTransactionWidget(_ref) {
   }) : React__default.createElement(TransferWidget, {
     theme: theme,
     fontSize: fontSize,
-    titleOption: titleOption
+    titleOption: titleOption,
+    paymentTitleOption: paymentTitleOption
   });
 };