@kimafinance/kima-transaction-widget 1.5.4 → 1.5.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +606 -477
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +8 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +6 -5
- package/dist/index.d.ts +6 -5
- package/dist/index.js +606 -477
- package/dist/index.js.map +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1754,6 +1754,121 @@ var TransactionComplete = ({ width = 140, height = 120, ...rest }) => {
|
|
|
1754
1754
|
};
|
|
1755
1755
|
var TransactionComplete_default = TransactionComplete;
|
|
1756
1756
|
|
|
1757
|
+
// src/assets/icons/USD1.tsx
|
|
1758
|
+
import { jsx as jsx43, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
1759
|
+
var USD1 = ({ width = 40, height = 40, ...rest }) => {
|
|
1760
|
+
return /* @__PURE__ */ jsxs29(
|
|
1761
|
+
"svg",
|
|
1762
|
+
{
|
|
1763
|
+
version: "1.1",
|
|
1764
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1765
|
+
width,
|
|
1766
|
+
height,
|
|
1767
|
+
viewBox: "0 0 200 200",
|
|
1768
|
+
...rest,
|
|
1769
|
+
children: [
|
|
1770
|
+
/* @__PURE__ */ jsx43(
|
|
1771
|
+
"path",
|
|
1772
|
+
{
|
|
1773
|
+
d: "M0 0 C1.7464396 1.50096639 3.47649166 3.02126613 5.1875 4.5625 C5.96738281 5.25988281 6.74726563 5.95726563 7.55078125 6.67578125 C21.19412879 19.56509231 30.75923532 37.40661482 35.1875 55.5625 C35.52394531 56.89861328 35.52394531 56.89861328 35.8671875 58.26171875 C41.15729421 83.66147767 35.7418869 110.35881939 22.3203125 132.3125 C18.97569322 137.40906271 15.26448627 142.03641369 11.1875 146.5625 C10.49011719 147.34238281 9.79273438 148.12226563 9.07421875 148.92578125 C-3.81509231 162.56912879 -21.65661482 172.13423532 -39.8125 176.5625 C-41.14861328 176.89894531 -41.14861328 176.89894531 -42.51171875 177.2421875 C-67.91147767 182.53229421 -94.60881939 177.1168869 -116.5625 163.6953125 C-121.65906271 160.35069322 -126.28641369 156.63948627 -130.8125 152.5625 C-131.98232422 151.51642578 -131.98232422 151.51642578 -133.17578125 150.44921875 C-146.81912879 137.55990769 -156.38423532 119.71838518 -160.8125 101.5625 C-161.03679687 100.67175781 -161.26109375 99.78101562 -161.4921875 98.86328125 C-166.78229421 73.46352233 -161.3668869 46.76618061 -147.9453125 24.8125 C-144.60069322 19.71593729 -140.88948627 15.08858631 -136.8125 10.5625 C-136.11511719 9.78261719 -135.41773438 9.00273437 -134.69921875 8.19921875 C-121.80990769 -5.44412879 -103.96838518 -15.00923532 -85.8125 -19.4375 C-84.92175781 -19.66179688 -84.03101562 -19.88609375 -83.11328125 -20.1171875 C-54.05028816 -26.17025025 -23.07592188 -18.39663772 0 0 Z ",
|
|
1774
|
+
fill: "#C88204",
|
|
1775
|
+
transform: "translate(162.8125,21.4375)"
|
|
1776
|
+
}
|
|
1777
|
+
),
|
|
1778
|
+
/* @__PURE__ */ jsx43(
|
|
1779
|
+
"path",
|
|
1780
|
+
{
|
|
1781
|
+
d: "M0 0 C1.7464396 1.50096639 3.47649166 3.02126613 5.1875 4.5625 C5.96738281 5.25988281 6.74726563 5.95726563 7.55078125 6.67578125 C21.19412879 19.56509231 30.75923532 37.40661482 35.1875 55.5625 C35.52394531 56.89861328 35.52394531 56.89861328 35.8671875 58.26171875 C41.15729421 83.66147767 35.7418869 110.35881939 22.3203125 132.3125 C18.97569322 137.40906271 15.26448627 142.03641369 11.1875 146.5625 C10.49011719 147.34238281 9.79273438 148.12226563 9.07421875 148.92578125 C-3.81509231 162.56912879 -21.65661482 172.13423532 -39.8125 176.5625 C-41.14861328 176.89894531 -41.14861328 176.89894531 -42.51171875 177.2421875 C-67.91147767 182.53229421 -94.60881939 177.1168869 -116.5625 163.6953125 C-121.65906271 160.35069322 -126.28641369 156.63948627 -130.8125 152.5625 C-131.98232422 151.51642578 -131.98232422 151.51642578 -133.17578125 150.44921875 C-146.81912879 137.55990769 -156.38423532 119.71838518 -160.8125 101.5625 C-161.03679687 100.67175781 -161.26109375 99.78101562 -161.4921875 98.86328125 C-166.78229421 73.46352233 -161.3668869 46.76618061 -147.9453125 24.8125 C-144.60069322 19.71593729 -140.88948627 15.08858631 -136.8125 10.5625 C-136.11511719 9.78261719 -135.41773438 9.00273437 -134.69921875 8.19921875 C-121.80990769 -5.44412879 -103.96838518 -15.00923532 -85.8125 -19.4375 C-84.92175781 -19.66179688 -84.03101562 -19.88609375 -83.11328125 -20.1171875 C-54.05028816 -26.17025025 -23.07592188 -18.39663772 0 0 Z M-125.625 22.375 C-140.76852222 40.13043248 -148.13306803 62.37010218 -146.59765625 85.609375 C-144.99723185 103.31071334 -138.22562523 118.94984314 -126.8125 132.5625 C-126.24144531 133.29082031 -125.67039062 134.01914063 -125.08203125 134.76953125 C-111.49610319 151.31018141 -90.75667787 160.18005466 -69.81762695 162.26977539 C-46.51885229 164.10430355 -26.06982001 156.42707385 -7.84375 142.25390625 C8.69541405 128.10734599 19.19789042 107.46883868 21.0625 85.75390625 C22.35423095 63.10824803 15.85493849 40.56601362 0.88378906 23.27636719 C-13.84408988 7.15672751 -33.71097604 -3.66988851 -55.7265625 -5.34765625 C-56.75910156 -5.39212891 -56.75910156 -5.39212891 -57.8125 -5.4375 C-58.93785156 -5.49744141 -58.93785156 -5.49744141 -60.0859375 -5.55859375 C-85.12455902 -6.24735842 -108.53517196 4.28507875 -125.625 22.375 Z ",
|
|
1782
|
+
fill: "#E1A918",
|
|
1783
|
+
transform: "translate(162.8125,21.4375)"
|
|
1784
|
+
}
|
|
1785
|
+
),
|
|
1786
|
+
/* @__PURE__ */ jsx43(
|
|
1787
|
+
"path",
|
|
1788
|
+
{
|
|
1789
|
+
d: "M0 0 C1.32 0.99 2.64 1.98 4 3 C4.35669893 5.64705128 4.46776797 7.87235676 4.390625 10.51171875 C4.38496521 11.23994339 4.37930542 11.96816803 4.37347412 12.71846008 C4.35110029 15.04214498 4.30090669 17.36428207 4.25 19.6875 C4.22993609 21.26364959 4.21168512 22.83982337 4.1953125 24.41601562 C4.15123283 28.27793924 4.08220225 32.1387073 4 36 C4.72517822 36.09474609 5.45035645 36.18949219 6.19750977 36.28710938 C9.43214601 37.10992825 11.19310891 38.38919553 13.83984375 40.40625 C25.35720807 48.36913402 33.59881464 52.18858389 47.61967468 49.95404053 C54.98063569 48.6043686 62.25228702 46.83295484 69.47021484 44.86474609 C73 44 73 44 77 44 C80.09516662 67.98754128 74.8440576 90.21204401 60.25 109.625 C46.55161697 127.18327611 27.13666988 138.07084726 5.19555664 141.29443359 C-16.74277067 144.00112468 -38.74669812 138.53306029 -56.4375 125.125 C-59.81570513 122.36858974 -59.81570513 122.36858974 -61 120 C-60.23816406 119.72027344 -59.47632813 119.44054687 -58.69140625 119.15234375 C-48.90567628 115.35289054 -41.98714136 110.21473367 -34.73046875 102.7421875 C-28.35114224 96.31966014 -21.14518863 90.53783513 -14 85 C-13.67 85 -13.34 85 -13 85 C-13 93.91 -13 102.82 -13 112 C-8.71 112 -4.42 112 0 112 C0 75.04 0 38.08 0 0 Z ",
|
|
1790
|
+
fill: "#AB6606",
|
|
1791
|
+
transform: "translate(106,42)"
|
|
1792
|
+
}
|
|
1793
|
+
),
|
|
1794
|
+
/* @__PURE__ */ jsx43(
|
|
1795
|
+
"path",
|
|
1796
|
+
{
|
|
1797
|
+
d: "M0 0 C0 36.96 0 73.92 0 112 C-4.29 112 -8.58 112 -13 112 C-13 81.31 -13 50.62 -13 19 C-17.29 21.64 -21.58 24.28 -26 27 C-33 29 -33 29 -38 29 C-38 25.04 -38 21.08 -38 17 C-36.700625 16.46375 -35.40125 15.9275 -34.0625 15.375 C-27.19266899 12.30618834 -21.4453989 8.5023966 -16.1875 3.125 C-12 0 -12 0 0 0 Z ",
|
|
1798
|
+
fill: "#FDEA8D",
|
|
1799
|
+
transform: "translate(106,42)"
|
|
1800
|
+
}
|
|
1801
|
+
),
|
|
1802
|
+
/* @__PURE__ */ jsx43(
|
|
1803
|
+
"path",
|
|
1804
|
+
{
|
|
1805
|
+
d: "M0 0 C9.69339788 4.75349319 19.28599063 9.6697198 28.8125 14.75 C29.86824219 15.30453857 30.92398438 15.85907715 32.01171875 16.43041992 C33.00429687 16.9638501 33.996875 17.49728027 35.01953125 18.046875 C36.35141479 18.75602051 36.35141479 18.75602051 37.71020508 19.47949219 C40.16999765 21.11288468 41.52950173 22.44497528 43 25 C43 26.32 43 27.64 43 29 C43.598125 29.268125 44.19625 29.53625 44.8125 29.8125 C48.31088537 31.71162349 49.73345454 33.20036361 51 37 C51.06740865 38.56118428 51.08514456 40.1250252 51.0625 41.6875 C51.05347656 42.49574219 51.04445312 43.30398437 51.03515625 44.13671875 C51.02355469 44.75160156 51.01195312 45.36648437 51 46 C50.45730469 45.57847656 49.91460937 45.15695313 49.35546875 44.72265625 C48.28232422 43.90087891 48.28232422 43.90087891 47.1875 43.0625 C46.47980469 42.51722656 45.77210938 41.97195312 45.04296875 41.41015625 C41.43212288 38.91777507 38.20669462 38.83871415 33.9375 38.625 C29.75184228 38.34411428 26.18439625 37.87988623 22.25 36.4375 C15.174462 34.2517483 15.174462 34.2517483 0 35 C0 23.45 0 11.9 0 0 Z ",
|
|
1806
|
+
fill: "#C98304",
|
|
1807
|
+
transform: "translate(110,83)"
|
|
1808
|
+
}
|
|
1809
|
+
),
|
|
1810
|
+
/* @__PURE__ */ jsx43(
|
|
1811
|
+
"path",
|
|
1812
|
+
{
|
|
1813
|
+
d: "M0 0 C12.21 2.31 24.42 4.62 37 7 C37 7.66 37 8.32 37 9 C36.21874756 9.43344727 35.43749512 9.86689453 34.63256836 10.31347656 C31.70447634 11.93828866 28.77660492 13.56349692 25.84887695 15.18896484 C24.58724495 15.88931645 23.32552793 16.58951493 22.0637207 17.28955078 C20.23886521 18.30199534 18.4143499 19.31505105 16.58984375 20.328125 C15.4385498 20.96685547 14.28725586 21.60558594 13.10107422 22.26367188 C10.63483889 23.6445462 8.19014777 25.05181193 5.75390625 26.484375 C3 28 3 28 1 28 C0.62743292 25.77383473 0.27816902 23.5437693 -0.0625 21.3125 C-0.25972656 20.07113281 -0.45695312 18.82976562 -0.66015625 17.55078125 C-1.09613759 11.71264027 -0.44901179 5.83715327 0 0 Z ",
|
|
1814
|
+
fill: "#B57005",
|
|
1815
|
+
transform: "translate(17,90)"
|
|
1816
|
+
}
|
|
1817
|
+
),
|
|
1818
|
+
/* @__PURE__ */ jsx43(
|
|
1819
|
+
"path",
|
|
1820
|
+
{
|
|
1821
|
+
d: "M0 0 C0.99 0.66 1.98 1.32 3 2 C3.36914349 4.01085854 3.36914349 4.01085854 3.36076355 6.53042603 C3.36488754 7.48397476 3.36901154 8.4375235 3.3732605 9.41996765 C3.36247467 10.46941055 3.35168884 11.51885345 3.34057617 12.60009766 C3.34123329 14.25376595 3.34123329 14.25376595 3.34190369 15.94084167 C3.33980727 19.59875974 3.31643555 23.25622413 3.29296875 26.9140625 C3.28737584 29.44468943 3.28310431 31.9753196 3.28010559 34.50595093 C3.26980657 40.49481588 3.24614272 46.48348495 3.21605712 52.47227132 C3.18255111 59.28957719 3.1660367 66.10689079 3.15097082 72.92425847 C3.11959406 86.94959645 3.06680989 100.97478927 3 115 C0.70890403 115.08075665 -1.58299267 115.13907731 -3.875 115.1875 C-5.78925781 115.23970703 -5.78925781 115.23970703 -7.7421875 115.29296875 C-8.81726563 115.19628906 -9.89234375 115.09960938 -11 115 C-11.66 114.01 -12.32 113.02 -13 112 C-8.71 112 -4.42 112 0 112 C0 75.04 0 38.08 0 0 Z ",
|
|
1822
|
+
fill: "#85490E",
|
|
1823
|
+
transform: "translate(106,42)"
|
|
1824
|
+
}
|
|
1825
|
+
),
|
|
1826
|
+
/* @__PURE__ */ jsx43(
|
|
1827
|
+
"path",
|
|
1828
|
+
{
|
|
1829
|
+
d: "M0 0 C1.32 0 2.64 0 4 0 C4.33 0.99 4.66 1.98 5 3 C-0.16350471 8.42981727 -5.6173303 13.26176521 -11.484375 17.921875 C-13.80316588 19.8373979 -15.91416167 21.8361864 -18 24 C-19.32 23.34 -20.64 22.68 -22 22 C-22 19 -22 19 -20.19921875 17.0546875 C-19.37035156 16.33539063 -18.54148437 15.61609375 -17.6875 14.875 C-16.78515625 14.08867187 -15.8828125 13.30234375 -14.953125 12.4921875 C-11.05377872 9.20146934 -7.12148609 5.95648806 -3.15234375 2.75 C-1.14403815 1.17822462 -1.14403815 1.17822462 0 0 Z ",
|
|
1830
|
+
fill: "#AB6706",
|
|
1831
|
+
transform: "translate(56,130)"
|
|
1832
|
+
}
|
|
1833
|
+
),
|
|
1834
|
+
/* @__PURE__ */ jsx43(
|
|
1835
|
+
"path",
|
|
1836
|
+
{
|
|
1837
|
+
d: "M0 0 C0.2890625 2.30078125 0.2890625 2.30078125 0 5 C-5.27725373 9.62020435 -12.30581754 12.64479015 -19.25 13.3125 C-20.1575 13.209375 -21.065 13.10625 -22 13 C-22.66 12.01 -23.32 11.02 -24 10 C-22.74896484 9.67128906 -22.74896484 9.67128906 -21.47265625 9.3359375 C-14.7557128 7.44319055 -9.30795175 5.36996755 -3.70703125 1.171875 C-2 0 -2 0 0 0 Z ",
|
|
1838
|
+
fill: "#864A0E",
|
|
1839
|
+
transform: "translate(93,61)"
|
|
1840
|
+
}
|
|
1841
|
+
),
|
|
1842
|
+
/* @__PURE__ */ jsx43(
|
|
1843
|
+
"path",
|
|
1844
|
+
{
|
|
1845
|
+
d: "M0 0 C0.66 1.65 1.32 3.3 2 5 C-4.435 5.495 -4.435 5.495 -11 6 C-11.33 5.01 -11.66 4.02 -12 3 C-10 0 -10 0 -7.6875 -0.75 C-4.74218714 -1.02398259 -2.77712049 -1.05080235 0 0 Z ",
|
|
1846
|
+
fill: "#BD7805",
|
|
1847
|
+
transform: "translate(176,64)"
|
|
1848
|
+
}
|
|
1849
|
+
),
|
|
1850
|
+
/* @__PURE__ */ jsx43(
|
|
1851
|
+
"path",
|
|
1852
|
+
{
|
|
1853
|
+
d: "M0 0 C0.556875 0.226875 1.11375 0.45375 1.6875 0.6875 C1.5625 2.4375 1.5625 2.4375 0.6875 4.6875 C-2.375 6.9375 -2.375 6.9375 -5.3125 8.6875 C-7.3125 5.6875 -7.3125 5.6875 -7.3125 2.6875 C-3.28618421 -0.44407895 -3.28618421 -0.44407895 0 0 Z ",
|
|
1854
|
+
fill: "#AE6906",
|
|
1855
|
+
transform: "translate(30.3125,128.3125)"
|
|
1856
|
+
}
|
|
1857
|
+
),
|
|
1858
|
+
/* @__PURE__ */ jsx43(
|
|
1859
|
+
"path",
|
|
1860
|
+
{
|
|
1861
|
+
d: "M0 0 C0 2.31 0 4.62 0 7 C-4.875 5.25 -4.875 5.25 -6 3 C-1.125 0 -1.125 0 0 0 Z ",
|
|
1862
|
+
fill: "#BD7705",
|
|
1863
|
+
transform: "translate(93,66)"
|
|
1864
|
+
}
|
|
1865
|
+
)
|
|
1866
|
+
]
|
|
1867
|
+
}
|
|
1868
|
+
);
|
|
1869
|
+
};
|
|
1870
|
+
var USD1_default = USD1;
|
|
1871
|
+
|
|
1757
1872
|
// src/shared/types/chains.ts
|
|
1758
1873
|
import { clusterApiUrl } from "@solana/web3.js";
|
|
1759
1874
|
var ChainName = /* @__PURE__ */ ((ChainName2) => {
|
|
@@ -3070,7 +3185,7 @@ var setupAppKit = (projectId, networkOption) => {
|
|
|
3070
3185
|
};
|
|
3071
3186
|
|
|
3072
3187
|
// src/app/providers/EvmWalletProvider.tsx
|
|
3073
|
-
import { Fragment, jsx as
|
|
3188
|
+
import { Fragment, jsx as jsx44 } from "react/jsx-runtime";
|
|
3074
3189
|
var EvmWalletProvider = ({
|
|
3075
3190
|
children,
|
|
3076
3191
|
networkOption,
|
|
@@ -3082,7 +3197,7 @@ var EvmWalletProvider = ({
|
|
|
3082
3197
|
setupAppKit(projectId, networkOption);
|
|
3083
3198
|
}
|
|
3084
3199
|
}, [isLoading, networkOption, projectId]);
|
|
3085
|
-
return /* @__PURE__ */
|
|
3200
|
+
return /* @__PURE__ */ jsx44(Fragment, { children });
|
|
3086
3201
|
};
|
|
3087
3202
|
|
|
3088
3203
|
// src/app/providers/SolanaWalletProvider.tsx
|
|
@@ -3099,14 +3214,14 @@ import {
|
|
|
3099
3214
|
TorusWalletAdapter
|
|
3100
3215
|
} from "@solana/wallet-adapter-wallets";
|
|
3101
3216
|
import { clusterApiUrl as clusterApiUrl2 } from "@solana/web3.js";
|
|
3102
|
-
import { jsx as
|
|
3217
|
+
import { jsx as jsx45 } from "react/jsx-runtime";
|
|
3103
3218
|
var SolanaWalletProvider = ({
|
|
3104
3219
|
children,
|
|
3105
3220
|
networkOption
|
|
3106
3221
|
}) => {
|
|
3107
3222
|
const { solRPC } = useKimaContext();
|
|
3108
3223
|
const endpoint = networkOption === "testnet" /* testnet */ ? clusterApiUrl2("testnet") : solRPC ?? "https://go.getblock.us/86aac42ad4484f3c813079afc201451c";
|
|
3109
|
-
return /* @__PURE__ */
|
|
3224
|
+
return /* @__PURE__ */ jsx45(ConnectionProvider, { endpoint, children: /* @__PURE__ */ jsx45(
|
|
3110
3225
|
WalletProvider,
|
|
3111
3226
|
{
|
|
3112
3227
|
autoConnect: false,
|
|
@@ -3130,7 +3245,7 @@ import { LedgerAdapter } from "@tronweb3/tronwallet-adapter-ledger";
|
|
|
3130
3245
|
import { TronLinkAdapter } from "@tronweb3/tronwallet-adapter-tronlink";
|
|
3131
3246
|
import { OkxWalletAdapter } from "@tronweb3/tronwallet-adapter-okxwallet";
|
|
3132
3247
|
import { TokenPocketAdapter } from "@tronweb3/tronwallet-adapter-tokenpocket";
|
|
3133
|
-
import { jsx as
|
|
3248
|
+
import { jsx as jsx46 } from "react/jsx-runtime";
|
|
3134
3249
|
var TronWalletProvider = ({ children }) => {
|
|
3135
3250
|
const adapters = useMemo5(
|
|
3136
3251
|
() => [
|
|
@@ -3141,7 +3256,7 @@ var TronWalletProvider = ({ children }) => {
|
|
|
3141
3256
|
],
|
|
3142
3257
|
[]
|
|
3143
3258
|
);
|
|
3144
|
-
return /* @__PURE__ */
|
|
3259
|
+
return /* @__PURE__ */ jsx46(WalletProvider2, { adapters, autoConnect: false, children });
|
|
3145
3260
|
};
|
|
3146
3261
|
|
|
3147
3262
|
// src/features/connect-wallet/evm/useEvmProvider.ts
|
|
@@ -3561,7 +3676,7 @@ var useDisconnectWallet = () => {
|
|
|
3561
3676
|
};
|
|
3562
3677
|
|
|
3563
3678
|
// src/shared/plugins/evm/adapter.tsx
|
|
3564
|
-
import { jsx as
|
|
3679
|
+
import { jsx as jsx47 } from "react/jsx-runtime";
|
|
3565
3680
|
var EvmPlugin = class extends PluginBase {
|
|
3566
3681
|
constructor(store2) {
|
|
3567
3682
|
super({
|
|
@@ -3576,7 +3691,7 @@ var EvmPlugin = class extends PluginBase {
|
|
|
3576
3691
|
});
|
|
3577
3692
|
}
|
|
3578
3693
|
isCompatible = (chain) => chain.compatibility === "EVM";
|
|
3579
|
-
Provider = ({ children, networkOption, projectId, isLoading }) => /* @__PURE__ */
|
|
3694
|
+
Provider = ({ children, networkOption, projectId, isLoading }) => /* @__PURE__ */ jsx47(EvmWalletProvider, { networkOption, projectId, isLoading, children });
|
|
3580
3695
|
};
|
|
3581
3696
|
var evmPlugin = new EvmPlugin(store_default);
|
|
3582
3697
|
var adapter_default = evmPlugin;
|
|
@@ -4056,7 +4171,7 @@ var useDisconnectWallet2 = () => {
|
|
|
4056
4171
|
};
|
|
4057
4172
|
|
|
4058
4173
|
// src/shared/plugins/solana/adapter.tsx
|
|
4059
|
-
import { jsx as
|
|
4174
|
+
import { jsx as jsx48 } from "react/jsx-runtime";
|
|
4060
4175
|
var SolanaPlugin = class extends PluginBase {
|
|
4061
4176
|
constructor(store2) {
|
|
4062
4177
|
super({
|
|
@@ -4071,7 +4186,7 @@ var SolanaPlugin = class extends PluginBase {
|
|
|
4071
4186
|
});
|
|
4072
4187
|
}
|
|
4073
4188
|
isCompatible = (chain) => chain.shortName === "SOL";
|
|
4074
|
-
Provider = ({ children, networkOption }) => /* @__PURE__ */
|
|
4189
|
+
Provider = ({ children, networkOption }) => /* @__PURE__ */ jsx48(SolanaWalletProvider, { networkOption, children });
|
|
4075
4190
|
};
|
|
4076
4191
|
var solanaPlugin = new SolanaPlugin(store_default);
|
|
4077
4192
|
var adapter_default2 = solanaPlugin;
|
|
@@ -4894,7 +5009,7 @@ var useDisconnectWallet3 = () => {
|
|
|
4894
5009
|
};
|
|
4895
5010
|
|
|
4896
5011
|
// src/shared/plugins/tron/adapter.tsx
|
|
4897
|
-
import { jsx as
|
|
5012
|
+
import { jsx as jsx49 } from "react/jsx-runtime";
|
|
4898
5013
|
var TronPlugin = class extends PluginBase {
|
|
4899
5014
|
constructor(store2) {
|
|
4900
5015
|
super({
|
|
@@ -4909,7 +5024,7 @@ var TronPlugin = class extends PluginBase {
|
|
|
4909
5024
|
});
|
|
4910
5025
|
}
|
|
4911
5026
|
isCompatible = (chain) => chain.shortName === "TRX";
|
|
4912
|
-
Provider = ({ children, networkOption }) => /* @__PURE__ */
|
|
5027
|
+
Provider = ({ children, networkOption }) => /* @__PURE__ */ jsx49(TronWalletProvider, { networkOption, children });
|
|
4913
5028
|
};
|
|
4914
5029
|
var tronPlugin = new TronPlugin(store_default);
|
|
4915
5030
|
var adapter_default3 = tronPlugin;
|
|
@@ -4952,7 +5067,7 @@ var useDisconnectWallet4 = () => ({
|
|
|
4952
5067
|
});
|
|
4953
5068
|
|
|
4954
5069
|
// src/shared/plugins/credit-card/adapter.tsx
|
|
4955
|
-
import { Fragment as Fragment2, jsx as
|
|
5070
|
+
import { Fragment as Fragment2, jsx as jsx50 } from "react/jsx-runtime";
|
|
4956
5071
|
var CreditCardPlugin = class extends PluginBase {
|
|
4957
5072
|
constructor(storeArg) {
|
|
4958
5073
|
super({
|
|
@@ -4967,7 +5082,7 @@ var CreditCardPlugin = class extends PluginBase {
|
|
|
4967
5082
|
});
|
|
4968
5083
|
}
|
|
4969
5084
|
isCompatible = (chain) => chain.compatibility === "CC";
|
|
4970
|
-
Provider = ({ children }) => /* @__PURE__ */
|
|
5085
|
+
Provider = ({ children }) => /* @__PURE__ */ jsx50(Fragment2, { children });
|
|
4971
5086
|
};
|
|
4972
5087
|
var creditCardPlugin = new CreditCardPlugin(store_default);
|
|
4973
5088
|
var adapter_default4 = creditCardPlugin;
|
|
@@ -5010,7 +5125,7 @@ var useDisconnectWallet5 = () => ({
|
|
|
5010
5125
|
});
|
|
5011
5126
|
|
|
5012
5127
|
// src/shared/plugins/bank/adapter.tsx
|
|
5013
|
-
import { Fragment as Fragment3, jsx as
|
|
5128
|
+
import { Fragment as Fragment3, jsx as jsx51 } from "react/jsx-runtime";
|
|
5014
5129
|
var BankPlugin = class extends PluginBase {
|
|
5015
5130
|
constructor(storeArg) {
|
|
5016
5131
|
super({
|
|
@@ -5025,7 +5140,7 @@ var BankPlugin = class extends PluginBase {
|
|
|
5025
5140
|
});
|
|
5026
5141
|
}
|
|
5027
5142
|
isCompatible = (chain) => chain.compatibility === "BANK";
|
|
5028
|
-
Provider = ({ children }) => /* @__PURE__ */
|
|
5143
|
+
Provider = ({ children }) => /* @__PURE__ */ jsx51(Fragment3, { children });
|
|
5029
5144
|
};
|
|
5030
5145
|
var bankPlugin = new BankPlugin(store_default);
|
|
5031
5146
|
var adapter_default5 = bankPlugin;
|
|
@@ -5034,7 +5149,7 @@ var adapter_default5 = bankPlugin;
|
|
|
5034
5149
|
initializePlugins([adapter_default, adapter_default2, adapter_default3, adapter_default4, adapter_default5]);
|
|
5035
5150
|
|
|
5036
5151
|
// src/app/providers/KimaProvider.tsx
|
|
5037
|
-
import { Fragment as Fragment4, jsx as
|
|
5152
|
+
import { Fragment as Fragment4, jsx as jsx52 } from "react/jsx-runtime";
|
|
5038
5153
|
var queryClient = new QueryClient();
|
|
5039
5154
|
var KimaContext = createContext(void 0);
|
|
5040
5155
|
var useKimaContext = () => {
|
|
@@ -5069,7 +5184,7 @@ var InternalKimaProvider = React3.memo(({ kimaBackendUrl, solRPC, projectId, chi
|
|
|
5069
5184
|
const plugin = getPluginProvider(pluginData.id);
|
|
5070
5185
|
if (plugin) {
|
|
5071
5186
|
const { Provider: PluginProvider } = plugin;
|
|
5072
|
-
return /* @__PURE__ */
|
|
5187
|
+
return /* @__PURE__ */ jsx52(
|
|
5073
5188
|
PluginProvider,
|
|
5074
5189
|
{
|
|
5075
5190
|
networkOption,
|
|
@@ -5085,11 +5200,11 @@ var InternalKimaProvider = React3.memo(({ kimaBackendUrl, solRPC, projectId, chi
|
|
|
5085
5200
|
}, children);
|
|
5086
5201
|
}, [plugins, projectId, networkOption, isLoadingEnv, appKitReady, children]);
|
|
5087
5202
|
if (!appKitReady) return null;
|
|
5088
|
-
return /* @__PURE__ */
|
|
5203
|
+
return /* @__PURE__ */ jsx52(Fragment4, { children: WrappedProviders });
|
|
5089
5204
|
});
|
|
5090
5205
|
var KimaProvider = ({
|
|
5091
5206
|
projectId,
|
|
5092
|
-
children = /* @__PURE__ */
|
|
5207
|
+
children = /* @__PURE__ */ jsx52(Fragment4, {}),
|
|
5093
5208
|
externalProvider,
|
|
5094
5209
|
kimaBackendUrl = "http://localhost:3001",
|
|
5095
5210
|
solRPC,
|
|
@@ -5129,7 +5244,7 @@ var KimaProvider = ({
|
|
|
5129
5244
|
errorHandler,
|
|
5130
5245
|
switchChainHandler
|
|
5131
5246
|
};
|
|
5132
|
-
return /* @__PURE__ */
|
|
5247
|
+
return /* @__PURE__ */ jsx52(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx52(Provider, { store: store_default, children: /* @__PURE__ */ jsx52(KimaContext.Provider, { value: kimaContext, children: /* @__PURE__ */ jsx52(
|
|
5133
5248
|
InternalKimaProvider,
|
|
5134
5249
|
{
|
|
5135
5250
|
kimaBackendUrl,
|
|
@@ -5146,13 +5261,13 @@ import { useEffect as useEffect26, useState as useState14 } from "react";
|
|
|
5146
5261
|
import { useDispatch as useDispatch24 } from "react-redux";
|
|
5147
5262
|
|
|
5148
5263
|
// src/assets/loading/180-ring.tsx
|
|
5149
|
-
import { jsx as
|
|
5264
|
+
import { jsx as jsx53 } from "react/jsx-runtime";
|
|
5150
5265
|
var Loading180Ring = ({
|
|
5151
5266
|
width = 24,
|
|
5152
5267
|
height = 24,
|
|
5153
5268
|
fill = "white"
|
|
5154
5269
|
}) => {
|
|
5155
|
-
return /* @__PURE__ */
|
|
5270
|
+
return /* @__PURE__ */ jsx53(
|
|
5156
5271
|
"svg",
|
|
5157
5272
|
{
|
|
5158
5273
|
width,
|
|
@@ -5160,7 +5275,7 @@ var Loading180Ring = ({
|
|
|
5160
5275
|
fill,
|
|
5161
5276
|
viewBox: "0 0 24 24",
|
|
5162
5277
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5163
|
-
children: /* @__PURE__ */
|
|
5278
|
+
children: /* @__PURE__ */ jsx53("path", { d: "M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z", children: /* @__PURE__ */ jsx53(
|
|
5164
5279
|
"animateTransform",
|
|
5165
5280
|
{
|
|
5166
5281
|
attributeName: "transform",
|
|
@@ -5176,48 +5291,48 @@ var Loading180Ring = ({
|
|
|
5176
5291
|
var ring_default = Loading180Ring;
|
|
5177
5292
|
|
|
5178
5293
|
// src/assets/loading/6-dots-scale.tsx
|
|
5179
|
-
import { jsx as
|
|
5294
|
+
import { jsx as jsx54, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
5180
5295
|
|
|
5181
5296
|
// src/widgets/common/SkeletonLoader.tsx
|
|
5182
|
-
import { jsx as
|
|
5297
|
+
import { jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
5183
5298
|
var SkeletonLoader = ({ theme }) => {
|
|
5184
5299
|
const { closeHandler } = useKimaContext();
|
|
5185
|
-
return /* @__PURE__ */
|
|
5300
|
+
return /* @__PURE__ */ jsx55(
|
|
5186
5301
|
"div",
|
|
5187
5302
|
{
|
|
5188
5303
|
className: `kima-card ${theme.colorMode}`,
|
|
5189
5304
|
style: {
|
|
5190
5305
|
background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
|
|
5191
5306
|
},
|
|
5192
|
-
children: /* @__PURE__ */
|
|
5193
|
-
/* @__PURE__ */
|
|
5194
|
-
/* @__PURE__ */
|
|
5195
|
-
/* @__PURE__ */
|
|
5196
|
-
/* @__PURE__ */
|
|
5307
|
+
children: /* @__PURE__ */ jsxs31("div", { className: "transfer-card", children: [
|
|
5308
|
+
/* @__PURE__ */ jsxs31("div", { className: "kima-card-header", children: [
|
|
5309
|
+
/* @__PURE__ */ jsxs31("div", { className: "topbar", children: [
|
|
5310
|
+
/* @__PURE__ */ jsx55("div", { className: "title skeleton", children: /* @__PURE__ */ jsx55("h3", {}) }),
|
|
5311
|
+
/* @__PURE__ */ jsx55("div", { className: "control-buttons", children: closeHandler && /* @__PURE__ */ jsx55(
|
|
5197
5312
|
"button",
|
|
5198
5313
|
{
|
|
5199
5314
|
className: "cross-icon-button",
|
|
5200
5315
|
onClick: () => {
|
|
5201
5316
|
closeHandler(0);
|
|
5202
5317
|
},
|
|
5203
|
-
children: /* @__PURE__ */
|
|
5318
|
+
children: /* @__PURE__ */ jsx55(Cross_default, {})
|
|
5204
5319
|
}
|
|
5205
5320
|
) })
|
|
5206
5321
|
] }),
|
|
5207
|
-
/* @__PURE__ */
|
|
5322
|
+
/* @__PURE__ */ jsx55("h4", { className: "subtitle" })
|
|
5208
5323
|
] }),
|
|
5209
|
-
/* @__PURE__ */
|
|
5210
|
-
/* @__PURE__ */
|
|
5211
|
-
/* @__PURE__ */
|
|
5212
|
-
/* @__PURE__ */
|
|
5213
|
-
/* @__PURE__ */
|
|
5214
|
-
/* @__PURE__ */
|
|
5324
|
+
/* @__PURE__ */ jsxs31("div", { className: "kima-card-content skeleton", children: [
|
|
5325
|
+
/* @__PURE__ */ jsx55("div", { className: "skeleton" }),
|
|
5326
|
+
/* @__PURE__ */ jsx55("div", { className: "skeleton" }),
|
|
5327
|
+
/* @__PURE__ */ jsx55("div", { className: "skeleton" }),
|
|
5328
|
+
/* @__PURE__ */ jsx55("div", { className: "skeleton" }),
|
|
5329
|
+
/* @__PURE__ */ jsx55("div", { className: "skeleton" })
|
|
5215
5330
|
] }),
|
|
5216
|
-
/* @__PURE__ */
|
|
5217
|
-
/* @__PURE__ */
|
|
5218
|
-
/* @__PURE__ */
|
|
5219
|
-
/* @__PURE__ */
|
|
5220
|
-
/* @__PURE__ */
|
|
5331
|
+
/* @__PURE__ */ jsx55("div", { className: `kima-card-footer`, children: /* @__PURE__ */ jsx55("div", { className: `button-group skeleton`, children: /* @__PURE__ */ jsx55("div", { className: "skeleton" }) }) }),
|
|
5332
|
+
/* @__PURE__ */ jsx55("div", { className: "floating-footer", children: /* @__PURE__ */ jsxs31("div", { className: `items ${theme.colorMode}`, children: [
|
|
5333
|
+
/* @__PURE__ */ jsx55("span", { children: "Powered by" }),
|
|
5334
|
+
/* @__PURE__ */ jsx55(FooterLogo_default, { width: 50, fill: "black" }),
|
|
5335
|
+
/* @__PURE__ */ jsx55("strong", { children: "Network" })
|
|
5221
5336
|
] }) })
|
|
5222
5337
|
] })
|
|
5223
5338
|
}
|
|
@@ -5226,8 +5341,8 @@ var SkeletonLoader = ({ theme }) => {
|
|
|
5226
5341
|
var SkeletonLoader_default = SkeletonLoader;
|
|
5227
5342
|
|
|
5228
5343
|
// src/components/reusable/ExternalLink.tsx
|
|
5229
|
-
import { jsx as
|
|
5230
|
-
var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */
|
|
5344
|
+
import { jsx as jsx56 } from "react/jsx-runtime";
|
|
5345
|
+
var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ jsx56(
|
|
5231
5346
|
"a",
|
|
5232
5347
|
{
|
|
5233
5348
|
className,
|
|
@@ -5241,7 +5356,7 @@ var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ jsx55(
|
|
|
5241
5356
|
var ExternalLink_default = ExternalLink;
|
|
5242
5357
|
|
|
5243
5358
|
// src/components/reusable/PrimaryButton.tsx
|
|
5244
|
-
import { jsx as
|
|
5359
|
+
import { jsx as jsx57, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
5245
5360
|
var PrimaryButton = ({
|
|
5246
5361
|
className,
|
|
5247
5362
|
clickHandler,
|
|
@@ -5250,7 +5365,7 @@ var PrimaryButton = ({
|
|
|
5250
5365
|
disabled = false,
|
|
5251
5366
|
ref
|
|
5252
5367
|
}) => {
|
|
5253
|
-
return /* @__PURE__ */
|
|
5368
|
+
return /* @__PURE__ */ jsx57("div", { className: "primary-button-wrapper", children: /* @__PURE__ */ jsxs32(
|
|
5254
5369
|
"button",
|
|
5255
5370
|
{
|
|
5256
5371
|
className: `primary-button ${className}`,
|
|
@@ -5258,7 +5373,7 @@ var PrimaryButton = ({
|
|
|
5258
5373
|
ref,
|
|
5259
5374
|
disabled,
|
|
5260
5375
|
children: [
|
|
5261
|
-
isLoading && /* @__PURE__ */
|
|
5376
|
+
isLoading && /* @__PURE__ */ jsx57("div", { className: "loading-indicator", children: /* @__PURE__ */ jsx57(ring_default, { width: 24, height: 24, fill: "white" }) }),
|
|
5262
5377
|
children
|
|
5263
5378
|
]
|
|
5264
5379
|
}
|
|
@@ -5267,7 +5382,7 @@ var PrimaryButton = ({
|
|
|
5267
5382
|
var PrimaryButton_default = PrimaryButton;
|
|
5268
5383
|
|
|
5269
5384
|
// src/components/reusable/SecondaryButton.tsx
|
|
5270
|
-
import { jsx as
|
|
5385
|
+
import { jsx as jsx58, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
5271
5386
|
var SecondaryButton = ({
|
|
5272
5387
|
className,
|
|
5273
5388
|
clickHandler,
|
|
@@ -5276,7 +5391,7 @@ var SecondaryButton = ({
|
|
|
5276
5391
|
style,
|
|
5277
5392
|
disabled = false,
|
|
5278
5393
|
isLoading
|
|
5279
|
-
}) => /* @__PURE__ */
|
|
5394
|
+
}) => /* @__PURE__ */ jsxs33(
|
|
5280
5395
|
"button",
|
|
5281
5396
|
{
|
|
5282
5397
|
className: `secondary-button ${className} ${theme}`,
|
|
@@ -5284,7 +5399,7 @@ var SecondaryButton = ({
|
|
|
5284
5399
|
...style,
|
|
5285
5400
|
disabled,
|
|
5286
5401
|
children: [
|
|
5287
|
-
isLoading && /* @__PURE__ */
|
|
5402
|
+
isLoading && /* @__PURE__ */ jsx58("div", { className: "loading-indicator", children: /* @__PURE__ */ jsx58(ring_default, { width: 24, height: 24, fill: "black" }) }),
|
|
5288
5403
|
children
|
|
5289
5404
|
]
|
|
5290
5405
|
}
|
|
@@ -5320,7 +5435,7 @@ var useGetCurrentPlugin_default = useGetCurrentPlugin;
|
|
|
5320
5435
|
|
|
5321
5436
|
// src/shared/plugins/default.tsx
|
|
5322
5437
|
import { useCallback as useCallback11, useMemo as useMemo23 } from "react";
|
|
5323
|
-
import { Fragment as Fragment5, jsx as
|
|
5438
|
+
import { Fragment as Fragment5, jsx as jsx59 } from "react/jsx-runtime";
|
|
5324
5439
|
var DefaultPlugin = class extends PluginBase {
|
|
5325
5440
|
constructor(storeArg) {
|
|
5326
5441
|
super({
|
|
@@ -5360,7 +5475,7 @@ var DefaultPlugin = class extends PluginBase {
|
|
|
5360
5475
|
// Never “compatible” so it won’t be picked for any chain
|
|
5361
5476
|
isCompatible = () => false;
|
|
5362
5477
|
// Transparent provider: renders children as-is
|
|
5363
|
-
Provider = ({ children }) => /* @__PURE__ */
|
|
5478
|
+
Provider = ({ children }) => /* @__PURE__ */ jsx59(Fragment5, { children });
|
|
5364
5479
|
};
|
|
5365
5480
|
var defaultPlugin = new DefaultPlugin(store_default);
|
|
5366
5481
|
var default_default = defaultPlugin;
|
|
@@ -5439,7 +5554,7 @@ import { useAppKit, useAppKitState } from "@reown/appkit/react";
|
|
|
5439
5554
|
|
|
5440
5555
|
// src/components/reusable/CopyButton.tsx
|
|
5441
5556
|
import { useEffect as useEffect10, useState as useState4 } from "react";
|
|
5442
|
-
import { jsx as
|
|
5557
|
+
import { jsx as jsx60 } from "react/jsx-runtime";
|
|
5443
5558
|
var CopyButton = ({ text }) => {
|
|
5444
5559
|
const [copyClicked, setCopyClicked] = useState4(false);
|
|
5445
5560
|
useEffect10(() => {
|
|
@@ -5448,7 +5563,7 @@ var CopyButton = ({ text }) => {
|
|
|
5448
5563
|
setCopyClicked(false);
|
|
5449
5564
|
}, 2e3);
|
|
5450
5565
|
}, [copyClicked]);
|
|
5451
|
-
return /* @__PURE__ */
|
|
5566
|
+
return /* @__PURE__ */ jsx60(
|
|
5452
5567
|
"span",
|
|
5453
5568
|
{
|
|
5454
5569
|
className: "copy-btn",
|
|
@@ -5456,7 +5571,7 @@ var CopyButton = ({ text }) => {
|
|
|
5456
5571
|
setCopyClicked(true);
|
|
5457
5572
|
navigator.clipboard.writeText(text);
|
|
5458
5573
|
},
|
|
5459
|
-
children: copyClicked ? /* @__PURE__ */
|
|
5574
|
+
children: copyClicked ? /* @__PURE__ */ jsx60(Check_default, {}) : /* @__PURE__ */ jsx60(Copy_default, {})
|
|
5460
5575
|
}
|
|
5461
5576
|
);
|
|
5462
5577
|
};
|
|
@@ -5520,7 +5635,7 @@ function useHideWuiListItem(isModalOpen) {
|
|
|
5520
5635
|
var useHideActivityTab_default = useHideWuiListItem;
|
|
5521
5636
|
|
|
5522
5637
|
// src/components/reusable/WalletButton.tsx
|
|
5523
|
-
import { Fragment as Fragment6, jsx as
|
|
5638
|
+
import { Fragment as Fragment6, jsx as jsx61, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
5524
5639
|
var TAG = "[WalletButton]";
|
|
5525
5640
|
var WalletButton = ({
|
|
5526
5641
|
errorBelow = false,
|
|
@@ -5680,12 +5795,12 @@ var WalletButton = ({
|
|
|
5680
5795
|
}, [mode, isReady, statusMessage, compliantOption, sourceCompliant]);
|
|
5681
5796
|
const renderConnectedLabel = () => {
|
|
5682
5797
|
if (isEvmSwitching) {
|
|
5683
|
-
return /* @__PURE__ */
|
|
5798
|
+
return /* @__PURE__ */ jsxs34(Fragment6, { children: [
|
|
5684
5799
|
"Switching network\u2026",
|
|
5685
|
-
/* @__PURE__ */
|
|
5686
|
-
/* @__PURE__ */
|
|
5687
|
-
/* @__PURE__ */
|
|
5688
|
-
/* @__PURE__ */
|
|
5800
|
+
/* @__PURE__ */ jsxs34("span", { className: "loading-indicator-inline", "aria-hidden": "true", children: [
|
|
5801
|
+
/* @__PURE__ */ jsx61("span", { className: "dot" }),
|
|
5802
|
+
/* @__PURE__ */ jsx61("span", { className: "dot" }),
|
|
5803
|
+
/* @__PURE__ */ jsx61("span", { className: "dot" })
|
|
5689
5804
|
] })
|
|
5690
5805
|
] });
|
|
5691
5806
|
}
|
|
@@ -5697,38 +5812,38 @@ var WalletButton = ({
|
|
|
5697
5812
|
theme.colorMode,
|
|
5698
5813
|
isEvmSwitching ? "network-switching" : ""
|
|
5699
5814
|
].filter(Boolean).join(" ");
|
|
5700
|
-
return /* @__PURE__ */
|
|
5815
|
+
return /* @__PURE__ */ jsxs34(
|
|
5701
5816
|
"div",
|
|
5702
5817
|
{
|
|
5703
5818
|
className: `wallet-button ${isConnected ? "connected" : "disconnected"} ${theme.colorMode} ${errorBelow ? "error-below" : ""}`,
|
|
5704
5819
|
"data-testid": "connect-wallet-btn",
|
|
5705
5820
|
children: [
|
|
5706
|
-
/* @__PURE__ */
|
|
5707
|
-
/* @__PURE__ */
|
|
5821
|
+
/* @__PURE__ */ jsxs34("div", { className: "info-wrapper", children: [
|
|
5822
|
+
/* @__PURE__ */ jsx61(
|
|
5708
5823
|
"button",
|
|
5709
5824
|
{
|
|
5710
5825
|
className: btnClasses,
|
|
5711
5826
|
onClick: handleClick,
|
|
5712
5827
|
disabled: !isWalletApplicable || isEvmSwitching,
|
|
5713
5828
|
"aria-busy": isEvmSwitching ? "true" : void 0,
|
|
5714
|
-
children: isConnected ? renderConnectedLabel() : /* @__PURE__ */
|
|
5829
|
+
children: isConnected ? renderConnectedLabel() : /* @__PURE__ */ jsxs34(Fragment6, { children: [
|
|
5715
5830
|
mode === "light" /* light */ && "Select Network to Load Account",
|
|
5716
5831
|
mode !== "light" /* light */ && !hasSelectedSourceNetwork && "Select Network to Connect",
|
|
5717
|
-
mode !== "light" /* light */ && hasSelectedSourceNetwork && /* @__PURE__ */
|
|
5718
|
-
/* @__PURE__ */
|
|
5832
|
+
mode !== "light" /* light */ && hasSelectedSourceNetwork && /* @__PURE__ */ jsxs34(Fragment6, { children: [
|
|
5833
|
+
/* @__PURE__ */ jsx61(Wallet_default, {}),
|
|
5719
5834
|
"Connect Wallet"
|
|
5720
5835
|
] })
|
|
5721
5836
|
] })
|
|
5722
5837
|
}
|
|
5723
5838
|
),
|
|
5724
|
-
isConnected && !placeholder && displayedAddress && !isEvmSwitching && /* @__PURE__ */
|
|
5839
|
+
isConnected && !placeholder && displayedAddress && !isEvmSwitching && /* @__PURE__ */ jsx61(CopyButton_default, { text: displayedAddress })
|
|
5725
5840
|
] }),
|
|
5726
|
-
isConnected && mode !== "light" /* light */ && !placeholder && /* @__PURE__ */
|
|
5841
|
+
isConnected && mode !== "light" /* light */ && !placeholder && /* @__PURE__ */ jsx61(Fragment6, { children: balance !== void 0 && decimals !== void 0 ? /* @__PURE__ */ jsxs34("p", { className: "balance-info", children: [
|
|
5727
5842
|
formatUSD(bigIntToNumber({ value: balance, decimals })),
|
|
5728
5843
|
" ",
|
|
5729
5844
|
selectedCoin,
|
|
5730
5845
|
" available"
|
|
5731
|
-
] }) : /* @__PURE__ */
|
|
5846
|
+
] }) : /* @__PURE__ */ jsx61("div", { className: "loading", "aria-label": "balance-loading" }) })
|
|
5732
5847
|
]
|
|
5733
5848
|
}
|
|
5734
5849
|
);
|
|
@@ -5761,13 +5876,16 @@ function useCurrencyOptions(isSourceChain) {
|
|
|
5761
5876
|
});
|
|
5762
5877
|
return emptyTokenList;
|
|
5763
5878
|
}
|
|
5764
|
-
const tokenList2 = chain.supportedTokens
|
|
5879
|
+
const tokenList2 = (chain.supportedTokens ?? []).filter((t) => {
|
|
5880
|
+
const allowed = t.supportedLocations ?? ["origin", "target"];
|
|
5881
|
+
return allowed.includes(location);
|
|
5882
|
+
});
|
|
5765
5883
|
logger_default.debug(`useCurrencyOptions(${location}): token list`, {
|
|
5766
5884
|
chainShortName: chain.shortName,
|
|
5767
5885
|
tokenList: tokenList2
|
|
5768
5886
|
});
|
|
5769
5887
|
return { tokenList: tokenList2 };
|
|
5770
|
-
}, [sourceChain, targetChain, isSourceChain]);
|
|
5888
|
+
}, [sourceChain, targetChain, isSourceChain, sourceSymbol, targetSymbol]);
|
|
5771
5889
|
const { tokenList } = output;
|
|
5772
5890
|
useEffect13(() => {
|
|
5773
5891
|
if (!tokenList.length) return;
|
|
@@ -5785,7 +5903,7 @@ function useCurrencyOptions(isSourceChain) {
|
|
|
5785
5903
|
dispatch(setSourceCurrency(next));
|
|
5786
5904
|
} else {
|
|
5787
5905
|
logger_default.debug(
|
|
5788
|
-
`useCurrencyOptions: SOURCE currency "${current}" not
|
|
5906
|
+
`useCurrencyOptions: SOURCE currency "${current}" not valid here; switching -> ${next}`
|
|
5789
5907
|
);
|
|
5790
5908
|
dispatch(setSourceCurrency(next));
|
|
5791
5909
|
}
|
|
@@ -5797,7 +5915,7 @@ function useCurrencyOptions(isSourceChain) {
|
|
|
5797
5915
|
dispatch(setTargetCurrency(next));
|
|
5798
5916
|
} else {
|
|
5799
5917
|
logger_default.debug(
|
|
5800
|
-
`useCurrencyOptions: TARGET currency "${current}" not
|
|
5918
|
+
`useCurrencyOptions: TARGET currency "${current}" not valid here; switching -> ${next}`
|
|
5801
5919
|
);
|
|
5802
5920
|
dispatch(setTargetCurrency(next));
|
|
5803
5921
|
}
|
|
@@ -5807,7 +5925,7 @@ function useCurrencyOptions(isSourceChain) {
|
|
|
5807
5925
|
}
|
|
5808
5926
|
|
|
5809
5927
|
// src/components/reusable/TokenIcon.tsx
|
|
5810
|
-
import { jsx as
|
|
5928
|
+
import { jsx as jsx62 } from "react/jsx-runtime";
|
|
5811
5929
|
var COIN_LIST2 = {
|
|
5812
5930
|
EUR: KEUR_default,
|
|
5813
5931
|
EURC: EURC_default,
|
|
@@ -5819,6 +5937,7 @@ var COIN_LIST2 = {
|
|
|
5819
5937
|
USDK: USDK_default,
|
|
5820
5938
|
USD: USD_default,
|
|
5821
5939
|
USDT: USDT_default,
|
|
5940
|
+
USD1: USD1_default,
|
|
5822
5941
|
WBTC: BTC_default
|
|
5823
5942
|
};
|
|
5824
5943
|
function TokenIcon({
|
|
@@ -5832,11 +5951,11 @@ function TokenIcon({
|
|
|
5832
5951
|
logger_default.warn(`Token icon not found for symbol: ${symbol}`);
|
|
5833
5952
|
return null;
|
|
5834
5953
|
}
|
|
5835
|
-
return /* @__PURE__ */
|
|
5954
|
+
return /* @__PURE__ */ jsx62("div", { className: "icon-wrapper", children: /* @__PURE__ */ jsx62(Icon, { width, height }) });
|
|
5836
5955
|
}
|
|
5837
5956
|
|
|
5838
5957
|
// src/components/reusable/CoinDropdown.tsx
|
|
5839
|
-
import { Fragment as Fragment7, jsx as
|
|
5958
|
+
import { Fragment as Fragment7, jsx as jsx63, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
5840
5959
|
var CoinDropdown = ({
|
|
5841
5960
|
isSourceChain = true
|
|
5842
5961
|
}) => {
|
|
@@ -5894,7 +6013,7 @@ var CoinDropdown = ({
|
|
|
5894
6013
|
}
|
|
5895
6014
|
setCollapsed(true);
|
|
5896
6015
|
};
|
|
5897
|
-
return /* @__PURE__ */
|
|
6016
|
+
return /* @__PURE__ */ jsxs35(
|
|
5898
6017
|
"div",
|
|
5899
6018
|
{
|
|
5900
6019
|
className: `coin-dropdown ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"} ${shouldLockToken ? "disabled" : ""}`,
|
|
@@ -5903,15 +6022,15 @@ var CoinDropdown = ({
|
|
|
5903
6022
|
},
|
|
5904
6023
|
ref,
|
|
5905
6024
|
children: [
|
|
5906
|
-
/* @__PURE__ */
|
|
5907
|
-
/* @__PURE__ */
|
|
5908
|
-
/* @__PURE__ */
|
|
5909
|
-
] }) : /* @__PURE__ */
|
|
5910
|
-
/* @__PURE__ */
|
|
6025
|
+
/* @__PURE__ */ jsx63("div", { className: "coin-wrapper", children: tokenSymbol ? /* @__PURE__ */ jsxs35(Fragment7, { children: [
|
|
6026
|
+
/* @__PURE__ */ jsx63(TokenIcon, { symbol: tokenSymbol, width: 24, height: 24 }),
|
|
6027
|
+
/* @__PURE__ */ jsx63("span", { className: "coin", children: tokenSymbol })
|
|
6028
|
+
] }) : /* @__PURE__ */ jsx63("span", { className: "coin placeholder", children: "Select token" }) }),
|
|
6029
|
+
/* @__PURE__ */ jsx63(
|
|
5911
6030
|
"div",
|
|
5912
6031
|
{
|
|
5913
6032
|
className: `coin-menu ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"}`,
|
|
5914
|
-
children: tokenList.map((token) => /* @__PURE__ */
|
|
6033
|
+
children: tokenList.map((token) => /* @__PURE__ */ jsxs35(
|
|
5915
6034
|
"div",
|
|
5916
6035
|
{
|
|
5917
6036
|
className: `coin-item ${theme.colorMode}`,
|
|
@@ -5920,15 +6039,15 @@ var CoinDropdown = ({
|
|
|
5920
6039
|
handleDropdownItemClick(token.symbol);
|
|
5921
6040
|
},
|
|
5922
6041
|
children: [
|
|
5923
|
-
/* @__PURE__ */
|
|
5924
|
-
/* @__PURE__ */
|
|
6042
|
+
/* @__PURE__ */ jsx63(TokenIcon, { symbol: token.symbol, width: 24, height: 24 }),
|
|
6043
|
+
/* @__PURE__ */ jsx63("p", { children: token.symbol })
|
|
5925
6044
|
]
|
|
5926
6045
|
},
|
|
5927
6046
|
token.symbol
|
|
5928
6047
|
))
|
|
5929
6048
|
}
|
|
5930
6049
|
),
|
|
5931
|
-
!shouldLockToken && /* @__PURE__ */
|
|
6050
|
+
!shouldLockToken && /* @__PURE__ */ jsx63("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}`, children: /* @__PURE__ */ jsx63(Arrow_default, { fill: "none" }) })
|
|
5932
6051
|
]
|
|
5933
6052
|
}
|
|
5934
6053
|
);
|
|
@@ -5940,7 +6059,7 @@ import { useEffect as useEffect15, useMemo as useMemo26, useState as useState6 }
|
|
|
5940
6059
|
import { useSelector as useSelector31 } from "react-redux";
|
|
5941
6060
|
|
|
5942
6061
|
// src/components/reusable/ChainIcon.tsx
|
|
5943
|
-
import { jsx as
|
|
6062
|
+
import { jsx as jsx64 } from "react/jsx-runtime";
|
|
5944
6063
|
var chainIcons = {
|
|
5945
6064
|
ARB: Arbitrum_default,
|
|
5946
6065
|
AVX: Avalanche_default,
|
|
@@ -5962,14 +6081,14 @@ function ChainIcon({ symbol }) {
|
|
|
5962
6081
|
const Icon = symbol === "FIAT" ? chainIcons["CC"] : chainIcons[symbol];
|
|
5963
6082
|
if (!Icon) {
|
|
5964
6083
|
if (symbol) logger_default.warn(`Chain icon not found for symbol: ${symbol}`);
|
|
5965
|
-
return /* @__PURE__ */
|
|
6084
|
+
return /* @__PURE__ */ jsx64("div", {});
|
|
5966
6085
|
}
|
|
5967
|
-
return /* @__PURE__ */
|
|
6086
|
+
return /* @__PURE__ */ jsx64("div", { className: "icon", children: /* @__PURE__ */ jsx64(Icon, {}) });
|
|
5968
6087
|
}
|
|
5969
6088
|
|
|
5970
6089
|
// src/components/reusable/FeeDeductionRadioButtons.tsx
|
|
5971
6090
|
import { useDispatch as useDispatch8, useSelector as useSelector30 } from "react-redux";
|
|
5972
|
-
import { jsx as
|
|
6091
|
+
import { jsx as jsx65, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
5973
6092
|
var FeeDeductionRadioButtons = ({ disabled }) => {
|
|
5974
6093
|
const dispatch = useDispatch8();
|
|
5975
6094
|
const feeDeduct = useSelector30(selectFeeDeduct);
|
|
@@ -5985,9 +6104,9 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
|
|
|
5985
6104
|
const handleChange = (value) => {
|
|
5986
6105
|
dispatch(setFeeDeduct(value));
|
|
5987
6106
|
};
|
|
5988
|
-
return /* @__PURE__ */
|
|
5989
|
-
Number(amount) - totalFee > 0 && /* @__PURE__ */
|
|
5990
|
-
/* @__PURE__ */
|
|
6107
|
+
return /* @__PURE__ */ jsx65("div", { className: `fee-deduction-radio-container ${theme.colorMode}`, children: /* @__PURE__ */ jsxs36("div", { className: "fee-options", children: [
|
|
6108
|
+
Number(amount) - totalFee > 0 && /* @__PURE__ */ jsxs36("label", { className: `fee-option ${disabled ? "disabled" : ""}`, children: [
|
|
6109
|
+
/* @__PURE__ */ jsx65(
|
|
5991
6110
|
"input",
|
|
5992
6111
|
{
|
|
5993
6112
|
type: "radio",
|
|
@@ -5997,14 +6116,14 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
|
|
|
5997
6116
|
onChange: () => handleChange(true)
|
|
5998
6117
|
}
|
|
5999
6118
|
),
|
|
6000
|
-
/* @__PURE__ */
|
|
6119
|
+
/* @__PURE__ */ jsx65("span", { className: `radio-label ${theme.colorMode}`, children: `Pay $${formatterFloat.format(
|
|
6001
6120
|
Number(amount)
|
|
6002
6121
|
)} ${sourceCurrency} ${["BANK", "CC"].includes(sourceNetwork.shortName) ? "with" : "in"} ${sourceNetwork.name} to receive $${formatterFloat.format(
|
|
6003
6122
|
Number(amount) - totalFee
|
|
6004
6123
|
)} ${targetCurrency} ${["BANK", "CC"].includes(targetNetwork.shortName) ? "with" : "in"} ${targetNetwork.name}` })
|
|
6005
6124
|
] }),
|
|
6006
|
-
/* @__PURE__ */
|
|
6007
|
-
/* @__PURE__ */
|
|
6125
|
+
/* @__PURE__ */ jsxs36("label", { className: `fee-option ${disabled ? "disabled" : ""}`, children: [
|
|
6126
|
+
/* @__PURE__ */ jsx65(
|
|
6008
6127
|
"input",
|
|
6009
6128
|
{
|
|
6010
6129
|
type: "radio",
|
|
@@ -6014,7 +6133,7 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
|
|
|
6014
6133
|
onChange: () => handleChange(false)
|
|
6015
6134
|
}
|
|
6016
6135
|
),
|
|
6017
|
-
/* @__PURE__ */
|
|
6136
|
+
/* @__PURE__ */ jsx65("span", { className: `radio-label ${theme.colorMode}`, children: `Pay $${formatterFloat.format(
|
|
6018
6137
|
Number(amount) + totalFee
|
|
6019
6138
|
)} ${sourceCurrency} ${["BANK", "CC"].includes(sourceNetwork.shortName) ? "with" : "in"} ${sourceNetwork.name} to receive $${formatterFloat.format(
|
|
6020
6139
|
Number(amount)
|
|
@@ -6025,7 +6144,7 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
|
|
|
6025
6144
|
var FeeDeductionRadioButtons_default = FeeDeductionRadioButtons;
|
|
6026
6145
|
|
|
6027
6146
|
// src/components/reusable/ConfirmDetails.tsx
|
|
6028
|
-
import { Fragment as Fragment8, jsx as
|
|
6147
|
+
import { Fragment as Fragment8, jsx as jsx66, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
6029
6148
|
var scaleUp = (value, diff) => diff <= 0 ? value : value * 10n ** BigInt(diff);
|
|
6030
6149
|
var sumBigAmts = (amts) => {
|
|
6031
6150
|
const present = amts.filter(Boolean);
|
|
@@ -6109,45 +6228,45 @@ var ConfirmDetails = ({
|
|
|
6109
6228
|
hasSwapInfo: !!swapInfo
|
|
6110
6229
|
});
|
|
6111
6230
|
}, [isSwap, sourceCurrency, targetCurrency, totalFee, swapInfo]);
|
|
6112
|
-
return /* @__PURE__ */
|
|
6113
|
-
/* @__PURE__ */
|
|
6231
|
+
return /* @__PURE__ */ jsxs37("div", { className: `confirm-details ${theme.colorMode}`, children: [
|
|
6232
|
+
/* @__PURE__ */ jsxs37("p", { children: [
|
|
6114
6233
|
"Step ",
|
|
6115
6234
|
isApproved ? "2" : "1",
|
|
6116
6235
|
"\xA0of 2\xA0\xA0\xA0",
|
|
6117
6236
|
isApproved ? "Submit transaction" : originNetwork.shortName === "FIAT" /* FIAT */ ? "Bank Details" : "Approval"
|
|
6118
6237
|
] }),
|
|
6119
|
-
/* @__PURE__ */
|
|
6120
|
-
/* @__PURE__ */
|
|
6238
|
+
/* @__PURE__ */ jsxs37("div", { className: "detail-item", children: [
|
|
6239
|
+
/* @__PURE__ */ jsxs37("span", { className: "label", children: [
|
|
6121
6240
|
"Source",
|
|
6122
6241
|
!["BANK", "CC"].includes(originNetwork.shortName) && " wallet",
|
|
6123
6242
|
":"
|
|
6124
6243
|
] }),
|
|
6125
|
-
/* @__PURE__ */
|
|
6126
|
-
/* @__PURE__ */
|
|
6127
|
-
/* @__PURE__ */
|
|
6244
|
+
/* @__PURE__ */ jsxs37("div", { className: "network-details", children: [
|
|
6245
|
+
/* @__PURE__ */ jsx66("div", { className: "kima-card-network-container", children: /* @__PURE__ */ jsxs37("span", { className: `kima-card-network-label ${theme.colorMode}`, children: [
|
|
6246
|
+
/* @__PURE__ */ jsx66(ChainIcon, { symbol: originNetwork?.shortName }),
|
|
6128
6247
|
originNetwork.name
|
|
6129
6248
|
] }) }),
|
|
6130
|
-
!["CC", "BANK"].includes(originNetwork.shortName) && /* @__PURE__ */
|
|
6249
|
+
!["CC", "BANK"].includes(originNetwork.shortName) && /* @__PURE__ */ jsx66("p", { className: theme.colorMode, children: dAppOption === "LPDrain" /* LPDrain */ ? targetAddress : connectedAddress })
|
|
6131
6250
|
] })
|
|
6132
6251
|
] }),
|
|
6133
|
-
/* @__PURE__ */
|
|
6134
|
-
dAppOption === "none" /* None */ && /* @__PURE__ */
|
|
6135
|
-
/* @__PURE__ */
|
|
6136
|
-
/* @__PURE__ */
|
|
6252
|
+
/* @__PURE__ */ jsx66("div", { className: "detail-item amount", children: /* @__PURE__ */ jsxs37("span", { className: "amount-container", children: [
|
|
6253
|
+
dAppOption === "none" /* None */ && /* @__PURE__ */ jsxs37("div", { className: "amount-details", children: [
|
|
6254
|
+
/* @__PURE__ */ jsx66("span", { children: "Amount to Transfer" }),
|
|
6255
|
+
/* @__PURE__ */ jsx66("div", { className: "coin-details", children: /* @__PURE__ */ jsxs37("p", { children: [
|
|
6137
6256
|
formatBigInt(txValues.allowanceAmount),
|
|
6138
6257
|
" ",
|
|
6139
6258
|
sourceCurrency
|
|
6140
6259
|
] }) })
|
|
6141
6260
|
] }),
|
|
6142
|
-
dAppOption === "none" /* None */ && /* @__PURE__ */
|
|
6143
|
-
/* @__PURE__ */
|
|
6144
|
-
/* @__PURE__ */
|
|
6261
|
+
dAppOption === "none" /* None */ && /* @__PURE__ */ jsxs37("div", { className: "amount-details", children: [
|
|
6262
|
+
/* @__PURE__ */ jsx66("span", { children: "Total Fees" }),
|
|
6263
|
+
/* @__PURE__ */ jsxs37(
|
|
6145
6264
|
"div",
|
|
6146
6265
|
{
|
|
6147
6266
|
className: "fee-collapse",
|
|
6148
6267
|
onClick: () => setFeeCollapsed(!feeCollapsed),
|
|
6149
6268
|
children: [
|
|
6150
|
-
/* @__PURE__ */
|
|
6269
|
+
/* @__PURE__ */ jsx66(
|
|
6151
6270
|
MiniArrow_default,
|
|
6152
6271
|
{
|
|
6153
6272
|
width: 15,
|
|
@@ -6158,7 +6277,7 @@ var ConfirmDetails = ({
|
|
|
6158
6277
|
}
|
|
6159
6278
|
}
|
|
6160
6279
|
),
|
|
6161
|
-
/* @__PURE__ */
|
|
6280
|
+
/* @__PURE__ */ jsxs37("span", { className: "service-fee", children: [
|
|
6162
6281
|
formatBigInt(totalFee),
|
|
6163
6282
|
" ",
|
|
6164
6283
|
sourceCurrency
|
|
@@ -6167,73 +6286,73 @@ var ConfirmDetails = ({
|
|
|
6167
6286
|
}
|
|
6168
6287
|
)
|
|
6169
6288
|
] }),
|
|
6170
|
-
/* @__PURE__ */
|
|
6171
|
-
/* @__PURE__ */
|
|
6172
|
-
/* @__PURE__ */
|
|
6173
|
-
/* @__PURE__ */
|
|
6289
|
+
/* @__PURE__ */ jsx66("div", { className: `fee-breakdown ${feeCollapsed ? "collapsed" : ""}`, children: isSwap ? /* @__PURE__ */ jsxs37(Fragment8, { children: [
|
|
6290
|
+
/* @__PURE__ */ jsxs37("div", { className: "amount-details", children: [
|
|
6291
|
+
/* @__PURE__ */ jsx66("span", { children: "Swap Fees" }),
|
|
6292
|
+
/* @__PURE__ */ jsxs37("span", { className: "service-fee", children: [
|
|
6174
6293
|
formatBigInt(combinedSwapFees),
|
|
6175
6294
|
" ",
|
|
6176
6295
|
sourceCurrency
|
|
6177
6296
|
] })
|
|
6178
6297
|
] }),
|
|
6179
|
-
/* @__PURE__ */
|
|
6180
|
-
/* @__PURE__ */
|
|
6181
|
-
/* @__PURE__ */
|
|
6298
|
+
/* @__PURE__ */ jsxs37("div", { className: "amount-details", children: [
|
|
6299
|
+
/* @__PURE__ */ jsx66("span", { children: "Kima Processing Fees" }),
|
|
6300
|
+
/* @__PURE__ */ jsxs37("span", { className: "service-fee", children: [
|
|
6182
6301
|
formatBigInt(kimaFee),
|
|
6183
6302
|
" ",
|
|
6184
6303
|
sourceCurrency
|
|
6185
6304
|
] })
|
|
6186
6305
|
] })
|
|
6187
|
-
] }) : /* @__PURE__ */
|
|
6188
|
-
/* @__PURE__ */
|
|
6189
|
-
/* @__PURE__ */
|
|
6190
|
-
/* @__PURE__ */
|
|
6306
|
+
] }) : /* @__PURE__ */ jsxs37(Fragment8, { children: [
|
|
6307
|
+
/* @__PURE__ */ jsxs37("div", { className: "amount-details", children: [
|
|
6308
|
+
/* @__PURE__ */ jsx66("span", { children: ["BANK", "CC"].includes(originNetwork.shortName) ? `${originNetwork.name} Processing Fee` : `Source Network Fee (${originNetwork.shortName})` }),
|
|
6309
|
+
/* @__PURE__ */ jsxs37("span", { className: "service-fee", children: [
|
|
6191
6310
|
formatBigInt(sourceFee),
|
|
6192
6311
|
" ",
|
|
6193
6312
|
sourceCurrency
|
|
6194
6313
|
] })
|
|
6195
6314
|
] }),
|
|
6196
|
-
/* @__PURE__ */
|
|
6197
|
-
/* @__PURE__ */
|
|
6315
|
+
/* @__PURE__ */ jsxs37("div", { className: "amount-details", children: [
|
|
6316
|
+
/* @__PURE__ */ jsxs37("span", { children: [
|
|
6198
6317
|
"Target Network Fee (",
|
|
6199
6318
|
targetNetwork.shortName,
|
|
6200
6319
|
")"
|
|
6201
6320
|
] }),
|
|
6202
|
-
/* @__PURE__ */
|
|
6321
|
+
/* @__PURE__ */ jsxs37("span", { className: "service-fee", children: [
|
|
6203
6322
|
formatBigInt(targetFee),
|
|
6204
6323
|
" ",
|
|
6205
6324
|
targetCurrency
|
|
6206
6325
|
] })
|
|
6207
6326
|
] }),
|
|
6208
|
-
/* @__PURE__ */
|
|
6209
|
-
/* @__PURE__ */
|
|
6210
|
-
/* @__PURE__ */
|
|
6327
|
+
/* @__PURE__ */ jsxs37("div", { className: "amount-details", children: [
|
|
6328
|
+
/* @__PURE__ */ jsx66("span", { children: "KIMA Service Fee" }),
|
|
6329
|
+
/* @__PURE__ */ jsxs37("span", { className: "service-fee", children: [
|
|
6211
6330
|
formatBigInt(kimaFee),
|
|
6212
6331
|
" ",
|
|
6213
6332
|
sourceCurrency
|
|
6214
6333
|
] })
|
|
6215
6334
|
] })
|
|
6216
6335
|
] }) }),
|
|
6217
|
-
/* @__PURE__ */
|
|
6218
|
-
/* @__PURE__ */
|
|
6219
|
-
/* @__PURE__ */
|
|
6336
|
+
/* @__PURE__ */ jsxs37("div", { className: "amount-details", children: [
|
|
6337
|
+
/* @__PURE__ */ jsx66("span", { children: "Target Transfer Amount" }),
|
|
6338
|
+
/* @__PURE__ */ jsxs37("span", { className: "service-fee", children: [
|
|
6220
6339
|
formatBigInt(targetDisplayAmount),
|
|
6221
6340
|
" ",
|
|
6222
6341
|
targetCurrency
|
|
6223
6342
|
] })
|
|
6224
6343
|
] })
|
|
6225
6344
|
] }) }),
|
|
6226
|
-
/* @__PURE__ */
|
|
6227
|
-
/* @__PURE__ */
|
|
6228
|
-
/* @__PURE__ */
|
|
6229
|
-
/* @__PURE__ */
|
|
6230
|
-
/* @__PURE__ */
|
|
6345
|
+
/* @__PURE__ */ jsxs37("div", { className: "detail-item", children: [
|
|
6346
|
+
/* @__PURE__ */ jsx66("span", { className: "label", children: "Target wallet:" }),
|
|
6347
|
+
/* @__PURE__ */ jsxs37("div", { className: "network-details", children: [
|
|
6348
|
+
/* @__PURE__ */ jsx66("div", { className: "kima-card-network-container", children: /* @__PURE__ */ jsxs37("span", { className: `kima-card-network-label ${theme.colorMode}`, children: [
|
|
6349
|
+
/* @__PURE__ */ jsx66(ChainIcon, { symbol: targetNetworkOption?.shortName }),
|
|
6231
6350
|
targetNetworkOption?.name
|
|
6232
6351
|
] }) }),
|
|
6233
|
-
/* @__PURE__ */
|
|
6352
|
+
/* @__PURE__ */ jsx66("p", { className: theme.colorMode, children: mode === "light" /* light */ ? targetNetwork.shortName === "SOL" ? "Ff6z...demoSol" : targetNetwork.shortName === "TRX" ? "TQx...demoTrx" : "0xDEMO...EVM" : dAppOption === "LPDrain" /* LPDrain */ ? connectedAddress : targetAddress })
|
|
6234
6353
|
] })
|
|
6235
6354
|
] }),
|
|
6236
|
-
!isSwap && mode === "bridge" /* bridge */ && BigInt(totalFee.value) > 0n && /* @__PURE__ */
|
|
6355
|
+
!isSwap && mode === "bridge" /* bridge */ && BigInt(totalFee.value) > 0n && /* @__PURE__ */ jsx66(FeeDeductionRadioButtons_default, { disabled: feeOptionDisabled })
|
|
6237
6356
|
] });
|
|
6238
6357
|
};
|
|
6239
6358
|
var ConfirmDetails_default = ConfirmDetails;
|
|
@@ -6241,7 +6360,7 @@ var ConfirmDetails_default = ConfirmDetails;
|
|
|
6241
6360
|
// src/components/reusable/AddressInput.tsx
|
|
6242
6361
|
import { useEffect as useEffect16, useRef as useRef3 } from "react";
|
|
6243
6362
|
import { useDispatch as useDispatch9, useSelector as useSelector32 } from "react-redux";
|
|
6244
|
-
import { jsx as
|
|
6363
|
+
import { jsx as jsx67 } from "react/jsx-runtime";
|
|
6245
6364
|
var AddressInput = ({
|
|
6246
6365
|
theme,
|
|
6247
6366
|
placeholder
|
|
@@ -6281,7 +6400,7 @@ var AddressInput = ({
|
|
|
6281
6400
|
targetChain.shortName,
|
|
6282
6401
|
dispatch
|
|
6283
6402
|
]);
|
|
6284
|
-
return /* @__PURE__ */
|
|
6403
|
+
return /* @__PURE__ */ jsx67(
|
|
6285
6404
|
"input",
|
|
6286
6405
|
{
|
|
6287
6406
|
className: `kima-address-input ${theme}`,
|
|
@@ -6297,12 +6416,12 @@ var AddressInput_default = AddressInput;
|
|
|
6297
6416
|
|
|
6298
6417
|
// src/components/reusable/CustomCheckbox.tsx
|
|
6299
6418
|
import { useSelector as useSelector33 } from "react-redux";
|
|
6300
|
-
import { jsx as
|
|
6419
|
+
import { jsx as jsx68, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
6301
6420
|
|
|
6302
6421
|
// src/components/reusable/StepBox.tsx
|
|
6303
6422
|
import { useMemo as useMemo27 } from "react";
|
|
6304
6423
|
import { useSelector as useSelector34 } from "react-redux";
|
|
6305
|
-
import { jsx as
|
|
6424
|
+
import { jsx as jsx69, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
6306
6425
|
var stepInfo = [
|
|
6307
6426
|
{
|
|
6308
6427
|
title: "Initialize"
|
|
@@ -6334,94 +6453,94 @@ var StepBox = ({ step, errorStep, loadingStep, data }) => {
|
|
|
6334
6453
|
() => networks.find((network) => network.shortName === data?.targetChain),
|
|
6335
6454
|
[data, networks]
|
|
6336
6455
|
);
|
|
6337
|
-
return /* @__PURE__ */
|
|
6338
|
-
/* @__PURE__ */
|
|
6456
|
+
return /* @__PURE__ */ jsx69("div", { className: "kima-stepbox", children: /* @__PURE__ */ jsx69("div", { className: `content-wrapper ${theme.colorMode}`, children: stepInfo.map((item, index) => /* @__PURE__ */ jsxs39("div", { className: "step-item", children: [
|
|
6457
|
+
/* @__PURE__ */ jsxs39(
|
|
6339
6458
|
"div",
|
|
6340
6459
|
{
|
|
6341
6460
|
className: `info-item
|
|
6342
6461
|
${step >= index ? index === loadingStep ? "active" : index === errorStep ? "error" : "completed" : ""}
|
|
6343
6462
|
${step < index && "locked"} ${theme.colorMode}`,
|
|
6344
6463
|
children: [
|
|
6345
|
-
/* @__PURE__ */
|
|
6346
|
-
step < index && /* @__PURE__ */
|
|
6347
|
-
step >= index ? index === loadingStep ? /* @__PURE__ */
|
|
6464
|
+
/* @__PURE__ */ jsxs39("div", { className: "info-icon", children: [
|
|
6465
|
+
step < index && /* @__PURE__ */ jsx69(Lock_default, { width: 24, height: 24 }),
|
|
6466
|
+
step >= index ? index === loadingStep ? /* @__PURE__ */ jsx69(Loader_default, { width: 24, height: 24, className: "loader" }) : index === errorStep ? /* @__PURE__ */ jsx69(Warning_default, { width: 24, height: 24 }) : /* @__PURE__ */ jsx69(Check_default, { width: 24, height: 24 }) : null
|
|
6348
6467
|
] }),
|
|
6349
|
-
/* @__PURE__ */
|
|
6468
|
+
/* @__PURE__ */ jsx69("p", { children: item.title })
|
|
6350
6469
|
]
|
|
6351
6470
|
}
|
|
6352
6471
|
),
|
|
6353
|
-
index === 0 && data?.kimaTxHash ? /* @__PURE__ */
|
|
6354
|
-
/* @__PURE__ */
|
|
6355
|
-
/* @__PURE__ */
|
|
6356
|
-
/* @__PURE__ */
|
|
6357
|
-
/* @__PURE__ */
|
|
6472
|
+
index === 0 && data?.kimaTxHash ? /* @__PURE__ */ jsxs39("div", { className: `info-item ${theme.colorMode}`, children: [
|
|
6473
|
+
/* @__PURE__ */ jsx69("div", { className: "icon", children: /* @__PURE__ */ jsx69(USDK_default, { width: 30, height: 30 }) }),
|
|
6474
|
+
/* @__PURE__ */ jsx69("p", { className: "chain-name", children: "Kima TX Hash:" }),
|
|
6475
|
+
/* @__PURE__ */ jsxs39("p", { children: [
|
|
6476
|
+
/* @__PURE__ */ jsx69(
|
|
6358
6477
|
ExternalLink_default,
|
|
6359
6478
|
{
|
|
6360
6479
|
to: `${explorerUrl}/transactions/?tx=${data?.kimaTxHash}`,
|
|
6361
6480
|
children: getShortenedAddress(data?.kimaTxHash || "")
|
|
6362
6481
|
}
|
|
6363
6482
|
),
|
|
6364
|
-
/* @__PURE__ */
|
|
6483
|
+
/* @__PURE__ */ jsx69(CopyButton_default, { text: data?.kimaTxHash })
|
|
6365
6484
|
] })
|
|
6366
6485
|
] }) : null,
|
|
6367
|
-
index === 1 && data?.tssPullHash && sourceChain?.shortName !== "CC" ? /* @__PURE__ */
|
|
6486
|
+
index === 1 && data?.tssPullHash && sourceChain?.shortName !== "CC" ? /* @__PURE__ */ jsxs39(
|
|
6368
6487
|
"div",
|
|
6369
6488
|
{
|
|
6370
6489
|
className: `info-item ${theme.colorMode} source-chain ${step >= 3 ? "paid" : ""}`,
|
|
6371
6490
|
children: [
|
|
6372
|
-
/* @__PURE__ */
|
|
6373
|
-
/* @__PURE__ */
|
|
6491
|
+
/* @__PURE__ */ jsx69(ChainIcon, { symbol: data.sourceChain }),
|
|
6492
|
+
/* @__PURE__ */ jsxs39("p", { className: "chain-name", children: [
|
|
6374
6493
|
windowWidth >= 770 ? sourceChain?.name : sourceChain?.shortName,
|
|
6375
6494
|
" ",
|
|
6376
6495
|
"TX Hash:"
|
|
6377
6496
|
] }),
|
|
6378
|
-
/* @__PURE__ */
|
|
6379
|
-
/* @__PURE__ */
|
|
6497
|
+
/* @__PURE__ */ jsxs39("p", { children: [
|
|
6498
|
+
/* @__PURE__ */ jsx69(
|
|
6380
6499
|
ExternalLink_default,
|
|
6381
6500
|
{
|
|
6382
6501
|
to: `${sourceChain?.blockExplorers?.default.url}/${data?.sourceChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssPullHash}${data?.sourceChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`,
|
|
6383
6502
|
children: getShortenedAddress(data?.tssPullHash || "")
|
|
6384
6503
|
}
|
|
6385
6504
|
),
|
|
6386
|
-
/* @__PURE__ */
|
|
6505
|
+
/* @__PURE__ */ jsx69(CopyButton_default, { text: data?.tssPullHash || "" })
|
|
6387
6506
|
] })
|
|
6388
6507
|
]
|
|
6389
6508
|
}
|
|
6390
6509
|
) : null,
|
|
6391
|
-
index === 3 && data?.tssRefundHash ? /* @__PURE__ */
|
|
6392
|
-
/* @__PURE__ */
|
|
6393
|
-
/* @__PURE__ */
|
|
6510
|
+
index === 3 && data?.tssRefundHash ? /* @__PURE__ */ jsxs39("div", { className: `info-item ${theme.colorMode} target-chain`, children: [
|
|
6511
|
+
/* @__PURE__ */ jsx69(ChainIcon, { symbol: data.sourceChain }),
|
|
6512
|
+
/* @__PURE__ */ jsxs39("p", { className: "chain-name", children: [
|
|
6394
6513
|
windowWidth >= 770 ? sourceChain?.name : sourceChain?.shortName,
|
|
6395
6514
|
" ",
|
|
6396
6515
|
"TX Hash:"
|
|
6397
6516
|
] }),
|
|
6398
|
-
/* @__PURE__ */
|
|
6399
|
-
/* @__PURE__ */
|
|
6517
|
+
/* @__PURE__ */ jsxs39("p", { children: [
|
|
6518
|
+
/* @__PURE__ */ jsx69(
|
|
6400
6519
|
ExternalLink_default,
|
|
6401
6520
|
{
|
|
6402
6521
|
to: `${sourceChain?.blockExplorers?.default.url}/${data?.sourceChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssRefundHash}${data?.sourceChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`,
|
|
6403
6522
|
children: getShortenedAddress(data?.tssRefundHash || "")
|
|
6404
6523
|
}
|
|
6405
6524
|
),
|
|
6406
|
-
/* @__PURE__ */
|
|
6525
|
+
/* @__PURE__ */ jsx69(CopyButton_default, { text: data?.tssRefundHash || "" })
|
|
6407
6526
|
] })
|
|
6408
6527
|
] }) : null,
|
|
6409
|
-
index === 3 && data?.tssReleaseHash ? /* @__PURE__ */
|
|
6410
|
-
/* @__PURE__ */
|
|
6411
|
-
/* @__PURE__ */
|
|
6528
|
+
index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ jsxs39("div", { className: `info-item ${theme.colorMode} target-chain`, children: [
|
|
6529
|
+
/* @__PURE__ */ jsx69(ChainIcon, { symbol: data.targetChain }),
|
|
6530
|
+
/* @__PURE__ */ jsxs39("p", { className: "chain-name", children: [
|
|
6412
6531
|
windowWidth >= 770 ? targetChain?.name : targetChain?.shortName,
|
|
6413
6532
|
" ",
|
|
6414
6533
|
"TX Hash:"
|
|
6415
6534
|
] }),
|
|
6416
|
-
/* @__PURE__ */
|
|
6417
|
-
/* @__PURE__ */
|
|
6535
|
+
/* @__PURE__ */ jsxs39("p", { children: [
|
|
6536
|
+
/* @__PURE__ */ jsx69(
|
|
6418
6537
|
ExternalLink_default,
|
|
6419
6538
|
{
|
|
6420
6539
|
to: `${targetChain?.blockExplorers?.default.url}/${data?.targetChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssReleaseHash}${data?.targetChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`,
|
|
6421
6540
|
children: getShortenedAddress(data?.tssReleaseHash || "")
|
|
6422
6541
|
}
|
|
6423
6542
|
),
|
|
6424
|
-
/* @__PURE__ */
|
|
6543
|
+
/* @__PURE__ */ jsx69(CopyButton_default, { text: data?.tssReleaseHash || "" })
|
|
6425
6544
|
] })
|
|
6426
6545
|
] }) : null
|
|
6427
6546
|
] }, item.title)) }) });
|
|
@@ -6430,7 +6549,7 @@ var StepBox_default = StepBox;
|
|
|
6430
6549
|
|
|
6431
6550
|
// src/widgets/common/ErrorWidget.tsx
|
|
6432
6551
|
import { useSelector as useSelector35 } from "react-redux";
|
|
6433
|
-
import { jsx as
|
|
6552
|
+
import { jsx as jsx70, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
6434
6553
|
var ErrorWidget = ({
|
|
6435
6554
|
theme,
|
|
6436
6555
|
title,
|
|
@@ -6442,22 +6561,22 @@ var ErrorWidget = ({
|
|
|
6442
6561
|
const ccTransactionId = useSelector35(selectCCTransactionId);
|
|
6443
6562
|
const isCreditCardSource = sourceChain.shortName === "CC";
|
|
6444
6563
|
const isRetrying = useSelector35(selectCCTransactionRetrying);
|
|
6445
|
-
return /* @__PURE__ */
|
|
6564
|
+
return /* @__PURE__ */ jsx70(
|
|
6446
6565
|
"div",
|
|
6447
6566
|
{
|
|
6448
6567
|
className: `kima-card ${theme.colorMode}`,
|
|
6449
6568
|
style: {
|
|
6450
6569
|
background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
|
|
6451
6570
|
},
|
|
6452
|
-
children: /* @__PURE__ */
|
|
6453
|
-
/* @__PURE__ */
|
|
6454
|
-
/* @__PURE__ */
|
|
6455
|
-
/* @__PURE__ */
|
|
6571
|
+
children: /* @__PURE__ */ jsxs40("div", { className: "transfer-card", children: [
|
|
6572
|
+
/* @__PURE__ */ jsxs40("div", { className: "kima-card-header", children: [
|
|
6573
|
+
/* @__PURE__ */ jsx70("div", { className: "topbar", children: /* @__PURE__ */ jsx70("div", { className: "title", children: /* @__PURE__ */ jsx70("h3", { children: title }) }) }),
|
|
6574
|
+
/* @__PURE__ */ jsx70("h4", { className: "subtitle" })
|
|
6456
6575
|
] }),
|
|
6457
|
-
/* @__PURE__ */
|
|
6458
|
-
isCreditCardSource && !isRetrying && /* @__PURE__ */
|
|
6459
|
-
message && message !== "" && /* @__PURE__ */
|
|
6460
|
-
isCreditCardSource && /* @__PURE__ */
|
|
6576
|
+
/* @__PURE__ */ jsxs40("div", { className: "kima-card-content error", children: [
|
|
6577
|
+
isCreditCardSource && !isRetrying && /* @__PURE__ */ jsx70(Error_default, { width: 40, height: 40 }),
|
|
6578
|
+
message && message !== "" && /* @__PURE__ */ jsx70("h2", { children: message }),
|
|
6579
|
+
isCreditCardSource && /* @__PURE__ */ jsxs40(
|
|
6461
6580
|
"div",
|
|
6462
6581
|
{
|
|
6463
6582
|
style: {
|
|
@@ -6466,8 +6585,8 @@ var ErrorWidget = ({
|
|
|
6466
6585
|
flexDirection: "column"
|
|
6467
6586
|
},
|
|
6468
6587
|
children: [
|
|
6469
|
-
isRetrying ? /* @__PURE__ */
|
|
6470
|
-
ccTransactionId && /* @__PURE__ */
|
|
6588
|
+
isRetrying ? /* @__PURE__ */ jsx70("p", { children: "The transaction is being retried in the background. This may take a few moments. If the issue persists, please contact support and provide the transaction ID below for reference." }) : /* @__PURE__ */ jsx70("p", { children: "This credit card transaction has failed. Please check the details and try again. If the issue persists, please contact support and provide the transaction ID below for reference." }),
|
|
6589
|
+
ccTransactionId && /* @__PURE__ */ jsxs40(
|
|
6471
6590
|
"div",
|
|
6472
6591
|
{
|
|
6473
6592
|
style: {
|
|
@@ -6477,7 +6596,7 @@ var ErrorWidget = ({
|
|
|
6477
6596
|
justifyContent: "center"
|
|
6478
6597
|
},
|
|
6479
6598
|
children: [
|
|
6480
|
-
/* @__PURE__ */
|
|
6599
|
+
/* @__PURE__ */ jsx70(
|
|
6481
6600
|
"code",
|
|
6482
6601
|
{
|
|
6483
6602
|
style: {
|
|
@@ -6488,16 +6607,16 @@ var ErrorWidget = ({
|
|
|
6488
6607
|
children: ccTransactionId
|
|
6489
6608
|
}
|
|
6490
6609
|
),
|
|
6491
|
-
/* @__PURE__ */
|
|
6610
|
+
/* @__PURE__ */ jsx70(CopyButton_default, { text: ccTransactionId })
|
|
6492
6611
|
]
|
|
6493
6612
|
}
|
|
6494
6613
|
),
|
|
6495
|
-
isRetrying && /* @__PURE__ */
|
|
6614
|
+
isRetrying && /* @__PURE__ */ jsx70(ring_default, { width: 30, height: 30, fill: "#86b8ce" })
|
|
6496
6615
|
]
|
|
6497
6616
|
}
|
|
6498
6617
|
)
|
|
6499
6618
|
] }),
|
|
6500
|
-
backButtonEnabled && /* @__PURE__ */
|
|
6619
|
+
backButtonEnabled && /* @__PURE__ */ jsx70(
|
|
6501
6620
|
"div",
|
|
6502
6621
|
{
|
|
6503
6622
|
style: {
|
|
@@ -6505,14 +6624,14 @@ var ErrorWidget = ({
|
|
|
6505
6624
|
justifyContent: "flex-end",
|
|
6506
6625
|
marginTop: 16
|
|
6507
6626
|
},
|
|
6508
|
-
children: /* @__PURE__ */
|
|
6627
|
+
children: /* @__PURE__ */ jsx70(PrimaryButton_default, { clickHandler: backButtonFunction, children: "Back" })
|
|
6509
6628
|
}
|
|
6510
6629
|
),
|
|
6511
|
-
/* @__PURE__ */
|
|
6512
|
-
/* @__PURE__ */
|
|
6513
|
-
/* @__PURE__ */
|
|
6514
|
-
/* @__PURE__ */
|
|
6515
|
-
/* @__PURE__ */
|
|
6630
|
+
/* @__PURE__ */ jsx70("div", { className: "kima-card-footer" }),
|
|
6631
|
+
/* @__PURE__ */ jsx70("div", { className: "floating-footer", children: /* @__PURE__ */ jsxs40("div", { className: `items ${theme.colorMode}`, children: [
|
|
6632
|
+
/* @__PURE__ */ jsx70("span", { children: "Powered by" }),
|
|
6633
|
+
/* @__PURE__ */ jsx70(FooterLogo_default, { width: 50, fill: "black" }),
|
|
6634
|
+
/* @__PURE__ */ jsx70("strong", { children: "Network" })
|
|
6516
6635
|
] }) })
|
|
6517
6636
|
] })
|
|
6518
6637
|
}
|
|
@@ -6561,7 +6680,7 @@ import { useEffect as useEffect18, useMemo as useMemo28, useState as useState9 }
|
|
|
6561
6680
|
|
|
6562
6681
|
// src/components/reusable/Progressbar.tsx
|
|
6563
6682
|
import { useSelector as useSelector36 } from "react-redux";
|
|
6564
|
-
import { jsx as
|
|
6683
|
+
import { jsx as jsx71, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
6565
6684
|
var stepInfo2 = [
|
|
6566
6685
|
{
|
|
6567
6686
|
title: "Initialize"
|
|
@@ -6581,9 +6700,9 @@ var stepInfo2 = [
|
|
|
6581
6700
|
];
|
|
6582
6701
|
var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
|
|
6583
6702
|
const theme = useSelector36(selectTheme);
|
|
6584
|
-
return /* @__PURE__ */
|
|
6585
|
-
/* @__PURE__ */
|
|
6586
|
-
/* @__PURE__ */
|
|
6703
|
+
return /* @__PURE__ */ jsxs41("div", { className: "kima-progressbar", children: [
|
|
6704
|
+
/* @__PURE__ */ jsx71("div", { className: `value step-${step * 100 / 4}` }),
|
|
6705
|
+
/* @__PURE__ */ jsx71("div", { className: "step-indicators", children: stepInfo2.map((item, index) => /* @__PURE__ */ jsx71(
|
|
6587
6706
|
"div",
|
|
6588
6707
|
{
|
|
6589
6708
|
className: `step ${step === index && "active"}
|
|
@@ -6592,10 +6711,10 @@ var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
|
|
|
6592
6711
|
onClick: () => {
|
|
6593
6712
|
if (index < 4) setFocus(index);
|
|
6594
6713
|
},
|
|
6595
|
-
children: /* @__PURE__ */
|
|
6596
|
-
step < index && /* @__PURE__ */
|
|
6597
|
-
step >= index ? index === loadingStep ? /* @__PURE__ */
|
|
6598
|
-
/* @__PURE__ */
|
|
6714
|
+
children: /* @__PURE__ */ jsxs41("div", { className: "step-info", children: [
|
|
6715
|
+
step < index && /* @__PURE__ */ jsx71(Lock_default, {}),
|
|
6716
|
+
step >= index ? index === loadingStep ? /* @__PURE__ */ jsx71(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ jsx71(Warning_default, {}) : /* @__PURE__ */ jsx71(Check_default, {}) : null,
|
|
6717
|
+
/* @__PURE__ */ jsx71("span", { children: item.title })
|
|
6599
6718
|
] })
|
|
6600
6719
|
},
|
|
6601
6720
|
item.title
|
|
@@ -6731,20 +6850,20 @@ var useTxData = (txId, dAppOption, backendUrl, isSwap) => {
|
|
|
6731
6850
|
var useTxData_default = useTxData;
|
|
6732
6851
|
|
|
6733
6852
|
// src/components/reusable/TransactionStatusMessage.tsx
|
|
6734
|
-
import { jsx as
|
|
6853
|
+
import { jsx as jsx72, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
6735
6854
|
var TransactionStatusMessage = ({
|
|
6736
6855
|
isCompleted,
|
|
6737
6856
|
transactionId
|
|
6738
6857
|
}) => {
|
|
6739
|
-
return /* @__PURE__ */
|
|
6740
|
-
/* @__PURE__ */
|
|
6858
|
+
return /* @__PURE__ */ jsxs42("div", { className: "transaction-status-message", children: [
|
|
6859
|
+
/* @__PURE__ */ jsxs42("h2", { children: [
|
|
6741
6860
|
isCompleted !== "Completed" /* COMPLETED */ && "Your transaction is currently being processed.",
|
|
6742
6861
|
" ",
|
|
6743
6862
|
"Please copy the Transaction ID below for future reference. You can use this ID to track the transaction status or resolve any issues if needed."
|
|
6744
6863
|
] }),
|
|
6745
|
-
/* @__PURE__ */
|
|
6746
|
-
/* @__PURE__ */
|
|
6747
|
-
/* @__PURE__ */
|
|
6864
|
+
/* @__PURE__ */ jsxs42("span", { className: "transaction-copy", children: [
|
|
6865
|
+
/* @__PURE__ */ jsx72("h3", { children: transactionId }),
|
|
6866
|
+
/* @__PURE__ */ jsx72(CopyButton_default, { text: transactionId })
|
|
6748
6867
|
] })
|
|
6749
6868
|
] });
|
|
6750
6869
|
};
|
|
@@ -6755,7 +6874,7 @@ import { useRef as useRef5, useState as useState8 } from "react";
|
|
|
6755
6874
|
import { useSelector as useSelector37 } from "react-redux";
|
|
6756
6875
|
import { useDispatch as useDispatch10 } from "react-redux";
|
|
6757
6876
|
import toast from "react-hot-toast";
|
|
6758
|
-
import { jsx as
|
|
6877
|
+
import { jsx as jsx73, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
6759
6878
|
var TransactionSearch = () => {
|
|
6760
6879
|
const theme = useSelector37(selectTheme);
|
|
6761
6880
|
const backendUrl = useSelector37(selectBackendUrl);
|
|
@@ -6765,7 +6884,7 @@ var TransactionSearch = () => {
|
|
|
6765
6884
|
const handleSearch = async () => {
|
|
6766
6885
|
if (transactionId.length <= 0)
|
|
6767
6886
|
return toast.error("You must provide a valid transaction id", {
|
|
6768
|
-
icon: /* @__PURE__ */
|
|
6887
|
+
icon: /* @__PURE__ */ jsx73(Error_default, {})
|
|
6769
6888
|
});
|
|
6770
6889
|
try {
|
|
6771
6890
|
const data = await getTxData({
|
|
@@ -6783,14 +6902,14 @@ var TransactionSearch = () => {
|
|
|
6783
6902
|
logger_default.error("Error searching transaction: ", error);
|
|
6784
6903
|
return toast.error(
|
|
6785
6904
|
"Transaction not found. Please check for the proper transaction id.",
|
|
6786
|
-
{ icon: /* @__PURE__ */
|
|
6905
|
+
{ icon: /* @__PURE__ */ jsx73(Error_default, {}) }
|
|
6787
6906
|
);
|
|
6788
6907
|
}
|
|
6789
6908
|
};
|
|
6790
|
-
return /* @__PURE__ */
|
|
6791
|
-
/* @__PURE__ */
|
|
6792
|
-
/* @__PURE__ */
|
|
6793
|
-
/* @__PURE__ */
|
|
6909
|
+
return /* @__PURE__ */ jsxs43("div", { className: "form-item transaction-search", children: [
|
|
6910
|
+
/* @__PURE__ */ jsxs43("div", { className: "transaction-input", children: [
|
|
6911
|
+
/* @__PURE__ */ jsx73("span", { className: "label", children: "Search Transaction:" }),
|
|
6912
|
+
/* @__PURE__ */ jsx73(
|
|
6794
6913
|
"input",
|
|
6795
6914
|
{
|
|
6796
6915
|
className: `${theme.colorMode}`,
|
|
@@ -6802,13 +6921,13 @@ var TransactionSearch = () => {
|
|
|
6802
6921
|
}
|
|
6803
6922
|
)
|
|
6804
6923
|
] }),
|
|
6805
|
-
/* @__PURE__ */
|
|
6924
|
+
/* @__PURE__ */ jsx73(SecondaryButton_default, { clickHandler: handleSearch, children: "Search" })
|
|
6806
6925
|
] });
|
|
6807
6926
|
};
|
|
6808
6927
|
var TransactionSearch_default = TransactionSearch;
|
|
6809
6928
|
|
|
6810
6929
|
// src/widgets/transaction/components/TransactionWidget.tsx
|
|
6811
|
-
import { Fragment as Fragment9, jsx as
|
|
6930
|
+
import { Fragment as Fragment9, jsx as jsx74, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
6812
6931
|
var TransactionWidget = ({ theme }) => {
|
|
6813
6932
|
const [step, setStep] = useState9(0);
|
|
6814
6933
|
const [focus, setFocus] = useState9(-1);
|
|
@@ -6890,7 +7009,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
6890
7009
|
if (error)
|
|
6891
7010
|
toast2.error(
|
|
6892
7011
|
"The provided transaction id is not valid, please use a different one or contact support for further assistance",
|
|
6893
|
-
{ icon: /* @__PURE__ */
|
|
7012
|
+
{ icon: /* @__PURE__ */ jsx74(Error_default, {}) }
|
|
6894
7013
|
);
|
|
6895
7014
|
}, [error]);
|
|
6896
7015
|
useEffect18(() => {
|
|
@@ -6918,7 +7037,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
6918
7037
|
setErrorStep(1);
|
|
6919
7038
|
setLoadingStep(-1);
|
|
6920
7039
|
logger_default.error("transaction failed:", data?.failReason);
|
|
6921
|
-
toast2.error("Unavailable", { icon: /* @__PURE__ */
|
|
7040
|
+
toast2.error("Unavailable", { icon: /* @__PURE__ */ jsx74(Error_default, {}) });
|
|
6922
7041
|
setErrorMessage("Unavailable");
|
|
6923
7042
|
return;
|
|
6924
7043
|
}
|
|
@@ -6932,7 +7051,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
6932
7051
|
setLoadingStep(3);
|
|
6933
7052
|
toast2.error(
|
|
6934
7053
|
"Failed to release tokens to target! Starting refund process.",
|
|
6935
|
-
{ icon: /* @__PURE__ */
|
|
7054
|
+
{ icon: /* @__PURE__ */ jsx74(Error_default, {}) }
|
|
6936
7055
|
);
|
|
6937
7056
|
setErrorMessage(
|
|
6938
7057
|
"Failed to release tokens to target! Starting refund process."
|
|
@@ -6943,7 +7062,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
6943
7062
|
setStep(3);
|
|
6944
7063
|
setErrorStep(3);
|
|
6945
7064
|
setLoadingStep(-1);
|
|
6946
|
-
toast2.error("Failed to refund tokens to source!", { icon: /* @__PURE__ */
|
|
7065
|
+
toast2.error("Failed to refund tokens to source!", { icon: /* @__PURE__ */ jsx74(Error_default, {}) });
|
|
6947
7066
|
setErrorMessage("Failed to refund tokens to source!");
|
|
6948
7067
|
return;
|
|
6949
7068
|
}
|
|
@@ -6951,7 +7070,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
6951
7070
|
setStep(4);
|
|
6952
7071
|
setErrorStep(3);
|
|
6953
7072
|
setLoadingStep(-1);
|
|
6954
|
-
toast2.success("Refund completed!", { icon: /* @__PURE__ */
|
|
7073
|
+
toast2.success("Refund completed!", { icon: /* @__PURE__ */ jsx74(Error_default, {}) });
|
|
6955
7074
|
setErrorMessage("Refund completed!");
|
|
6956
7075
|
return;
|
|
6957
7076
|
}
|
|
@@ -6961,7 +7080,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
6961
7080
|
setLoadingStep(-1);
|
|
6962
7081
|
logger_default.error("transaction failed:", data?.failReason);
|
|
6963
7082
|
toast2.error("Failed to release tokens to target!", {
|
|
6964
|
-
icon: /* @__PURE__ */
|
|
7083
|
+
icon: /* @__PURE__ */ jsx74(Error_default, {})
|
|
6965
7084
|
});
|
|
6966
7085
|
setErrorMessage("Failed to release tokens to target!");
|
|
6967
7086
|
return;
|
|
@@ -6971,7 +7090,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
6971
7090
|
setErrorStep(1);
|
|
6972
7091
|
setLoadingStep(-1);
|
|
6973
7092
|
logger_default.error("transaction failed:", data?.failReason);
|
|
6974
|
-
toast2.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */
|
|
7093
|
+
toast2.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ jsx74(Error_default, {}) });
|
|
6975
7094
|
setErrorMessage("Failed to pull tokens from source!");
|
|
6976
7095
|
return;
|
|
6977
7096
|
}
|
|
@@ -7086,13 +7205,13 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7086
7205
|
logger_default.error("[TransactionWidget] reset failed", e);
|
|
7087
7206
|
toast2.error(
|
|
7088
7207
|
"Unable to reset the transaction view. Please contact support for assistance.",
|
|
7089
|
-
{ icon: /* @__PURE__ */
|
|
7208
|
+
{ icon: /* @__PURE__ */ jsx74(Error_default, {}) }
|
|
7090
7209
|
);
|
|
7091
7210
|
}
|
|
7092
7211
|
};
|
|
7093
7212
|
const swapSrcAmt = data?.amountIn ?? amount;
|
|
7094
7213
|
const swapDstAmt = data?.amount;
|
|
7095
|
-
return /* @__PURE__ */
|
|
7214
|
+
return /* @__PURE__ */ jsx74(Provider2, { store: store_default, children: /* @__PURE__ */ jsxs44(
|
|
7096
7215
|
"div",
|
|
7097
7216
|
{
|
|
7098
7217
|
className: `kima-card transaction-card ${isComplete ? "transaction-complete" : ""} ${theme.colorMode} ${minimized ? "minimized" : ""}`,
|
|
@@ -7100,9 +7219,9 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7100
7219
|
background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
|
|
7101
7220
|
},
|
|
7102
7221
|
children: [
|
|
7103
|
-
/* @__PURE__ */
|
|
7104
|
-
/* @__PURE__ */
|
|
7105
|
-
!isComplete && /* @__PURE__ */
|
|
7222
|
+
/* @__PURE__ */ jsxs44("div", { className: "kima-card-header", children: [
|
|
7223
|
+
/* @__PURE__ */ jsxs44("div", { className: "topbar", children: [
|
|
7224
|
+
!isComplete && /* @__PURE__ */ jsx74("div", { className: "title", children: isValidTxId && !error ? /* @__PURE__ */ jsx74("div", { className: "transaction-title", children: showFetchingTitle ? /* @__PURE__ */ jsx74(Fragment9, { children: "Getting transaction details\u2026" }) : /* @__PURE__ */ jsxs44(Fragment9, { children: [
|
|
7106
7225
|
verb,
|
|
7107
7226
|
leftAmt,
|
|
7108
7227
|
" ",
|
|
@@ -7111,13 +7230,13 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7111
7230
|
rightAmt,
|
|
7112
7231
|
" ",
|
|
7113
7232
|
rightSym
|
|
7114
|
-
] }) }) : /* @__PURE__ */
|
|
7115
|
-
!minimized ? /* @__PURE__ */
|
|
7233
|
+
] }) }) : /* @__PURE__ */ jsx74("div", { children: /* @__PURE__ */ jsx74("h3", { className: "transaction", children: "Transaction Status" }) }) }),
|
|
7234
|
+
!minimized ? /* @__PURE__ */ jsxs44(
|
|
7116
7235
|
"div",
|
|
7117
7236
|
{
|
|
7118
7237
|
className: `control-buttons ${isComplete ? "complete" : ""}`,
|
|
7119
7238
|
children: [
|
|
7120
|
-
isComplete && /* @__PURE__ */
|
|
7239
|
+
isComplete && /* @__PURE__ */ jsx74(
|
|
7121
7240
|
"button",
|
|
7122
7241
|
{
|
|
7123
7242
|
className: "menu-button",
|
|
@@ -7126,16 +7245,16 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7126
7245
|
children: "< Back"
|
|
7127
7246
|
}
|
|
7128
7247
|
),
|
|
7129
|
-
/* @__PURE__ */
|
|
7248
|
+
/* @__PURE__ */ jsx74(
|
|
7130
7249
|
"button",
|
|
7131
7250
|
{
|
|
7132
7251
|
className: "icon-button minimize",
|
|
7133
7252
|
onClick: () => setMinimized(true),
|
|
7134
|
-
children: /* @__PURE__ */
|
|
7253
|
+
children: /* @__PURE__ */ jsx74(Minimize_default, {})
|
|
7135
7254
|
}
|
|
7136
7255
|
),
|
|
7137
|
-
!isComplete && (!isValidTxId || loadingStep < 0 || error && dAppOption !== "none" /* None */) ? /* @__PURE__ */
|
|
7138
|
-
closeHandler && /* @__PURE__ */
|
|
7256
|
+
!isComplete && (!isValidTxId || loadingStep < 0 || error && dAppOption !== "none" /* None */) ? /* @__PURE__ */ jsx74("button", { className: "reset-button", onClick: resetForm, children: "Reset" }) : null,
|
|
7257
|
+
closeHandler && /* @__PURE__ */ jsx74(
|
|
7139
7258
|
"button",
|
|
7140
7259
|
{
|
|
7141
7260
|
className: "cross-icon-button",
|
|
@@ -7143,44 +7262,44 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7143
7262
|
resetForm();
|
|
7144
7263
|
closeHandler(0);
|
|
7145
7264
|
},
|
|
7146
|
-
children: /* @__PURE__ */
|
|
7265
|
+
children: /* @__PURE__ */ jsx74(Cross_default, {})
|
|
7147
7266
|
}
|
|
7148
7267
|
)
|
|
7149
7268
|
]
|
|
7150
7269
|
}
|
|
7151
|
-
) : /* @__PURE__ */
|
|
7270
|
+
) : /* @__PURE__ */ jsx74("div", { className: "control-buttons", children: /* @__PURE__ */ jsx74("div", { className: "maximize", onClick: () => setMinimized(false), children: "View" }) })
|
|
7152
7271
|
] }),
|
|
7153
|
-
data && !isComplete && /* @__PURE__ */
|
|
7154
|
-
/* @__PURE__ */
|
|
7155
|
-
/* @__PURE__ */
|
|
7272
|
+
data && !isComplete && /* @__PURE__ */ jsxs44("div", { className: "header-network-labels", children: [
|
|
7273
|
+
/* @__PURE__ */ jsxs44("div", { className: `kima-card-network-label ${theme.colorMode}`, children: [
|
|
7274
|
+
/* @__PURE__ */ jsx74(
|
|
7156
7275
|
ChainIcon,
|
|
7157
7276
|
{
|
|
7158
7277
|
symbol: transactionSourceChain?.shortName
|
|
7159
7278
|
}
|
|
7160
7279
|
),
|
|
7161
|
-
windowWidth > 450 && /* @__PURE__ */
|
|
7280
|
+
windowWidth > 450 && /* @__PURE__ */ jsx74("h3", { children: transactionSourceChain?.name })
|
|
7162
7281
|
] }),
|
|
7163
|
-
/* @__PURE__ */
|
|
7282
|
+
/* @__PURE__ */ jsx74(
|
|
7164
7283
|
"div",
|
|
7165
7284
|
{
|
|
7166
7285
|
style: { display: "inline-block", transform: "rotate(-90deg)" },
|
|
7167
|
-
children: /* @__PURE__ */
|
|
7286
|
+
children: /* @__PURE__ */ jsx74(Arrow_default, { width: 25, height: 25 })
|
|
7168
7287
|
}
|
|
7169
7288
|
),
|
|
7170
|
-
/* @__PURE__ */
|
|
7171
|
-
/* @__PURE__ */
|
|
7289
|
+
/* @__PURE__ */ jsxs44("div", { className: `kima-card-network-label ${theme.colorMode}`, children: [
|
|
7290
|
+
/* @__PURE__ */ jsx74(
|
|
7172
7291
|
ChainIcon,
|
|
7173
7292
|
{
|
|
7174
7293
|
symbol: transactionTargetChain?.shortName
|
|
7175
7294
|
}
|
|
7176
7295
|
),
|
|
7177
|
-
windowWidth > 450 && /* @__PURE__ */
|
|
7296
|
+
windowWidth > 450 && /* @__PURE__ */ jsx74("h3", { children: transactionTargetChain?.name })
|
|
7178
7297
|
] })
|
|
7179
7298
|
] })
|
|
7180
7299
|
] }),
|
|
7181
|
-
isValidTxId && !error ? /* @__PURE__ */
|
|
7182
|
-
!isComplete ? /* @__PURE__ */
|
|
7183
|
-
/* @__PURE__ */
|
|
7300
|
+
isValidTxId && !error ? /* @__PURE__ */ jsxs44("div", { className: "kima-card-content", children: [
|
|
7301
|
+
!isComplete ? /* @__PURE__ */ jsxs44("div", { className: "transaction-content", children: [
|
|
7302
|
+
/* @__PURE__ */ jsx74(
|
|
7184
7303
|
Progressbar_default,
|
|
7185
7304
|
{
|
|
7186
7305
|
step,
|
|
@@ -7190,7 +7309,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7190
7309
|
loadingStep
|
|
7191
7310
|
}
|
|
7192
7311
|
),
|
|
7193
|
-
/* @__PURE__ */
|
|
7312
|
+
/* @__PURE__ */ jsx74(
|
|
7194
7313
|
StepBox_default,
|
|
7195
7314
|
{
|
|
7196
7315
|
step,
|
|
@@ -7199,15 +7318,15 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7199
7318
|
data
|
|
7200
7319
|
}
|
|
7201
7320
|
)
|
|
7202
|
-
] }) : /* @__PURE__ */
|
|
7203
|
-
/* @__PURE__ */
|
|
7204
|
-
/* @__PURE__ */
|
|
7205
|
-
/* @__PURE__ */
|
|
7321
|
+
] }) : /* @__PURE__ */ jsxs44("div", { className: "transaction-content transaction-complete", children: [
|
|
7322
|
+
/* @__PURE__ */ jsx74(TransactionComplete_default, {}),
|
|
7323
|
+
/* @__PURE__ */ jsx74("h2", { children: widgetIsSwap ? "Swap Complete" : "Transaction Complete" }),
|
|
7324
|
+
/* @__PURE__ */ jsx74("div", { className: "kima-stepbox", children: /* @__PURE__ */ jsxs44(
|
|
7206
7325
|
"div",
|
|
7207
7326
|
{
|
|
7208
7327
|
className: `content-wrapper transaction-complete ${theme.colorMode}`,
|
|
7209
7328
|
children: [
|
|
7210
|
-
/* @__PURE__ */
|
|
7329
|
+
/* @__PURE__ */ jsx74("p", { children: widgetIsSwap ? /* @__PURE__ */ jsxs44(Fragment9, { children: [
|
|
7211
7330
|
"You just swapped ",
|
|
7212
7331
|
fmt3(swapSrcAmt),
|
|
7213
7332
|
" ",
|
|
@@ -7216,50 +7335,50 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7216
7335
|
fmt3(swapDstAmt),
|
|
7217
7336
|
" ",
|
|
7218
7337
|
data?.targetSymbol
|
|
7219
|
-
] }) : /* @__PURE__ */
|
|
7338
|
+
] }) : /* @__PURE__ */ jsxs44(Fragment9, { children: [
|
|
7220
7339
|
"You just transferred ",
|
|
7221
7340
|
data?.amount,
|
|
7222
7341
|
" ",
|
|
7223
7342
|
data?.sourceSymbol
|
|
7224
7343
|
] }) }),
|
|
7225
|
-
/* @__PURE__ */
|
|
7226
|
-
/* @__PURE__ */
|
|
7344
|
+
/* @__PURE__ */ jsxs44("div", { className: "header-network-labels", children: [
|
|
7345
|
+
/* @__PURE__ */ jsxs44(
|
|
7227
7346
|
"div",
|
|
7228
7347
|
{
|
|
7229
7348
|
className: `kima-card-network-label ${theme.colorMode}`,
|
|
7230
7349
|
children: [
|
|
7231
|
-
/* @__PURE__ */
|
|
7350
|
+
/* @__PURE__ */ jsx74(
|
|
7232
7351
|
ChainIcon,
|
|
7233
7352
|
{
|
|
7234
7353
|
symbol: transactionSourceChain?.shortName
|
|
7235
7354
|
}
|
|
7236
7355
|
),
|
|
7237
|
-
windowWidth > 450 && /* @__PURE__ */
|
|
7356
|
+
windowWidth > 450 && /* @__PURE__ */ jsx74("h3", { children: transactionSourceChain?.name })
|
|
7238
7357
|
]
|
|
7239
7358
|
}
|
|
7240
7359
|
),
|
|
7241
|
-
/* @__PURE__ */
|
|
7360
|
+
/* @__PURE__ */ jsx74(
|
|
7242
7361
|
"div",
|
|
7243
7362
|
{
|
|
7244
7363
|
style: {
|
|
7245
7364
|
display: "inline-block",
|
|
7246
7365
|
transform: "rotate(-90deg)"
|
|
7247
7366
|
},
|
|
7248
|
-
children: /* @__PURE__ */
|
|
7367
|
+
children: /* @__PURE__ */ jsx74(Arrow_default, { width: 25, height: 25 })
|
|
7249
7368
|
}
|
|
7250
7369
|
),
|
|
7251
|
-
/* @__PURE__ */
|
|
7370
|
+
/* @__PURE__ */ jsxs44(
|
|
7252
7371
|
"div",
|
|
7253
7372
|
{
|
|
7254
7373
|
className: `kima-card-network-label ${theme.colorMode}`,
|
|
7255
7374
|
children: [
|
|
7256
|
-
/* @__PURE__ */
|
|
7375
|
+
/* @__PURE__ */ jsx74(
|
|
7257
7376
|
ChainIcon,
|
|
7258
7377
|
{
|
|
7259
7378
|
symbol: transactionTargetChain?.shortName
|
|
7260
7379
|
}
|
|
7261
7380
|
),
|
|
7262
|
-
windowWidth > 450 && /* @__PURE__ */
|
|
7381
|
+
windowWidth > 450 && /* @__PURE__ */ jsx74("h3", { children: transactionTargetChain?.name })
|
|
7263
7382
|
]
|
|
7264
7383
|
}
|
|
7265
7384
|
)
|
|
@@ -7267,8 +7386,8 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7267
7386
|
]
|
|
7268
7387
|
}
|
|
7269
7388
|
) }),
|
|
7270
|
-
/* @__PURE__ */
|
|
7271
|
-
/* @__PURE__ */
|
|
7389
|
+
/* @__PURE__ */ jsxs44("div", { className: "transaction-buttons", children: [
|
|
7390
|
+
/* @__PURE__ */ jsx74(
|
|
7272
7391
|
SecondaryButton_default,
|
|
7273
7392
|
{
|
|
7274
7393
|
clickHandler: resetForm,
|
|
@@ -7276,27 +7395,27 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7276
7395
|
children: "New Transaction"
|
|
7277
7396
|
}
|
|
7278
7397
|
),
|
|
7279
|
-
/* @__PURE__ */
|
|
7398
|
+
/* @__PURE__ */ jsx74(
|
|
7280
7399
|
ExternalLink_default,
|
|
7281
7400
|
{
|
|
7282
7401
|
to: `${explorerUrl}/transactions/?tx=${data?.kimaTxHash}`,
|
|
7283
|
-
children: /* @__PURE__ */
|
|
7402
|
+
children: /* @__PURE__ */ jsx74(PrimaryButton_default, { children: "View Details" })
|
|
7284
7403
|
}
|
|
7285
7404
|
)
|
|
7286
7405
|
] })
|
|
7287
7406
|
] }),
|
|
7288
|
-
!error && !isEmptyStatus && !isComplete && /* @__PURE__ */
|
|
7407
|
+
!error && !isEmptyStatus && !isComplete && /* @__PURE__ */ jsx74(
|
|
7289
7408
|
TransactionStatusMessage_default,
|
|
7290
7409
|
{
|
|
7291
7410
|
isCompleted: data?.status,
|
|
7292
7411
|
transactionId: String(safeTxId)
|
|
7293
7412
|
}
|
|
7294
7413
|
)
|
|
7295
|
-
] }) : /* @__PURE__ */
|
|
7296
|
-
/* @__PURE__ */
|
|
7297
|
-
/* @__PURE__ */
|
|
7414
|
+
] }) : /* @__PURE__ */ jsxs44("div", { className: "kima-card-content", children: [
|
|
7415
|
+
/* @__PURE__ */ jsx74("h4", { className: "subtitle", children: "You can follow the status of a previous submitted transaction by entering the provided transaction id" }),
|
|
7416
|
+
/* @__PURE__ */ jsx74("div", { className: "single-form", children: /* @__PURE__ */ jsx74(TransactionSearch_default, {}) })
|
|
7298
7417
|
] }),
|
|
7299
|
-
/* @__PURE__ */
|
|
7418
|
+
/* @__PURE__ */ jsx74(
|
|
7300
7419
|
Toaster,
|
|
7301
7420
|
{
|
|
7302
7421
|
position: "top-right",
|
|
@@ -7321,13 +7440,13 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7321
7440
|
}
|
|
7322
7441
|
}
|
|
7323
7442
|
),
|
|
7324
|
-
/* @__PURE__ */
|
|
7443
|
+
/* @__PURE__ */ jsx74(
|
|
7325
7444
|
"div",
|
|
7326
7445
|
{
|
|
7327
7446
|
className: `floating-footer ${isComplete ? "complete" : "status"}`,
|
|
7328
|
-
children: /* @__PURE__ */
|
|
7329
|
-
/* @__PURE__ */
|
|
7330
|
-
/* @__PURE__ */
|
|
7447
|
+
children: /* @__PURE__ */ jsxs44("div", { className: `items ${theme.colorMode}`, children: [
|
|
7448
|
+
/* @__PURE__ */ jsx74("span", { children: "Powered by" }),
|
|
7449
|
+
/* @__PURE__ */ jsx74(KimaNetwork_default, {})
|
|
7331
7450
|
] })
|
|
7332
7451
|
}
|
|
7333
7452
|
)
|
|
@@ -7769,7 +7888,7 @@ import { useDispatch as useDispatch22, useSelector as useSelector52 } from "reac
|
|
|
7769
7888
|
import { parseUnits as parseUnits4 } from "viem";
|
|
7770
7889
|
|
|
7771
7890
|
// src/components/reusable/WarningModal.tsx
|
|
7772
|
-
import { jsx as
|
|
7891
|
+
import { jsx as jsx75, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
7773
7892
|
var WarningModal = ({
|
|
7774
7893
|
message,
|
|
7775
7894
|
cancelButtonText = "Cancel",
|
|
@@ -7777,11 +7896,11 @@ var WarningModal = ({
|
|
|
7777
7896
|
onAcknowledge,
|
|
7778
7897
|
onCancel
|
|
7779
7898
|
}) => {
|
|
7780
|
-
return /* @__PURE__ */
|
|
7781
|
-
/* @__PURE__ */
|
|
7782
|
-
/* @__PURE__ */
|
|
7783
|
-
/* @__PURE__ */
|
|
7784
|
-
/* @__PURE__ */
|
|
7899
|
+
return /* @__PURE__ */ jsx75("div", { className: "warning-modal-overlay", children: /* @__PURE__ */ jsxs45("div", { className: "warning-modal", children: [
|
|
7900
|
+
/* @__PURE__ */ jsx75("h3", { children: "Warning" }),
|
|
7901
|
+
/* @__PURE__ */ jsx75("p", { children: message }),
|
|
7902
|
+
/* @__PURE__ */ jsxs45("div", { className: "warning-modal-buttons", children: [
|
|
7903
|
+
/* @__PURE__ */ jsx75(
|
|
7785
7904
|
SecondaryButton_default,
|
|
7786
7905
|
{
|
|
7787
7906
|
className: "warning-modal-cancel",
|
|
@@ -7789,7 +7908,7 @@ var WarningModal = ({
|
|
|
7789
7908
|
children: cancelButtonText
|
|
7790
7909
|
}
|
|
7791
7910
|
),
|
|
7792
|
-
/* @__PURE__ */
|
|
7911
|
+
/* @__PURE__ */ jsx75(
|
|
7793
7912
|
PrimaryButton_default,
|
|
7794
7913
|
{
|
|
7795
7914
|
className: "warning-modal-acknowledge",
|
|
@@ -7811,7 +7930,7 @@ import { useDispatch as useDispatch14, useSelector as useSelector43 } from "reac
|
|
|
7811
7930
|
// src/components/primary/NetworkSelector.tsx
|
|
7812
7931
|
import React11, { useState as useState10, useMemo as useMemo30, useRef as useRef6, useEffect as useEffect19 } from "react";
|
|
7813
7932
|
import { useSelector as useSelector42, useDispatch as useDispatch13 } from "react-redux";
|
|
7814
|
-
import { jsx as
|
|
7933
|
+
import { jsx as jsx76, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
7815
7934
|
var NetworkSelector = ({
|
|
7816
7935
|
type,
|
|
7817
7936
|
initialSelection,
|
|
@@ -7946,7 +8065,12 @@ var NetworkSelector = ({
|
|
|
7946
8065
|
oldSource: sourceNetwork.shortName,
|
|
7947
8066
|
oldTarget: targetNetwork.shortName
|
|
7948
8067
|
});
|
|
7949
|
-
const
|
|
8068
|
+
const location = isOriginSelector ? "origin" : "target";
|
|
8069
|
+
const isTokenAllowedHere = (t) => {
|
|
8070
|
+
const allowed = t.supportedLocations ?? ["origin", "target"];
|
|
8071
|
+
return allowed.includes(location);
|
|
8072
|
+
};
|
|
8073
|
+
const newCurrency = chain.supportedTokens.find(isTokenAllowedHere)?.symbol ?? "";
|
|
7950
8074
|
if (isOriginSelector) {
|
|
7951
8075
|
if (chain.shortName !== sourceNetwork.shortName) {
|
|
7952
8076
|
logger_default.debug("[NetworkSelector] set sourceChain + sourceCurrency", {
|
|
@@ -7955,6 +8079,11 @@ var NetworkSelector = ({
|
|
|
7955
8079
|
});
|
|
7956
8080
|
dispatch(setSourceChain(chain));
|
|
7957
8081
|
dispatch(setSourceCurrency(newCurrency));
|
|
8082
|
+
if (targetNetwork?.shortName === chain.shortName) {
|
|
8083
|
+
dispatch(setTargetChain({ shortName: "", name: "" }));
|
|
8084
|
+
dispatch(setTargetCurrency(""));
|
|
8085
|
+
dispatch(setTargetAddress(""));
|
|
8086
|
+
}
|
|
7958
8087
|
if (mode === "light" /* light */) {
|
|
7959
8088
|
const key = chain.compatibility === "EVM" /* EVM */ ? "EVM" : chain.shortName;
|
|
7960
8089
|
const demoAddr = lightDemoAccounts[key];
|
|
@@ -8052,7 +8181,7 @@ var NetworkSelector = ({
|
|
|
8052
8181
|
currentTargetAddr,
|
|
8053
8182
|
dispatch
|
|
8054
8183
|
]);
|
|
8055
|
-
return /* @__PURE__ */
|
|
8184
|
+
return /* @__PURE__ */ jsxs46(
|
|
8056
8185
|
"div",
|
|
8057
8186
|
{
|
|
8058
8187
|
className: `network-dropdown ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"} ${shouldLockSourceNetwork ? "disabled" : ""}`,
|
|
@@ -8061,15 +8190,15 @@ var NetworkSelector = ({
|
|
|
8061
8190
|
},
|
|
8062
8191
|
ref,
|
|
8063
8192
|
children: [
|
|
8064
|
-
/* @__PURE__ */
|
|
8065
|
-
/* @__PURE__ */
|
|
8066
|
-
/* @__PURE__ */
|
|
8193
|
+
/* @__PURE__ */ jsxs46("div", { className: "network-wrapper", children: [
|
|
8194
|
+
/* @__PURE__ */ jsx76(ChainIcon, { symbol: selectedNetwork.shortName }),
|
|
8195
|
+
/* @__PURE__ */ jsx76("span", { children: selectedNetwork.name })
|
|
8067
8196
|
] }),
|
|
8068
|
-
/* @__PURE__ */
|
|
8197
|
+
/* @__PURE__ */ jsx76(
|
|
8069
8198
|
"div",
|
|
8070
8199
|
{
|
|
8071
8200
|
className: `network-menu custom-scrollbar ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"}`,
|
|
8072
|
-
children: networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */
|
|
8201
|
+
children: networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ jsxs46(
|
|
8073
8202
|
"div",
|
|
8074
8203
|
{
|
|
8075
8204
|
className: `network-menu-item ${theme?.colorMode ?? ""} ${network.disabled ? "disabled has-tooltip" : "enabled"}`,
|
|
@@ -8078,16 +8207,16 @@ var NetworkSelector = ({
|
|
|
8078
8207
|
if (!network.disabled) handleNetworkChange(network);
|
|
8079
8208
|
},
|
|
8080
8209
|
children: [
|
|
8081
|
-
network.disabled ? /* @__PURE__ */
|
|
8082
|
-
/* @__PURE__ */
|
|
8083
|
-
network.disabled && /* @__PURE__ */
|
|
8210
|
+
network.disabled ? /* @__PURE__ */ jsx76(Warning_default, { width: 25, height: 25 }) : /* @__PURE__ */ jsx76(ChainIcon, { symbol: network.shortName }),
|
|
8211
|
+
/* @__PURE__ */ jsx76("p", { children: network.name }),
|
|
8212
|
+
network.disabled && /* @__PURE__ */ jsx76("span", { className: "tooltip", children: "Temporarily unavailable" })
|
|
8084
8213
|
]
|
|
8085
8214
|
},
|
|
8086
8215
|
network.id ?? network.shortName
|
|
8087
8216
|
))
|
|
8088
8217
|
}
|
|
8089
8218
|
),
|
|
8090
|
-
!shouldLockSourceNetwork && /* @__PURE__ */
|
|
8219
|
+
!shouldLockSourceNetwork && /* @__PURE__ */ jsx76("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}`, children: /* @__PURE__ */ jsx76(Arrow_default, { fill: "none" }) })
|
|
8091
8220
|
]
|
|
8092
8221
|
}
|
|
8093
8222
|
);
|
|
@@ -8095,7 +8224,7 @@ var NetworkSelector = ({
|
|
|
8095
8224
|
var NetworkSelector_default = React11.memo(NetworkSelector);
|
|
8096
8225
|
|
|
8097
8226
|
// src/components/reusable/SingleForm.tsx
|
|
8098
|
-
import { jsx as
|
|
8227
|
+
import { jsx as jsx77, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
8099
8228
|
var SingleForm = ({
|
|
8100
8229
|
isLoadingFees,
|
|
8101
8230
|
initialSelection,
|
|
@@ -8289,14 +8418,14 @@ var SingleForm = ({
|
|
|
8289
8418
|
demoSourceAddress,
|
|
8290
8419
|
feeDeduct
|
|
8291
8420
|
]);
|
|
8292
|
-
return /* @__PURE__ */
|
|
8293
|
-
/* @__PURE__ */
|
|
8294
|
-
/* @__PURE__ */
|
|
8421
|
+
return /* @__PURE__ */ jsxs47("div", { className: "single-form", children: [
|
|
8422
|
+
/* @__PURE__ */ jsxs47("div", { className: "form-item", children: [
|
|
8423
|
+
/* @__PURE__ */ jsxs47("span", { className: "label", children: [
|
|
8295
8424
|
dAppOption === "none" /* None */ && "Source",
|
|
8296
8425
|
" Network:"
|
|
8297
8426
|
] }),
|
|
8298
|
-
/* @__PURE__ */
|
|
8299
|
-
/* @__PURE__ */
|
|
8427
|
+
/* @__PURE__ */ jsxs47("div", { className: "items", children: [
|
|
8428
|
+
/* @__PURE__ */ jsx77(
|
|
8300
8429
|
NetworkSelector_default,
|
|
8301
8430
|
{
|
|
8302
8431
|
type: "origin",
|
|
@@ -8306,30 +8435,30 @@ var SingleForm = ({
|
|
|
8306
8435
|
}
|
|
8307
8436
|
}
|
|
8308
8437
|
),
|
|
8309
|
-
/* @__PURE__ */
|
|
8438
|
+
/* @__PURE__ */ jsx77(CoinDropdown_default, { isSourceChain: true })
|
|
8310
8439
|
] })
|
|
8311
8440
|
] }),
|
|
8312
|
-
/* @__PURE__ */
|
|
8441
|
+
/* @__PURE__ */ jsxs47(
|
|
8313
8442
|
"div",
|
|
8314
8443
|
{
|
|
8315
8444
|
className: `dynamic-area ${sourceNetwork.shortName === "FIAT" /* FIAT */ ? "reverse" : "1"}`,
|
|
8316
8445
|
children: [
|
|
8317
8446
|
!["CC" /* CC */, "BANK" /* BANK */].includes(
|
|
8318
8447
|
sourceNetwork.compatibility
|
|
8319
|
-
) && /* @__PURE__ */
|
|
8448
|
+
) && /* @__PURE__ */ jsxs47(
|
|
8320
8449
|
"div",
|
|
8321
8450
|
{
|
|
8322
8451
|
className: `form-item wallet-button-item ${isConnectedSourceWrapper ? "connected" : ""}`,
|
|
8323
8452
|
children: [
|
|
8324
|
-
/* @__PURE__ */
|
|
8325
|
-
/* @__PURE__ */
|
|
8453
|
+
/* @__PURE__ */ jsx77("span", { className: "label", children: "Wallet:" }),
|
|
8454
|
+
/* @__PURE__ */ jsx77(WalletButton_default, { initialSelection: initialSelection.sourceSelection })
|
|
8326
8455
|
]
|
|
8327
8456
|
}
|
|
8328
8457
|
),
|
|
8329
|
-
mode !== "payment" /* payment */ && /* @__PURE__ */
|
|
8330
|
-
/* @__PURE__ */
|
|
8331
|
-
/* @__PURE__ */
|
|
8332
|
-
/* @__PURE__ */
|
|
8458
|
+
mode !== "payment" /* payment */ && /* @__PURE__ */ jsxs47("div", { className: "form-item", children: [
|
|
8459
|
+
/* @__PURE__ */ jsx77("span", { className: "label", children: "Target Network:" }),
|
|
8460
|
+
/* @__PURE__ */ jsxs47("div", { className: "items", children: [
|
|
8461
|
+
/* @__PURE__ */ jsx77(
|
|
8333
8462
|
NetworkSelector_default,
|
|
8334
8463
|
{
|
|
8335
8464
|
type: "target",
|
|
@@ -8339,15 +8468,15 @@ var SingleForm = ({
|
|
|
8339
8468
|
}
|
|
8340
8469
|
}
|
|
8341
8470
|
),
|
|
8342
|
-
/* @__PURE__ */
|
|
8471
|
+
/* @__PURE__ */ jsx77(CoinDropdown_default, { isSourceChain: false })
|
|
8343
8472
|
] })
|
|
8344
8473
|
] })
|
|
8345
8474
|
]
|
|
8346
8475
|
}
|
|
8347
8476
|
),
|
|
8348
|
-
mode === "bridge" /* bridge */ && /* @__PURE__ */
|
|
8349
|
-
/* @__PURE__ */
|
|
8350
|
-
/* @__PURE__ */
|
|
8477
|
+
mode === "bridge" /* bridge */ && /* @__PURE__ */ jsxs47("div", { className: `form-item ${theme.colorMode}`, children: [
|
|
8478
|
+
/* @__PURE__ */ jsx77("span", { className: "label", children: "Target Address:" }),
|
|
8479
|
+
/* @__PURE__ */ jsx77(
|
|
8351
8480
|
AddressInput_default,
|
|
8352
8481
|
{
|
|
8353
8482
|
theme: theme.colorMode,
|
|
@@ -8355,14 +8484,14 @@ var SingleForm = ({
|
|
|
8355
8484
|
}
|
|
8356
8485
|
)
|
|
8357
8486
|
] }),
|
|
8358
|
-
mode === "light" /* light */ && /* @__PURE__ */
|
|
8487
|
+
mode === "light" /* light */ && /* @__PURE__ */ jsxs47(
|
|
8359
8488
|
"div",
|
|
8360
8489
|
{
|
|
8361
8490
|
className: `form-item wallet-button-item ${isConnectedTargetWrapper ? "connected" : ""}`,
|
|
8362
8491
|
style: { display: "flex", alignItems: "center" },
|
|
8363
8492
|
children: [
|
|
8364
|
-
/* @__PURE__ */
|
|
8365
|
-
/* @__PURE__ */
|
|
8493
|
+
/* @__PURE__ */ jsx77("span", { className: "label", children: "Target Wallet:" }),
|
|
8494
|
+
/* @__PURE__ */ jsx77(
|
|
8366
8495
|
WalletButton_default,
|
|
8367
8496
|
{
|
|
8368
8497
|
initialSelection: initialSelection.targetSelection,
|
|
@@ -8372,10 +8501,10 @@ var SingleForm = ({
|
|
|
8372
8501
|
]
|
|
8373
8502
|
}
|
|
8374
8503
|
),
|
|
8375
|
-
/* @__PURE__ */
|
|
8376
|
-
/* @__PURE__ */
|
|
8377
|
-
/* @__PURE__ */
|
|
8378
|
-
/* @__PURE__ */
|
|
8504
|
+
/* @__PURE__ */ jsxs47("div", { className: `form-item ${theme.colorMode}`, children: [
|
|
8505
|
+
/* @__PURE__ */ jsx77("span", { className: "label", children: "Amount:" }),
|
|
8506
|
+
/* @__PURE__ */ jsxs47("div", { className: `amount-label-container items ${theme.colorMode}`, children: [
|
|
8507
|
+
/* @__PURE__ */ jsx77(
|
|
8379
8508
|
"input",
|
|
8380
8509
|
{
|
|
8381
8510
|
className: `${theme.colorMode}`,
|
|
@@ -8386,21 +8515,21 @@ var SingleForm = ({
|
|
|
8386
8515
|
disabled: mode === "payment" /* payment */
|
|
8387
8516
|
}
|
|
8388
8517
|
),
|
|
8389
|
-
/* @__PURE__ */
|
|
8390
|
-
sourceNetwork.shortName !== "CC" && mode !== "payment" /* payment */ && /* @__PURE__ */
|
|
8391
|
-
dAppOption === "none" /* None */ && canQuoteFees && /* @__PURE__ */
|
|
8518
|
+
/* @__PURE__ */ jsxs47("div", { className: "max-disclaimer", children: [
|
|
8519
|
+
sourceNetwork.shortName !== "CC" && mode !== "payment" /* payment */ && /* @__PURE__ */ jsx77("span", { className: "max-button", onClick: onMaxClick, children: "Max" }),
|
|
8520
|
+
dAppOption === "none" /* None */ && canQuoteFees && /* @__PURE__ */ jsxs47("p", { className: "fee-amount", children: [
|
|
8392
8521
|
"Est fees:",
|
|
8393
8522
|
" ",
|
|
8394
|
-
isLoadingFees ? /* @__PURE__ */
|
|
8395
|
-
/* @__PURE__ */
|
|
8396
|
-
/* @__PURE__ */
|
|
8397
|
-
/* @__PURE__ */
|
|
8398
|
-
] }) : totalFee.value >= 0n ? /* @__PURE__ */
|
|
8523
|
+
isLoadingFees ? /* @__PURE__ */ jsxs47("span", { className: "inline-spinner loading", "aria-live": "polite", children: [
|
|
8524
|
+
/* @__PURE__ */ jsx77("span", { className: "dot" }),
|
|
8525
|
+
/* @__PURE__ */ jsx77("span", { className: "dot" }),
|
|
8526
|
+
/* @__PURE__ */ jsx77("span", { className: "dot" })
|
|
8527
|
+
] }) : totalFee.value >= 0n ? /* @__PURE__ */ jsxs47("span", { className: "fee-value", children: [
|
|
8399
8528
|
"$ ",
|
|
8400
8529
|
formatBigInt(totalFee),
|
|
8401
8530
|
" ",
|
|
8402
8531
|
feeCurrency
|
|
8403
|
-
] }) : /* @__PURE__ */
|
|
8532
|
+
] }) : /* @__PURE__ */ jsx77("span", { className: "fee-value", children: "\u2014" })
|
|
8404
8533
|
] })
|
|
8405
8534
|
] })
|
|
8406
8535
|
] })
|
|
@@ -8438,7 +8567,7 @@ var useCCTransactionId = (backendUrl, transactionIdSeed) => {
|
|
|
8438
8567
|
};
|
|
8439
8568
|
|
|
8440
8569
|
// src/components/reusable/FiatWidget.tsx
|
|
8441
|
-
import { jsx as
|
|
8570
|
+
import { jsx as jsx78, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
8442
8571
|
var FiatWidget = ({ submitCallback }) => {
|
|
8443
8572
|
const dispatch = useDispatch15();
|
|
8444
8573
|
const feeDeduct = useSelector44(selectFeeDeduct);
|
|
@@ -8509,9 +8638,9 @@ var FiatWidget = ({ submitCallback }) => {
|
|
|
8509
8638
|
useEffect21(() => {
|
|
8510
8639
|
if (error) dispatch(setCCTransactionStatus("error-id"));
|
|
8511
8640
|
}, [dispatch, error]);
|
|
8512
|
-
return /* @__PURE__ */
|
|
8513
|
-
(isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */
|
|
8514
|
-
/* @__PURE__ */
|
|
8641
|
+
return /* @__PURE__ */ jsxs48("div", { className: `cc-widget ${isLoading ? "loading" : ""}`, children: [
|
|
8642
|
+
(isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ jsx78("div", { className: "cc-widget-loader", children: /* @__PURE__ */ jsx78(ring_default, { width: 50, height: 50, fill: "#86b8ce" }) }),
|
|
8643
|
+
/* @__PURE__ */ jsx78(
|
|
8515
8644
|
"iframe",
|
|
8516
8645
|
{
|
|
8517
8646
|
width: isLoading || isTransactionIdLoading || ccTransactionStatus === "success" || error ? 0 : "100%",
|
|
@@ -8615,7 +8744,7 @@ import { useCallback as useCallback12, useEffect as useEffect22, useMemo as useM
|
|
|
8615
8744
|
import { useDispatch as useDispatch16, useSelector as useSelector45 } from "react-redux";
|
|
8616
8745
|
import { useWallet as useWallet5 } from "@solana/wallet-adapter-react";
|
|
8617
8746
|
import { WalletReadyState } from "@solana/wallet-adapter-base";
|
|
8618
|
-
import { jsx as
|
|
8747
|
+
import { jsx as jsx79, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
8619
8748
|
var SolanaWalletSelect = () => {
|
|
8620
8749
|
const theme = useSelector45(selectTheme);
|
|
8621
8750
|
const sourceChain = useSelector45(selectSourceChain);
|
|
@@ -8680,27 +8809,27 @@ var SolanaWalletSelect = () => {
|
|
|
8680
8809
|
}
|
|
8681
8810
|
dispatch(setSolanaConnectModal(false));
|
|
8682
8811
|
}, [wallet, sourceChain]);
|
|
8683
|
-
return /* @__PURE__ */
|
|
8684
|
-
detected.map((wallet2, index) => /* @__PURE__ */
|
|
8812
|
+
return /* @__PURE__ */ jsx79("div", { className: `wallet-select`, children: /* @__PURE__ */ jsx79("div", { className: "slide-area hide-scrollbar", ref: sliderRef, children: /* @__PURE__ */ jsxs49("div", { className: "wallet-container", children: [
|
|
8813
|
+
detected.map((wallet2, index) => /* @__PURE__ */ jsx79(
|
|
8685
8814
|
"div",
|
|
8686
8815
|
{
|
|
8687
8816
|
className: `card-item ${theme.colorMode}`,
|
|
8688
8817
|
onClick: () => handleWalletClick(wallet2.adapter.name),
|
|
8689
|
-
children: /* @__PURE__ */
|
|
8690
|
-
/* @__PURE__ */
|
|
8691
|
-
/* @__PURE__ */
|
|
8818
|
+
children: /* @__PURE__ */ jsxs49("div", { className: "wallet-item", children: [
|
|
8819
|
+
/* @__PURE__ */ jsx79("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }),
|
|
8820
|
+
/* @__PURE__ */ jsx79("span", { children: wallet2.adapter.name })
|
|
8692
8821
|
] })
|
|
8693
8822
|
},
|
|
8694
8823
|
`${wallet2.adapter.name}-${index}`
|
|
8695
8824
|
)),
|
|
8696
|
-
undetected.map((wallet2, index) => /* @__PURE__ */
|
|
8825
|
+
undetected.map((wallet2, index) => /* @__PURE__ */ jsx79(
|
|
8697
8826
|
ExternalLink_default,
|
|
8698
8827
|
{
|
|
8699
8828
|
to: wallet2.adapter.url,
|
|
8700
8829
|
className: `card-item ${theme.colorMode}`,
|
|
8701
|
-
children: /* @__PURE__ */
|
|
8702
|
-
/* @__PURE__ */
|
|
8703
|
-
/* @__PURE__ */
|
|
8830
|
+
children: /* @__PURE__ */ jsxs49("div", { className: "wallet-item", children: [
|
|
8831
|
+
/* @__PURE__ */ jsx79("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }),
|
|
8832
|
+
/* @__PURE__ */ jsxs49("span", { children: [
|
|
8704
8833
|
"Install ",
|
|
8705
8834
|
wallet2.adapter.name
|
|
8706
8835
|
] })
|
|
@@ -8719,7 +8848,7 @@ import { useWallet as useSolanaWallet2 } from "@solana/wallet-adapter-react";
|
|
|
8719
8848
|
|
|
8720
8849
|
// src/widgets/transfer/components/WalletModalShell.tsx
|
|
8721
8850
|
import { useSelector as useSelector46 } from "react-redux";
|
|
8722
|
-
import { jsx as
|
|
8851
|
+
import { jsx as jsx80, jsxs as jsxs50 } from "react/jsx-runtime";
|
|
8723
8852
|
var WalletModalShell = ({
|
|
8724
8853
|
isOpen,
|
|
8725
8854
|
title,
|
|
@@ -8730,18 +8859,18 @@ var WalletModalShell = ({
|
|
|
8730
8859
|
}) => {
|
|
8731
8860
|
const theme = useSelector46(selectTheme);
|
|
8732
8861
|
if (!isOpen) return null;
|
|
8733
|
-
return /* @__PURE__ */
|
|
8862
|
+
return /* @__PURE__ */ jsxs50(
|
|
8734
8863
|
"div",
|
|
8735
8864
|
{
|
|
8736
8865
|
className: `kima-modal ${theme.colorMode} ${isOpen ? "open" : ""} ${className}`,
|
|
8737
8866
|
children: [
|
|
8738
|
-
/* @__PURE__ */
|
|
8739
|
-
/* @__PURE__ */
|
|
8740
|
-
/* @__PURE__ */
|
|
8741
|
-
/* @__PURE__ */
|
|
8742
|
-
/* @__PURE__ */
|
|
8867
|
+
/* @__PURE__ */ jsx80("div", { className: "modal-overlay", onClick: onClose }),
|
|
8868
|
+
/* @__PURE__ */ jsxs50("div", { className: `modal-content-container ${theme.colorMode}`, children: [
|
|
8869
|
+
/* @__PURE__ */ jsx80("div", { className: "kima-card-header", children: /* @__PURE__ */ jsxs50("div", { className: "topbar", children: [
|
|
8870
|
+
/* @__PURE__ */ jsx80("div", { className: "title", children: /* @__PURE__ */ jsx80("h3", { children: title }) }),
|
|
8871
|
+
/* @__PURE__ */ jsx80("div", { className: "control-buttons", children: rightHeader })
|
|
8743
8872
|
] }) }),
|
|
8744
|
-
/* @__PURE__ */
|
|
8873
|
+
/* @__PURE__ */ jsx80("div", { className: "modal-content", children })
|
|
8745
8874
|
] })
|
|
8746
8875
|
]
|
|
8747
8876
|
}
|
|
@@ -8750,7 +8879,7 @@ var WalletModalShell = ({
|
|
|
8750
8879
|
var WalletModalShell_default = WalletModalShell;
|
|
8751
8880
|
|
|
8752
8881
|
// src/widgets/transfer/components/solana/AccountDetailsModal.tsx
|
|
8753
|
-
import { jsx as
|
|
8882
|
+
import { jsx as jsx81, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
8754
8883
|
var AccountDetailsModal = () => {
|
|
8755
8884
|
const dispatch = useDispatch17();
|
|
8756
8885
|
const theme = useSelector47(selectTheme);
|
|
@@ -8781,30 +8910,30 @@ var AccountDetailsModal = () => {
|
|
|
8781
8910
|
close();
|
|
8782
8911
|
}
|
|
8783
8912
|
};
|
|
8784
|
-
return /* @__PURE__ */
|
|
8913
|
+
return /* @__PURE__ */ jsxs51(
|
|
8785
8914
|
WalletModalShell_default,
|
|
8786
8915
|
{
|
|
8787
8916
|
isOpen: !!isOpen,
|
|
8788
8917
|
title: "Account Details",
|
|
8789
8918
|
onClose: close,
|
|
8790
|
-
rightHeader: /* @__PURE__ */
|
|
8919
|
+
rightHeader: /* @__PURE__ */ jsx81("button", { className: "cross-icon-button", onClick: close, children: /* @__PURE__ */ jsx81(Cross_default, { fill: theme.colorMode === "light" ? "black" : "white" }) }),
|
|
8791
8920
|
children: [
|
|
8792
|
-
/* @__PURE__ */
|
|
8793
|
-
/* @__PURE__ */
|
|
8794
|
-
/* @__PURE__ */
|
|
8795
|
-
sourceAddress && /* @__PURE__ */
|
|
8921
|
+
/* @__PURE__ */ jsxs51("div", { className: "summary", children: [
|
|
8922
|
+
/* @__PURE__ */ jsxs51("div", { className: "address", children: [
|
|
8923
|
+
/* @__PURE__ */ jsx81("h2", { children: sourceAddress ? getShortenedAddress(sourceAddress) : "\u2014" }),
|
|
8924
|
+
sourceAddress && /* @__PURE__ */ jsx81(CopyButton_default, { text: sourceAddress })
|
|
8796
8925
|
] }),
|
|
8797
|
-
/* @__PURE__ */
|
|
8926
|
+
/* @__PURE__ */ jsxs51("h3", { children: [
|
|
8798
8927
|
formatterFloat.format(Number(solBalance || 0)),
|
|
8799
8928
|
" SOL"
|
|
8800
8929
|
] })
|
|
8801
8930
|
] }),
|
|
8802
|
-
/* @__PURE__ */
|
|
8803
|
-
/* @__PURE__ */
|
|
8804
|
-
/* @__PURE__ */
|
|
8805
|
-
/* @__PURE__ */
|
|
8931
|
+
/* @__PURE__ */ jsx81(SecondaryButton_default, { className: "block-explorer", children: /* @__PURE__ */ jsxs51(ExternalLink_default, { className: "link", to: explorerUrl, children: [
|
|
8932
|
+
/* @__PURE__ */ jsx81(Explorer_default, { fill: "#778DA3" }),
|
|
8933
|
+
/* @__PURE__ */ jsx81("p", { children: "Block explorer" }),
|
|
8934
|
+
/* @__PURE__ */ jsx81(ExternalUrl_default, { fill: "#778DA3" })
|
|
8806
8935
|
] }) }),
|
|
8807
|
-
/* @__PURE__ */
|
|
8936
|
+
/* @__PURE__ */ jsx81(
|
|
8808
8937
|
PrimaryButton_default,
|
|
8809
8938
|
{
|
|
8810
8939
|
clickHandler: handleDisconnect,
|
|
@@ -8819,7 +8948,7 @@ var AccountDetailsModal = () => {
|
|
|
8819
8948
|
var AccountDetailsModal_default = AccountDetailsModal;
|
|
8820
8949
|
|
|
8821
8950
|
// src/widgets/transfer/components/solana/SolanaConnectModal.tsx
|
|
8822
|
-
import { Fragment as Fragment10, jsx as
|
|
8951
|
+
import { Fragment as Fragment10, jsx as jsx82, jsxs as jsxs52 } from "react/jsx-runtime";
|
|
8823
8952
|
var SolanaWalletConnectModal = () => {
|
|
8824
8953
|
const dispatch = useDispatch18();
|
|
8825
8954
|
const theme = useSelector48(selectTheme);
|
|
@@ -8858,16 +8987,16 @@ var SolanaWalletConnectModal = () => {
|
|
|
8858
8987
|
() => mode === "light" /* light */ ? `Light mode uses a demo Solana address (${lightDemoAccounts.SOL}).` : "",
|
|
8859
8988
|
[mode]
|
|
8860
8989
|
);
|
|
8861
|
-
return /* @__PURE__ */
|
|
8862
|
-
/* @__PURE__ */
|
|
8863
|
-
/* @__PURE__ */
|
|
8990
|
+
return /* @__PURE__ */ jsxs52(Fragment10, { children: [
|
|
8991
|
+
/* @__PURE__ */ jsx82(AccountDetailsModal_default, {}),
|
|
8992
|
+
/* @__PURE__ */ jsxs52(
|
|
8864
8993
|
WalletModalShell_default,
|
|
8865
8994
|
{
|
|
8866
8995
|
isOpen: !!isOpen,
|
|
8867
8996
|
title: "Connect Wallet",
|
|
8868
8997
|
onClose: close,
|
|
8869
8998
|
className: "wallet-connect",
|
|
8870
|
-
rightHeader: /* @__PURE__ */
|
|
8999
|
+
rightHeader: /* @__PURE__ */ jsx82("button", { className: "cross-icon-button", onClick: close, children: /* @__PURE__ */ jsx82(
|
|
8871
9000
|
Cross_default,
|
|
8872
9001
|
{
|
|
8873
9002
|
width: 30,
|
|
@@ -8876,10 +9005,10 @@ var SolanaWalletConnectModal = () => {
|
|
|
8876
9005
|
}
|
|
8877
9006
|
) }),
|
|
8878
9007
|
children: [
|
|
8879
|
-
demoMsg && /* @__PURE__ */
|
|
8880
|
-
mode !== "light" /* light */ ? /* @__PURE__ */
|
|
8881
|
-
/* @__PURE__ */
|
|
8882
|
-
/* @__PURE__ */
|
|
9008
|
+
demoMsg && /* @__PURE__ */ jsx82("p", { className: "muted", children: demoMsg }),
|
|
9009
|
+
mode !== "light" /* light */ ? /* @__PURE__ */ jsxs52(Fragment10, { children: [
|
|
9010
|
+
/* @__PURE__ */ jsx82(SolanaWalletSelect_default, {}),
|
|
9011
|
+
/* @__PURE__ */ jsx82("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ jsx82(
|
|
8883
9012
|
"button",
|
|
8884
9013
|
{
|
|
8885
9014
|
className: "primary",
|
|
@@ -8888,8 +9017,8 @@ var SolanaWalletConnectModal = () => {
|
|
|
8888
9017
|
children: connecting ? "Connecting\u2026" : connected ? "Connected" : "Connect"
|
|
8889
9018
|
}
|
|
8890
9019
|
) })
|
|
8891
|
-
] }) : /* @__PURE__ */
|
|
8892
|
-
/* @__PURE__ */
|
|
9020
|
+
] }) : /* @__PURE__ */ jsxs52("div", { style: { display: "flex", gap: 8 }, children: [
|
|
9021
|
+
/* @__PURE__ */ jsx82(
|
|
8893
9022
|
"button",
|
|
8894
9023
|
{
|
|
8895
9024
|
className: "secondary",
|
|
@@ -8897,7 +9026,7 @@ var SolanaWalletConnectModal = () => {
|
|
|
8897
9026
|
children: "View Account"
|
|
8898
9027
|
}
|
|
8899
9028
|
),
|
|
8900
|
-
/* @__PURE__ */
|
|
9029
|
+
/* @__PURE__ */ jsx82("button", { className: "primary", onClick: close, children: "Close" })
|
|
8901
9030
|
] })
|
|
8902
9031
|
]
|
|
8903
9032
|
}
|
|
@@ -8915,7 +9044,7 @@ import { useWallet as useTronWallet5 } from "@tronweb3/tronwallet-adapter-react-
|
|
|
8915
9044
|
import { useMemo as useMemo36 } from "react";
|
|
8916
9045
|
import { useDispatch as useDispatch19, useSelector as useSelector49 } from "react-redux";
|
|
8917
9046
|
import { useWallet as useTronWallet4 } from "@tronweb3/tronwallet-adapter-react-hooks";
|
|
8918
|
-
import { jsx as
|
|
9047
|
+
import { jsx as jsx83, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
8919
9048
|
var AccountDetailsModal2 = () => {
|
|
8920
9049
|
const dispatch = useDispatch19();
|
|
8921
9050
|
const theme = useSelector49(selectTheme);
|
|
@@ -8946,30 +9075,30 @@ var AccountDetailsModal2 = () => {
|
|
|
8946
9075
|
close();
|
|
8947
9076
|
}
|
|
8948
9077
|
};
|
|
8949
|
-
return /* @__PURE__ */
|
|
9078
|
+
return /* @__PURE__ */ jsxs53(
|
|
8950
9079
|
WalletModalShell_default,
|
|
8951
9080
|
{
|
|
8952
9081
|
isOpen: !!isOpen,
|
|
8953
9082
|
title: "Account Details",
|
|
8954
9083
|
onClose: close,
|
|
8955
|
-
rightHeader: /* @__PURE__ */
|
|
9084
|
+
rightHeader: /* @__PURE__ */ jsx83("button", { className: "cross-icon-button", onClick: close, children: /* @__PURE__ */ jsx83(Cross_default, { fill: theme.colorMode === "light" ? "black" : "white" }) }),
|
|
8956
9085
|
children: [
|
|
8957
|
-
/* @__PURE__ */
|
|
8958
|
-
/* @__PURE__ */
|
|
8959
|
-
/* @__PURE__ */
|
|
8960
|
-
sourceAddress && /* @__PURE__ */
|
|
9086
|
+
/* @__PURE__ */ jsxs53("div", { className: "summary", children: [
|
|
9087
|
+
/* @__PURE__ */ jsxs53("div", { className: "address", children: [
|
|
9088
|
+
/* @__PURE__ */ jsx83("h2", { children: sourceAddress ? getShortenedAddress(sourceAddress) : "\u2014" }),
|
|
9089
|
+
sourceAddress && /* @__PURE__ */ jsx83(CopyButton_default, { text: sourceAddress })
|
|
8961
9090
|
] }),
|
|
8962
|
-
/* @__PURE__ */
|
|
9091
|
+
/* @__PURE__ */ jsxs53("h3", { children: [
|
|
8963
9092
|
formatterFloat.format(Number(tronBalance || 0)),
|
|
8964
9093
|
" TRX"
|
|
8965
9094
|
] })
|
|
8966
9095
|
] }),
|
|
8967
|
-
/* @__PURE__ */
|
|
8968
|
-
/* @__PURE__ */
|
|
8969
|
-
/* @__PURE__ */
|
|
8970
|
-
/* @__PURE__ */
|
|
9096
|
+
/* @__PURE__ */ jsx83(SecondaryButton_default, { className: "block-explorer", children: /* @__PURE__ */ jsxs53(ExternalLink_default, { className: "link", to: explorerUrl, children: [
|
|
9097
|
+
/* @__PURE__ */ jsx83(Explorer_default, { fill: "#778DA3" }),
|
|
9098
|
+
/* @__PURE__ */ jsx83("p", { children: "Block explorer" }),
|
|
9099
|
+
/* @__PURE__ */ jsx83(ExternalUrl_default, { fill: "#778DA3" })
|
|
8971
9100
|
] }) }),
|
|
8972
|
-
/* @__PURE__ */
|
|
9101
|
+
/* @__PURE__ */ jsx83(
|
|
8973
9102
|
PrimaryButton_default,
|
|
8974
9103
|
{
|
|
8975
9104
|
clickHandler: handleDisconnect,
|
|
@@ -8988,7 +9117,7 @@ import { useEffect as useEffect23, useMemo as useMemo37, useRef as useRef9 } fro
|
|
|
8988
9117
|
import { useDispatch as useDispatch20, useSelector as useSelector50 } from "react-redux";
|
|
8989
9118
|
import { useWallet as useWallet6 } from "@tronweb3/tronwallet-adapter-react-hooks";
|
|
8990
9119
|
import { AdapterState } from "@tronweb3/tronwallet-abstract-adapter";
|
|
8991
|
-
import { jsx as
|
|
9120
|
+
import { jsx as jsx84, jsxs as jsxs54 } from "react/jsx-runtime";
|
|
8992
9121
|
var TronWalletSelect = () => {
|
|
8993
9122
|
const theme = useSelector50(selectTheme);
|
|
8994
9123
|
const sliderRef = useRef9();
|
|
@@ -9044,27 +9173,27 @@ var TronWalletSelect = () => {
|
|
|
9044
9173
|
const connectWallet = async (walletName) => {
|
|
9045
9174
|
currentWallet?.adapter.name === walletName ? await connect() : select(walletName);
|
|
9046
9175
|
};
|
|
9047
|
-
return /* @__PURE__ */
|
|
9048
|
-
detected.map((wallet, index) => /* @__PURE__ */
|
|
9176
|
+
return /* @__PURE__ */ jsx84("div", { className: `wallet-select`, children: /* @__PURE__ */ jsx84("div", { className: "slide-area hide-scrollbar", ref: sliderRef, children: /* @__PURE__ */ jsxs54("div", { className: "wallet-container", children: [
|
|
9177
|
+
detected.map((wallet, index) => /* @__PURE__ */ jsx84(
|
|
9049
9178
|
"div",
|
|
9050
9179
|
{
|
|
9051
9180
|
className: `card-item ${theme.colorMode}`,
|
|
9052
9181
|
onClick: () => connectWallet(wallet.adapter.name),
|
|
9053
|
-
children: /* @__PURE__ */
|
|
9054
|
-
/* @__PURE__ */
|
|
9055
|
-
/* @__PURE__ */
|
|
9182
|
+
children: /* @__PURE__ */ jsxs54("div", { className: "wallet-item", children: [
|
|
9183
|
+
/* @__PURE__ */ jsx84("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }),
|
|
9184
|
+
/* @__PURE__ */ jsx84("span", { children: wallet.adapter.name })
|
|
9056
9185
|
] })
|
|
9057
9186
|
},
|
|
9058
9187
|
`${wallet.adapter.name}-${index}`
|
|
9059
9188
|
)),
|
|
9060
|
-
undetected.map((wallet, index) => /* @__PURE__ */
|
|
9189
|
+
undetected.map((wallet, index) => /* @__PURE__ */ jsx84(
|
|
9061
9190
|
ExternalLink_default,
|
|
9062
9191
|
{
|
|
9063
9192
|
to: wallet.adapter.url,
|
|
9064
9193
|
className: `card-item ${theme.colorMode}`,
|
|
9065
|
-
children: /* @__PURE__ */
|
|
9066
|
-
/* @__PURE__ */
|
|
9067
|
-
/* @__PURE__ */
|
|
9194
|
+
children: /* @__PURE__ */ jsxs54("div", { className: "wallet-item", children: [
|
|
9195
|
+
/* @__PURE__ */ jsx84("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }),
|
|
9196
|
+
/* @__PURE__ */ jsxs54("span", { children: [
|
|
9068
9197
|
"Install ",
|
|
9069
9198
|
wallet.adapter.name
|
|
9070
9199
|
] })
|
|
@@ -9077,7 +9206,7 @@ var TronWalletSelect = () => {
|
|
|
9077
9206
|
var TronWalletSelect_default = TronWalletSelect;
|
|
9078
9207
|
|
|
9079
9208
|
// src/widgets/transfer/components/tron/TronWalletConnectModal.tsx
|
|
9080
|
-
import { Fragment as Fragment11, jsx as
|
|
9209
|
+
import { Fragment as Fragment11, jsx as jsx85, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
9081
9210
|
var TronWalletConnectModal = () => {
|
|
9082
9211
|
const dispatch = useDispatch21();
|
|
9083
9212
|
const theme = useSelector51(selectTheme);
|
|
@@ -9109,21 +9238,21 @@ var TronWalletConnectModal = () => {
|
|
|
9109
9238
|
() => mode === "light" /* light */ ? `Light mode uses a demo Tron address (${lightDemoAccounts.TRX}).` : "",
|
|
9110
9239
|
[mode]
|
|
9111
9240
|
);
|
|
9112
|
-
return /* @__PURE__ */
|
|
9113
|
-
/* @__PURE__ */
|
|
9114
|
-
/* @__PURE__ */
|
|
9241
|
+
return /* @__PURE__ */ jsxs55(Fragment11, { children: [
|
|
9242
|
+
/* @__PURE__ */ jsx85(AccountDetailsModal_default2, {}),
|
|
9243
|
+
/* @__PURE__ */ jsxs55(
|
|
9115
9244
|
WalletModalShell_default,
|
|
9116
9245
|
{
|
|
9117
9246
|
isOpen: !!isOpen,
|
|
9118
9247
|
title: "Connect Wallet",
|
|
9119
9248
|
onClose: close,
|
|
9120
9249
|
className: "wallet-connect",
|
|
9121
|
-
rightHeader: /* @__PURE__ */
|
|
9250
|
+
rightHeader: /* @__PURE__ */ jsx85("button", { className: "icon-button", onClick: close, children: /* @__PURE__ */ jsx85(Cross_default, { fill: theme.colorMode === "light" ? "black" : "white" }) }),
|
|
9122
9251
|
children: [
|
|
9123
|
-
demoMsg && /* @__PURE__ */
|
|
9124
|
-
mode !== "light" /* light */ ? /* @__PURE__ */
|
|
9125
|
-
/* @__PURE__ */
|
|
9126
|
-
/* @__PURE__ */
|
|
9252
|
+
demoMsg && /* @__PURE__ */ jsx85("p", { className: "muted", children: demoMsg }),
|
|
9253
|
+
mode !== "light" /* light */ ? /* @__PURE__ */ jsxs55(Fragment11, { children: [
|
|
9254
|
+
/* @__PURE__ */ jsx85(TronWalletSelect_default, {}),
|
|
9255
|
+
/* @__PURE__ */ jsx85("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ jsx85(
|
|
9127
9256
|
"button",
|
|
9128
9257
|
{
|
|
9129
9258
|
className: "primary",
|
|
@@ -9132,8 +9261,8 @@ var TronWalletConnectModal = () => {
|
|
|
9132
9261
|
children: connecting ? "Connecting\u2026" : connected ? "Connected" : "Connect"
|
|
9133
9262
|
}
|
|
9134
9263
|
) })
|
|
9135
|
-
] }) : /* @__PURE__ */
|
|
9136
|
-
/* @__PURE__ */
|
|
9264
|
+
] }) : /* @__PURE__ */ jsxs55("div", { style: { display: "flex", gap: 8 }, children: [
|
|
9265
|
+
/* @__PURE__ */ jsx85(
|
|
9137
9266
|
"button",
|
|
9138
9267
|
{
|
|
9139
9268
|
className: "secondary",
|
|
@@ -9141,7 +9270,7 @@ var TronWalletConnectModal = () => {
|
|
|
9141
9270
|
children: "View Account"
|
|
9142
9271
|
}
|
|
9143
9272
|
),
|
|
9144
|
-
/* @__PURE__ */
|
|
9273
|
+
/* @__PURE__ */ jsx85("button", { className: "primary", onClick: close, children: "Close" })
|
|
9145
9274
|
] })
|
|
9146
9275
|
]
|
|
9147
9276
|
}
|
|
@@ -9151,7 +9280,7 @@ var TronWalletConnectModal = () => {
|
|
|
9151
9280
|
var TronWalletConnectModal_default = TronWalletConnectModal;
|
|
9152
9281
|
|
|
9153
9282
|
// src/widgets/transfer/components/TransferWidget.tsx
|
|
9154
|
-
import { jsx as
|
|
9283
|
+
import { jsx as jsx86, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
9155
9284
|
var TransferWidget = ({
|
|
9156
9285
|
theme,
|
|
9157
9286
|
helpURL,
|
|
@@ -9244,7 +9373,7 @@ var TransferWidget = ({
|
|
|
9244
9373
|
);
|
|
9245
9374
|
toast4.error(
|
|
9246
9375
|
"An unexpected error occurred while preparing the transfer. Please contact support for assistance.",
|
|
9247
|
-
{ icon: /* @__PURE__ */
|
|
9376
|
+
{ icon: /* @__PURE__ */ jsx86(Error_default, {}) }
|
|
9248
9377
|
);
|
|
9249
9378
|
}
|
|
9250
9379
|
}, [fees, mode, transactionOption, dispatch]);
|
|
@@ -9302,7 +9431,7 @@ var TransferWidget = ({
|
|
|
9302
9431
|
logger_default.error("[TransferWidget] submit failed", err);
|
|
9303
9432
|
toast4.error(
|
|
9304
9433
|
"Failed to submit your transaction. Please contact support for assistance.",
|
|
9305
|
-
{ icon: /* @__PURE__ */
|
|
9434
|
+
{ icon: /* @__PURE__ */ jsx86(Error_default, {}) }
|
|
9306
9435
|
);
|
|
9307
9436
|
dispatch(setCCTransactionStatus("error-generic"));
|
|
9308
9437
|
}
|
|
@@ -9310,7 +9439,7 @@ var TransferWidget = ({
|
|
|
9310
9439
|
const handleSubmit = async () => {
|
|
9311
9440
|
const { error, message: validationMessage } = validate(true);
|
|
9312
9441
|
if (error === "ValidationError" /* Error */) {
|
|
9313
|
-
toast4.error(validationMessage, { icon: /* @__PURE__ */
|
|
9442
|
+
toast4.error(validationMessage, { icon: /* @__PURE__ */ jsx86(Error_default, {}) });
|
|
9314
9443
|
return;
|
|
9315
9444
|
}
|
|
9316
9445
|
if (["BANK", "CC"].includes(sourceChain.shortName)) {
|
|
@@ -9349,14 +9478,14 @@ var TransferWidget = ({
|
|
|
9349
9478
|
if (msg.includes("ChainMismatch")) {
|
|
9350
9479
|
toast4.error(
|
|
9351
9480
|
`Your wallet is on the wrong network. Please switch to ${sourceChain.name} and try again.`,
|
|
9352
|
-
{ icon: /* @__PURE__ */
|
|
9481
|
+
{ icon: /* @__PURE__ */ jsx86(Error_default, {}) }
|
|
9353
9482
|
);
|
|
9354
9483
|
return;
|
|
9355
9484
|
}
|
|
9356
9485
|
logger_default.error("[TransferWidget] approval failed", err);
|
|
9357
9486
|
toast4.error(
|
|
9358
9487
|
"Failed to approve the token allowance. Please contact support for assistance.",
|
|
9359
|
-
{ icon: /* @__PURE__ */
|
|
9488
|
+
{ icon: /* @__PURE__ */ jsx86(Error_default, {}) }
|
|
9360
9489
|
);
|
|
9361
9490
|
}
|
|
9362
9491
|
return;
|
|
@@ -9391,7 +9520,7 @@ var TransferWidget = ({
|
|
|
9391
9520
|
logger_default.error("[TransferWidget] handleSubmit failed", err);
|
|
9392
9521
|
toast4.error(
|
|
9393
9522
|
"An unexpected error occurred while submitting. Please contact support for assistance.",
|
|
9394
|
-
{ icon: /* @__PURE__ */
|
|
9523
|
+
{ icon: /* @__PURE__ */ jsx86(Error_default, {}) }
|
|
9395
9524
|
);
|
|
9396
9525
|
setIsSubmitting(false);
|
|
9397
9526
|
}
|
|
@@ -9411,7 +9540,7 @@ var TransferWidget = ({
|
|
|
9411
9540
|
void handleSubmit();
|
|
9412
9541
|
return;
|
|
9413
9542
|
}
|
|
9414
|
-
toast4.error(validationMessage, { icon: /* @__PURE__ */
|
|
9543
|
+
toast4.error(validationMessage, { icon: /* @__PURE__ */ jsx86(Error_default, {}) });
|
|
9415
9544
|
mainRef.current?.click();
|
|
9416
9545
|
};
|
|
9417
9546
|
const onBack = () => {
|
|
@@ -9439,7 +9568,7 @@ var TransferWidget = ({
|
|
|
9439
9568
|
logger_default.error("[TransferWidget] cancel approve failed", err);
|
|
9440
9569
|
toast4.error(
|
|
9441
9570
|
"Unable to cancel the approval. Please contact support for assistance.",
|
|
9442
|
-
{ icon: /* @__PURE__ */
|
|
9571
|
+
{ icon: /* @__PURE__ */ jsx86(Error_default, {}) }
|
|
9443
9572
|
);
|
|
9444
9573
|
}
|
|
9445
9574
|
} finally {
|
|
@@ -9484,11 +9613,11 @@ var TransferWidget = ({
|
|
|
9484
9613
|
logger_default.error("[TransferWidget] reset failed", e);
|
|
9485
9614
|
toast4.error(
|
|
9486
9615
|
"Unable to reset the form. Please contact support for assistance.",
|
|
9487
|
-
{ icon: /* @__PURE__ */
|
|
9616
|
+
{ icon: /* @__PURE__ */ jsx86(Error_default, {}) }
|
|
9488
9617
|
);
|
|
9489
9618
|
}
|
|
9490
9619
|
};
|
|
9491
|
-
return /* @__PURE__ */
|
|
9620
|
+
return /* @__PURE__ */ jsxs56(
|
|
9492
9621
|
"div",
|
|
9493
9622
|
{
|
|
9494
9623
|
className: `kima-card ${theme.colorMode}`,
|
|
@@ -9496,7 +9625,7 @@ var TransferWidget = ({
|
|
|
9496
9625
|
background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
|
|
9497
9626
|
},
|
|
9498
9627
|
children: [
|
|
9499
|
-
resetModalOpen && /* @__PURE__ */
|
|
9628
|
+
resetModalOpen && /* @__PURE__ */ jsx86(
|
|
9500
9629
|
WarningModal_default,
|
|
9501
9630
|
{
|
|
9502
9631
|
message: "Are you sure you want to reset the widget?",
|
|
@@ -9508,7 +9637,7 @@ var TransferWidget = ({
|
|
|
9508
9637
|
onCancel: () => setResetModalOpen(false)
|
|
9509
9638
|
}
|
|
9510
9639
|
),
|
|
9511
|
-
warningModalOpen && /* @__PURE__ */
|
|
9640
|
+
warningModalOpen && /* @__PURE__ */ jsx86(
|
|
9512
9641
|
WarningModal_default,
|
|
9513
9642
|
{
|
|
9514
9643
|
message: warningModalOpen.message,
|
|
@@ -9522,21 +9651,21 @@ var TransferWidget = ({
|
|
|
9522
9651
|
}
|
|
9523
9652
|
}
|
|
9524
9653
|
),
|
|
9525
|
-
mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */
|
|
9526
|
-
/* @__PURE__ */
|
|
9527
|
-
/* @__PURE__ */
|
|
9528
|
-
/* @__PURE__ */
|
|
9529
|
-
/* @__PURE__ */
|
|
9530
|
-
/* @__PURE__ */
|
|
9531
|
-
/* @__PURE__ */
|
|
9654
|
+
mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ jsx86("h2", { className: "invalid-option-banner", children: "We're unable to process your payment. Please ensure the necessary transaction details are provided. Contact support if the issue persists." }),
|
|
9655
|
+
/* @__PURE__ */ jsxs56("div", { className: "transfer-card", children: [
|
|
9656
|
+
/* @__PURE__ */ jsxs56("div", { className: "kima-card-header", children: [
|
|
9657
|
+
/* @__PURE__ */ jsxs56("div", { className: "topbar", children: [
|
|
9658
|
+
/* @__PURE__ */ jsx86("div", { className: "title", children: /* @__PURE__ */ jsx86("h3", { style: { marginRight: "5px" }, children: formStep === 0 ? titleOption?.initialTitle ?? (mode === "payment" /* payment */ ? "New Purchase" : "New Transfer") : titleOption?.confirmTitle ?? (mode === "payment" /* payment */ ? "Confirm Purchase" : "Transfer Details") }) }),
|
|
9659
|
+
/* @__PURE__ */ jsxs56("div", { className: "control-buttons", children: [
|
|
9660
|
+
/* @__PURE__ */ jsx86(
|
|
9532
9661
|
ExternalLink_default,
|
|
9533
9662
|
{
|
|
9534
9663
|
to: helpURL ? helpURL : networkOption === "testnet" /* testnet */ ? "https://docs.kima.network/kima-network/try-kima-with-the-demo-app" : "https://support.kima.network",
|
|
9535
|
-
children: /* @__PURE__ */
|
|
9664
|
+
children: /* @__PURE__ */ jsx86("div", { className: "menu-button", children: "I need help" })
|
|
9536
9665
|
}
|
|
9537
9666
|
),
|
|
9538
|
-
["BANK", "CC"].includes(sourceChain.shortName) && formStep > 0 && /* @__PURE__ */
|
|
9539
|
-
formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */
|
|
9667
|
+
["BANK", "CC"].includes(sourceChain.shortName) && formStep > 0 && /* @__PURE__ */ jsx86(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards", children: /* @__PURE__ */ jsx86("div", { className: "menu-button", children: "Unsupported Countries" }) }),
|
|
9668
|
+
formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ jsx86(
|
|
9540
9669
|
"button",
|
|
9541
9670
|
{
|
|
9542
9671
|
className: "reset-button",
|
|
@@ -9545,7 +9674,7 @@ var TransferWidget = ({
|
|
|
9545
9674
|
children: "Reset"
|
|
9546
9675
|
}
|
|
9547
9676
|
),
|
|
9548
|
-
closeHandler && /* @__PURE__ */
|
|
9677
|
+
closeHandler && /* @__PURE__ */ jsx86(
|
|
9549
9678
|
"button",
|
|
9550
9679
|
{
|
|
9551
9680
|
className: "cross-icon-button",
|
|
@@ -9553,14 +9682,14 @@ var TransferWidget = ({
|
|
|
9553
9682
|
resetForm();
|
|
9554
9683
|
closeHandler(0);
|
|
9555
9684
|
},
|
|
9556
|
-
children: /* @__PURE__ */
|
|
9685
|
+
children: /* @__PURE__ */ jsx86(Cross_default, {})
|
|
9557
9686
|
}
|
|
9558
9687
|
)
|
|
9559
9688
|
] })
|
|
9560
9689
|
] }),
|
|
9561
|
-
mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */
|
|
9690
|
+
mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ jsx86("h4", { className: "subtitle", children: paymentTitleOption.title })
|
|
9562
9691
|
] }),
|
|
9563
|
-
/* @__PURE__ */
|
|
9692
|
+
/* @__PURE__ */ jsx86("div", { className: "kima-card-content", ref: mainRef, children: formStep === 0 ? /* @__PURE__ */ jsx86(
|
|
9564
9693
|
SingleForm_default,
|
|
9565
9694
|
{
|
|
9566
9695
|
...{
|
|
@@ -9573,7 +9702,7 @@ var TransferWidget = ({
|
|
|
9573
9702
|
setInitialSelection
|
|
9574
9703
|
}
|
|
9575
9704
|
}
|
|
9576
|
-
) : ccTransactionStatus !== "idle" ? /* @__PURE__ */
|
|
9705
|
+
) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ jsx86(FiatWidget_default, { submitCallback: submit }) : /* @__PURE__ */ jsx86(
|
|
9577
9706
|
ConfirmDetails_default,
|
|
9578
9707
|
{
|
|
9579
9708
|
...{
|
|
@@ -9582,12 +9711,12 @@ var TransferWidget = ({
|
|
|
9582
9711
|
}
|
|
9583
9712
|
}
|
|
9584
9713
|
) }),
|
|
9585
|
-
/* @__PURE__ */
|
|
9714
|
+
/* @__PURE__ */ jsx86(
|
|
9586
9715
|
"div",
|
|
9587
9716
|
{
|
|
9588
9717
|
className: `kima-card-footer ${mode === "bridge" /* bridge */ && formStep !== 0 && "confirm"}`,
|
|
9589
|
-
children: /* @__PURE__ */
|
|
9590
|
-
isBackButtonEnabled && /* @__PURE__ */
|
|
9718
|
+
children: /* @__PURE__ */ jsxs56("div", { className: "button-group", children: [
|
|
9719
|
+
isBackButtonEnabled && /* @__PURE__ */ jsx86(
|
|
9591
9720
|
SecondaryButton_default,
|
|
9592
9721
|
{
|
|
9593
9722
|
clickHandler: onBack,
|
|
@@ -9597,7 +9726,7 @@ var TransferWidget = ({
|
|
|
9597
9726
|
}
|
|
9598
9727
|
),
|
|
9599
9728
|
!!allowance && allowance > 0n && formStep !== 0 && !["BANK", "CC"].includes(sourceChain.shortName) && // EVM path
|
|
9600
|
-
mode !== "light" /* light */ && /* @__PURE__ */
|
|
9729
|
+
mode !== "light" /* light */ && /* @__PURE__ */ jsx86(
|
|
9601
9730
|
SecondaryButton_default,
|
|
9602
9731
|
{
|
|
9603
9732
|
clickHandler: onCancelApprove,
|
|
@@ -9607,7 +9736,7 @@ var TransferWidget = ({
|
|
|
9607
9736
|
children: isCancellingApprove ? "Cancelling Approval" : "Cancel Approve"
|
|
9608
9737
|
}
|
|
9609
9738
|
),
|
|
9610
|
-
isSubmitButtonEnabled && /* @__PURE__ */
|
|
9739
|
+
isSubmitButtonEnabled && /* @__PURE__ */ jsx86(
|
|
9611
9740
|
PrimaryButton_default,
|
|
9612
9741
|
{
|
|
9613
9742
|
clickHandler: onNext,
|
|
@@ -9619,9 +9748,9 @@ var TransferWidget = ({
|
|
|
9619
9748
|
] })
|
|
9620
9749
|
}
|
|
9621
9750
|
),
|
|
9622
|
-
/* @__PURE__ */
|
|
9623
|
-
/* @__PURE__ */
|
|
9624
|
-
/* @__PURE__ */
|
|
9751
|
+
/* @__PURE__ */ jsx86(SolanaConnectModal_default, {}),
|
|
9752
|
+
/* @__PURE__ */ jsx86(TronWalletConnectModal_default, {}),
|
|
9753
|
+
/* @__PURE__ */ jsx86(
|
|
9625
9754
|
Toaster2,
|
|
9626
9755
|
{
|
|
9627
9756
|
position: "top-right",
|
|
@@ -9645,9 +9774,9 @@ var TransferWidget = ({
|
|
|
9645
9774
|
}
|
|
9646
9775
|
}
|
|
9647
9776
|
),
|
|
9648
|
-
/* @__PURE__ */
|
|
9649
|
-
/* @__PURE__ */
|
|
9650
|
-
/* @__PURE__ */
|
|
9777
|
+
/* @__PURE__ */ jsx86("div", { className: "floating-footer", children: /* @__PURE__ */ jsxs56("div", { className: `items ${theme.colorMode}`, children: [
|
|
9778
|
+
/* @__PURE__ */ jsx86("span", { children: "Powered by" }),
|
|
9779
|
+
/* @__PURE__ */ jsx86(KimaNetwork_default, {})
|
|
9651
9780
|
] }) })
|
|
9652
9781
|
] })
|
|
9653
9782
|
]
|
|
@@ -9656,7 +9785,7 @@ var TransferWidget = ({
|
|
|
9656
9785
|
};
|
|
9657
9786
|
|
|
9658
9787
|
// src/widgets/common/KimaWidgetWrapper.tsx
|
|
9659
|
-
import { jsx as
|
|
9788
|
+
import { jsx as jsx87 } from "react/jsx-runtime";
|
|
9660
9789
|
var KimaWidgetWrapper = ({
|
|
9661
9790
|
mode,
|
|
9662
9791
|
txId,
|
|
@@ -9826,10 +9955,10 @@ var KimaWidgetWrapper = ({
|
|
|
9826
9955
|
}, [currentPlugin?.id, sourceChain?.shortName]);
|
|
9827
9956
|
const content = useMemo40(() => {
|
|
9828
9957
|
if (mode === "status" /* status */) {
|
|
9829
|
-
return /* @__PURE__ */
|
|
9958
|
+
return /* @__PURE__ */ jsx87(TransactionWidget, { theme });
|
|
9830
9959
|
}
|
|
9831
9960
|
if (!currentPlugin && !sourceChain?.shortName) {
|
|
9832
|
-
return /* @__PURE__ */
|
|
9961
|
+
return /* @__PURE__ */ jsx87(
|
|
9833
9962
|
TransferWidget,
|
|
9834
9963
|
{
|
|
9835
9964
|
theme,
|
|
@@ -9841,15 +9970,15 @@ var KimaWidgetWrapper = ({
|
|
|
9841
9970
|
);
|
|
9842
9971
|
}
|
|
9843
9972
|
if (!currentPlugin) {
|
|
9844
|
-
return /* @__PURE__ */
|
|
9973
|
+
return /* @__PURE__ */ jsx87(SkeletonLoader_default, { theme });
|
|
9845
9974
|
}
|
|
9846
9975
|
if (sourceChain.shortName === "CC") {
|
|
9847
9976
|
if (submitted) {
|
|
9848
9977
|
logger_default.debug("[KimaWidgetWrapper] CC mode -> TransactionWidget");
|
|
9849
|
-
return /* @__PURE__ */
|
|
9978
|
+
return /* @__PURE__ */ jsx87(TransactionWidget, { theme });
|
|
9850
9979
|
}
|
|
9851
9980
|
if (ccTransactionStatus === "error-id") {
|
|
9852
|
-
return /* @__PURE__ */
|
|
9981
|
+
return /* @__PURE__ */ jsx87(
|
|
9853
9982
|
ErrorWidget_default,
|
|
9854
9983
|
{
|
|
9855
9984
|
theme,
|
|
@@ -9864,7 +9993,7 @@ var KimaWidgetWrapper = ({
|
|
|
9864
9993
|
);
|
|
9865
9994
|
}
|
|
9866
9995
|
if (ccTransactionStatus === "error-generic") {
|
|
9867
|
-
return /* @__PURE__ */
|
|
9996
|
+
return /* @__PURE__ */ jsx87(
|
|
9868
9997
|
ErrorWidget_default,
|
|
9869
9998
|
{
|
|
9870
9999
|
theme,
|
|
@@ -9878,7 +10007,7 @@ var KimaWidgetWrapper = ({
|
|
|
9878
10007
|
}
|
|
9879
10008
|
);
|
|
9880
10009
|
}
|
|
9881
|
-
return /* @__PURE__ */
|
|
10010
|
+
return /* @__PURE__ */ jsx87(
|
|
9882
10011
|
TransferWidget,
|
|
9883
10012
|
{
|
|
9884
10013
|
theme,
|
|
@@ -9893,7 +10022,7 @@ var KimaWidgetWrapper = ({
|
|
|
9893
10022
|
"[KimaWidgetWrapper] rendering TransferWidget with plugin",
|
|
9894
10023
|
currentPlugin?.id
|
|
9895
10024
|
);
|
|
9896
|
-
return submitted ? /* @__PURE__ */
|
|
10025
|
+
return submitted ? /* @__PURE__ */ jsx87(TransactionWidget, { theme }) : /* @__PURE__ */ jsx87(
|
|
9897
10026
|
TransferWidget,
|
|
9898
10027
|
{
|
|
9899
10028
|
theme,
|
|
@@ -9922,7 +10051,7 @@ var KimaWidgetWrapper = ({
|
|
|
9922
10051
|
var KimaWidgetWrapper_default = KimaWidgetWrapper;
|
|
9923
10052
|
|
|
9924
10053
|
// src/widgets/common/KimaTransactionWidget.tsx
|
|
9925
|
-
import { jsx as
|
|
10054
|
+
import { jsx as jsx88 } from "react/jsx-runtime";
|
|
9926
10055
|
var KimaTransactionWidget = ({
|
|
9927
10056
|
mode,
|
|
9928
10057
|
txId,
|
|
@@ -9956,11 +10085,11 @@ var KimaTransactionWidget = ({
|
|
|
9956
10085
|
}
|
|
9957
10086
|
}, [theme?.colorMode, dispatch, theme]);
|
|
9958
10087
|
if (!hydrated || !theme?.colorMode)
|
|
9959
|
-
return /* @__PURE__ */
|
|
10088
|
+
return /* @__PURE__ */ jsx88(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
|
|
9960
10089
|
if (isLoadingEnvs || isLoadingChainData)
|
|
9961
|
-
return /* @__PURE__ */
|
|
10090
|
+
return /* @__PURE__ */ jsx88(SkeletonLoader_default, { theme });
|
|
9962
10091
|
if (envOptionsError || !envOptions)
|
|
9963
|
-
return /* @__PURE__ */
|
|
10092
|
+
return /* @__PURE__ */ jsx88(
|
|
9964
10093
|
ErrorWidget_default,
|
|
9965
10094
|
{
|
|
9966
10095
|
theme,
|
|
@@ -9969,7 +10098,7 @@ var KimaTransactionWidget = ({
|
|
|
9969
10098
|
}
|
|
9970
10099
|
);
|
|
9971
10100
|
if (chainDataError || !chainData)
|
|
9972
|
-
return /* @__PURE__ */
|
|
10101
|
+
return /* @__PURE__ */ jsx88(
|
|
9973
10102
|
ErrorWidget_default,
|
|
9974
10103
|
{
|
|
9975
10104
|
theme,
|
|
@@ -9977,7 +10106,7 @@ var KimaTransactionWidget = ({
|
|
|
9977
10106
|
message: "There was an error loading the chain data from the backend. Please check that the backend is running properly and the widget points to the corresponding url." /* ChainLoadingError */
|
|
9978
10107
|
}
|
|
9979
10108
|
);
|
|
9980
|
-
return /* @__PURE__ */
|
|
10109
|
+
return /* @__PURE__ */ jsx88(
|
|
9981
10110
|
KimaWidgetWrapper_default,
|
|
9982
10111
|
{
|
|
9983
10112
|
...{
|