@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.cjs
CHANGED
|
@@ -1804,6 +1804,121 @@ var TransactionComplete = ({ width = 140, height = 120, ...rest }) => {
|
|
|
1804
1804
|
};
|
|
1805
1805
|
var TransactionComplete_default = TransactionComplete;
|
|
1806
1806
|
|
|
1807
|
+
// src/assets/icons/USD1.tsx
|
|
1808
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
1809
|
+
var USD1 = ({ width = 40, height = 40, ...rest }) => {
|
|
1810
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
|
|
1811
|
+
"svg",
|
|
1812
|
+
{
|
|
1813
|
+
version: "1.1",
|
|
1814
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1815
|
+
width,
|
|
1816
|
+
height,
|
|
1817
|
+
viewBox: "0 0 200 200",
|
|
1818
|
+
...rest,
|
|
1819
|
+
children: [
|
|
1820
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1821
|
+
"path",
|
|
1822
|
+
{
|
|
1823
|
+
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 ",
|
|
1824
|
+
fill: "#C88204",
|
|
1825
|
+
transform: "translate(162.8125,21.4375)"
|
|
1826
|
+
}
|
|
1827
|
+
),
|
|
1828
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1829
|
+
"path",
|
|
1830
|
+
{
|
|
1831
|
+
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 ",
|
|
1832
|
+
fill: "#E1A918",
|
|
1833
|
+
transform: "translate(162.8125,21.4375)"
|
|
1834
|
+
}
|
|
1835
|
+
),
|
|
1836
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1837
|
+
"path",
|
|
1838
|
+
{
|
|
1839
|
+
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 ",
|
|
1840
|
+
fill: "#AB6606",
|
|
1841
|
+
transform: "translate(106,42)"
|
|
1842
|
+
}
|
|
1843
|
+
),
|
|
1844
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1845
|
+
"path",
|
|
1846
|
+
{
|
|
1847
|
+
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 ",
|
|
1848
|
+
fill: "#FDEA8D",
|
|
1849
|
+
transform: "translate(106,42)"
|
|
1850
|
+
}
|
|
1851
|
+
),
|
|
1852
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1853
|
+
"path",
|
|
1854
|
+
{
|
|
1855
|
+
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 ",
|
|
1856
|
+
fill: "#C98304",
|
|
1857
|
+
transform: "translate(110,83)"
|
|
1858
|
+
}
|
|
1859
|
+
),
|
|
1860
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1861
|
+
"path",
|
|
1862
|
+
{
|
|
1863
|
+
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 ",
|
|
1864
|
+
fill: "#B57005",
|
|
1865
|
+
transform: "translate(17,90)"
|
|
1866
|
+
}
|
|
1867
|
+
),
|
|
1868
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1869
|
+
"path",
|
|
1870
|
+
{
|
|
1871
|
+
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 ",
|
|
1872
|
+
fill: "#85490E",
|
|
1873
|
+
transform: "translate(106,42)"
|
|
1874
|
+
}
|
|
1875
|
+
),
|
|
1876
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1877
|
+
"path",
|
|
1878
|
+
{
|
|
1879
|
+
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 ",
|
|
1880
|
+
fill: "#AB6706",
|
|
1881
|
+
transform: "translate(56,130)"
|
|
1882
|
+
}
|
|
1883
|
+
),
|
|
1884
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1885
|
+
"path",
|
|
1886
|
+
{
|
|
1887
|
+
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 ",
|
|
1888
|
+
fill: "#864A0E",
|
|
1889
|
+
transform: "translate(93,61)"
|
|
1890
|
+
}
|
|
1891
|
+
),
|
|
1892
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1893
|
+
"path",
|
|
1894
|
+
{
|
|
1895
|
+
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 ",
|
|
1896
|
+
fill: "#BD7805",
|
|
1897
|
+
transform: "translate(176,64)"
|
|
1898
|
+
}
|
|
1899
|
+
),
|
|
1900
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1901
|
+
"path",
|
|
1902
|
+
{
|
|
1903
|
+
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 ",
|
|
1904
|
+
fill: "#AE6906",
|
|
1905
|
+
transform: "translate(30.3125,128.3125)"
|
|
1906
|
+
}
|
|
1907
|
+
),
|
|
1908
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1909
|
+
"path",
|
|
1910
|
+
{
|
|
1911
|
+
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 ",
|
|
1912
|
+
fill: "#BD7705",
|
|
1913
|
+
transform: "translate(93,66)"
|
|
1914
|
+
}
|
|
1915
|
+
)
|
|
1916
|
+
]
|
|
1917
|
+
}
|
|
1918
|
+
);
|
|
1919
|
+
};
|
|
1920
|
+
var USD1_default = USD1;
|
|
1921
|
+
|
|
1807
1922
|
// src/shared/types/chains.ts
|
|
1808
1923
|
var import_web3 = require("@solana/web3.js");
|
|
1809
1924
|
var ChainName = /* @__PURE__ */ ((ChainName2) => {
|
|
@@ -3090,7 +3205,7 @@ var setupAppKit = (projectId, networkOption) => {
|
|
|
3090
3205
|
};
|
|
3091
3206
|
|
|
3092
3207
|
// src/app/providers/EvmWalletProvider.tsx
|
|
3093
|
-
var
|
|
3208
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
3094
3209
|
var EvmWalletProvider = ({
|
|
3095
3210
|
children,
|
|
3096
3211
|
networkOption,
|
|
@@ -3102,21 +3217,21 @@ var EvmWalletProvider = ({
|
|
|
3102
3217
|
setupAppKit(projectId, networkOption);
|
|
3103
3218
|
}
|
|
3104
3219
|
}, [isLoading, networkOption, projectId]);
|
|
3105
|
-
return /* @__PURE__ */ (0,
|
|
3220
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children });
|
|
3106
3221
|
};
|
|
3107
3222
|
|
|
3108
3223
|
// src/app/providers/SolanaWalletProvider.tsx
|
|
3109
3224
|
var import_wallet_adapter_react = require("@solana/wallet-adapter-react");
|
|
3110
3225
|
var import_wallet_adapter_wallets = require("@solana/wallet-adapter-wallets");
|
|
3111
3226
|
var import_web34 = require("@solana/web3.js");
|
|
3112
|
-
var
|
|
3227
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
3113
3228
|
var SolanaWalletProvider = ({
|
|
3114
3229
|
children,
|
|
3115
3230
|
networkOption
|
|
3116
3231
|
}) => {
|
|
3117
3232
|
const { solRPC } = useKimaContext();
|
|
3118
3233
|
const endpoint = networkOption === "testnet" /* testnet */ ? (0, import_web34.clusterApiUrl)("testnet") : solRPC ?? "https://go.getblock.us/86aac42ad4484f3c813079afc201451c";
|
|
3119
|
-
return /* @__PURE__ */ (0,
|
|
3234
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_wallet_adapter_react.ConnectionProvider, { endpoint, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3120
3235
|
import_wallet_adapter_react.WalletProvider,
|
|
3121
3236
|
{
|
|
3122
3237
|
autoConnect: false,
|
|
@@ -3140,7 +3255,7 @@ var import_tronwallet_adapter_ledger = require("@tronweb3/tronwallet-adapter-led
|
|
|
3140
3255
|
var import_tronwallet_adapter_tronlink = require("@tronweb3/tronwallet-adapter-tronlink");
|
|
3141
3256
|
var import_tronwallet_adapter_okxwallet = require("@tronweb3/tronwallet-adapter-okxwallet");
|
|
3142
3257
|
var import_tronwallet_adapter_tokenpocket = require("@tronweb3/tronwallet-adapter-tokenpocket");
|
|
3143
|
-
var
|
|
3258
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
3144
3259
|
var TronWalletProvider = ({ children }) => {
|
|
3145
3260
|
const adapters = (0, import_react11.useMemo)(
|
|
3146
3261
|
() => [
|
|
@@ -3151,7 +3266,7 @@ var TronWalletProvider = ({ children }) => {
|
|
|
3151
3266
|
],
|
|
3152
3267
|
[]
|
|
3153
3268
|
);
|
|
3154
|
-
return /* @__PURE__ */ (0,
|
|
3269
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_tronwallet_adapter_react_hooks.WalletProvider, { adapters, autoConnect: false, children });
|
|
3155
3270
|
};
|
|
3156
3271
|
|
|
3157
3272
|
// src/features/connect-wallet/evm/useEvmProvider.ts
|
|
@@ -3563,7 +3678,7 @@ var useDisconnectWallet = () => {
|
|
|
3563
3678
|
};
|
|
3564
3679
|
|
|
3565
3680
|
// src/shared/plugins/evm/adapter.tsx
|
|
3566
|
-
var
|
|
3681
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
3567
3682
|
var EvmPlugin = class extends PluginBase {
|
|
3568
3683
|
constructor(store2) {
|
|
3569
3684
|
super({
|
|
@@ -3578,7 +3693,7 @@ var EvmPlugin = class extends PluginBase {
|
|
|
3578
3693
|
});
|
|
3579
3694
|
}
|
|
3580
3695
|
isCompatible = (chain) => chain.compatibility === "EVM";
|
|
3581
|
-
Provider = ({ children, networkOption, projectId, isLoading }) => /* @__PURE__ */ (0,
|
|
3696
|
+
Provider = ({ children, networkOption, projectId, isLoading }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(EvmWalletProvider, { networkOption, projectId, isLoading, children });
|
|
3582
3697
|
};
|
|
3583
3698
|
var evmPlugin = new EvmPlugin(store_default);
|
|
3584
3699
|
var adapter_default = evmPlugin;
|
|
@@ -4053,7 +4168,7 @@ var useDisconnectWallet2 = () => {
|
|
|
4053
4168
|
};
|
|
4054
4169
|
|
|
4055
4170
|
// src/shared/plugins/solana/adapter.tsx
|
|
4056
|
-
var
|
|
4171
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
4057
4172
|
var SolanaPlugin = class extends PluginBase {
|
|
4058
4173
|
constructor(store2) {
|
|
4059
4174
|
super({
|
|
@@ -4068,7 +4183,7 @@ var SolanaPlugin = class extends PluginBase {
|
|
|
4068
4183
|
});
|
|
4069
4184
|
}
|
|
4070
4185
|
isCompatible = (chain) => chain.shortName === "SOL";
|
|
4071
|
-
Provider = ({ children, networkOption }) => /* @__PURE__ */ (0,
|
|
4186
|
+
Provider = ({ children, networkOption }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SolanaWalletProvider, { networkOption, children });
|
|
4072
4187
|
};
|
|
4073
4188
|
var solanaPlugin = new SolanaPlugin(store_default);
|
|
4074
4189
|
var adapter_default2 = solanaPlugin;
|
|
@@ -4891,7 +5006,7 @@ var useDisconnectWallet3 = () => {
|
|
|
4891
5006
|
};
|
|
4892
5007
|
|
|
4893
5008
|
// src/shared/plugins/tron/adapter.tsx
|
|
4894
|
-
var
|
|
5009
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
4895
5010
|
var TronPlugin = class extends PluginBase {
|
|
4896
5011
|
constructor(store2) {
|
|
4897
5012
|
super({
|
|
@@ -4906,7 +5021,7 @@ var TronPlugin = class extends PluginBase {
|
|
|
4906
5021
|
});
|
|
4907
5022
|
}
|
|
4908
5023
|
isCompatible = (chain) => chain.shortName === "TRX";
|
|
4909
|
-
Provider = ({ children, networkOption }) => /* @__PURE__ */ (0,
|
|
5024
|
+
Provider = ({ children, networkOption }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TronWalletProvider, { networkOption, children });
|
|
4910
5025
|
};
|
|
4911
5026
|
var tronPlugin = new TronPlugin(store_default);
|
|
4912
5027
|
var adapter_default3 = tronPlugin;
|
|
@@ -4949,7 +5064,7 @@ var useDisconnectWallet4 = () => ({
|
|
|
4949
5064
|
});
|
|
4950
5065
|
|
|
4951
5066
|
// src/shared/plugins/credit-card/adapter.tsx
|
|
4952
|
-
var
|
|
5067
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
4953
5068
|
var CreditCardPlugin = class extends PluginBase {
|
|
4954
5069
|
constructor(storeArg) {
|
|
4955
5070
|
super({
|
|
@@ -4964,7 +5079,7 @@ var CreditCardPlugin = class extends PluginBase {
|
|
|
4964
5079
|
});
|
|
4965
5080
|
}
|
|
4966
5081
|
isCompatible = (chain) => chain.compatibility === "CC";
|
|
4967
|
-
Provider = ({ children }) => /* @__PURE__ */ (0,
|
|
5082
|
+
Provider = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, { children });
|
|
4968
5083
|
};
|
|
4969
5084
|
var creditCardPlugin = new CreditCardPlugin(store_default);
|
|
4970
5085
|
var adapter_default4 = creditCardPlugin;
|
|
@@ -5007,7 +5122,7 @@ var useDisconnectWallet5 = () => ({
|
|
|
5007
5122
|
});
|
|
5008
5123
|
|
|
5009
5124
|
// src/shared/plugins/bank/adapter.tsx
|
|
5010
|
-
var
|
|
5125
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
5011
5126
|
var BankPlugin = class extends PluginBase {
|
|
5012
5127
|
constructor(storeArg) {
|
|
5013
5128
|
super({
|
|
@@ -5022,7 +5137,7 @@ var BankPlugin = class extends PluginBase {
|
|
|
5022
5137
|
});
|
|
5023
5138
|
}
|
|
5024
5139
|
isCompatible = (chain) => chain.compatibility === "BANK";
|
|
5025
|
-
Provider = ({ children }) => /* @__PURE__ */ (0,
|
|
5140
|
+
Provider = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children });
|
|
5026
5141
|
};
|
|
5027
5142
|
var bankPlugin = new BankPlugin(store_default);
|
|
5028
5143
|
var adapter_default5 = bankPlugin;
|
|
@@ -5031,7 +5146,7 @@ var adapter_default5 = bankPlugin;
|
|
|
5031
5146
|
initializePlugins([adapter_default, adapter_default2, adapter_default3, adapter_default4, adapter_default5]);
|
|
5032
5147
|
|
|
5033
5148
|
// src/app/providers/KimaProvider.tsx
|
|
5034
|
-
var
|
|
5149
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
5035
5150
|
var queryClient = new import_react_query16.QueryClient();
|
|
5036
5151
|
var KimaContext = (0, import_react37.createContext)(void 0);
|
|
5037
5152
|
var useKimaContext = () => {
|
|
@@ -5066,7 +5181,7 @@ var InternalKimaProvider = React3.memo(({ kimaBackendUrl, solRPC, projectId, chi
|
|
|
5066
5181
|
const plugin = getPluginProvider(pluginData.id);
|
|
5067
5182
|
if (plugin) {
|
|
5068
5183
|
const { Provider: PluginProvider } = plugin;
|
|
5069
|
-
return /* @__PURE__ */ (0,
|
|
5184
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5070
5185
|
PluginProvider,
|
|
5071
5186
|
{
|
|
5072
5187
|
networkOption,
|
|
@@ -5082,11 +5197,11 @@ var InternalKimaProvider = React3.memo(({ kimaBackendUrl, solRPC, projectId, chi
|
|
|
5082
5197
|
}, children);
|
|
5083
5198
|
}, [plugins, projectId, networkOption, isLoadingEnv, appKitReady, children]);
|
|
5084
5199
|
if (!appKitReady) return null;
|
|
5085
|
-
return /* @__PURE__ */ (0,
|
|
5200
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children: WrappedProviders });
|
|
5086
5201
|
});
|
|
5087
5202
|
var KimaProvider = ({
|
|
5088
5203
|
projectId,
|
|
5089
|
-
children = /* @__PURE__ */ (0,
|
|
5204
|
+
children = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, {}),
|
|
5090
5205
|
externalProvider,
|
|
5091
5206
|
kimaBackendUrl = "http://localhost:3001",
|
|
5092
5207
|
solRPC,
|
|
@@ -5126,7 +5241,7 @@ var KimaProvider = ({
|
|
|
5126
5241
|
errorHandler,
|
|
5127
5242
|
switchChainHandler
|
|
5128
5243
|
};
|
|
5129
|
-
return /* @__PURE__ */ (0,
|
|
5244
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_query16.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_redux26.Provider, { store: store_default, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(KimaContext.Provider, { value: kimaContext, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5130
5245
|
InternalKimaProvider,
|
|
5131
5246
|
{
|
|
5132
5247
|
kimaBackendUrl,
|
|
@@ -5143,13 +5258,13 @@ var import_react67 = require("react");
|
|
|
5143
5258
|
var import_react_redux58 = require("react-redux");
|
|
5144
5259
|
|
|
5145
5260
|
// src/assets/loading/180-ring.tsx
|
|
5146
|
-
var
|
|
5261
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
5147
5262
|
var Loading180Ring = ({
|
|
5148
5263
|
width = 24,
|
|
5149
5264
|
height = 24,
|
|
5150
5265
|
fill = "white"
|
|
5151
5266
|
}) => {
|
|
5152
|
-
return /* @__PURE__ */ (0,
|
|
5267
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5153
5268
|
"svg",
|
|
5154
5269
|
{
|
|
5155
5270
|
width,
|
|
@@ -5157,7 +5272,7 @@ var Loading180Ring = ({
|
|
|
5157
5272
|
fill,
|
|
5158
5273
|
viewBox: "0 0 24 24",
|
|
5159
5274
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5160
|
-
children: /* @__PURE__ */ (0,
|
|
5275
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("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__ */ (0, import_jsx_runtime53.jsx)(
|
|
5161
5276
|
"animateTransform",
|
|
5162
5277
|
{
|
|
5163
5278
|
attributeName: "transform",
|
|
@@ -5173,48 +5288,48 @@ var Loading180Ring = ({
|
|
|
5173
5288
|
var ring_default = Loading180Ring;
|
|
5174
5289
|
|
|
5175
5290
|
// src/assets/loading/6-dots-scale.tsx
|
|
5176
|
-
var
|
|
5291
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
5177
5292
|
|
|
5178
5293
|
// src/widgets/common/SkeletonLoader.tsx
|
|
5179
|
-
var
|
|
5294
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5180
5295
|
var SkeletonLoader = ({ theme }) => {
|
|
5181
5296
|
const { closeHandler } = useKimaContext();
|
|
5182
|
-
return /* @__PURE__ */ (0,
|
|
5297
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5183
5298
|
"div",
|
|
5184
5299
|
{
|
|
5185
5300
|
className: `kima-card ${theme.colorMode}`,
|
|
5186
5301
|
style: {
|
|
5187
5302
|
background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
|
|
5188
5303
|
},
|
|
5189
|
-
children: /* @__PURE__ */ (0,
|
|
5190
|
-
/* @__PURE__ */ (0,
|
|
5191
|
-
/* @__PURE__ */ (0,
|
|
5192
|
-
/* @__PURE__ */ (0,
|
|
5193
|
-
/* @__PURE__ */ (0,
|
|
5304
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "transfer-card", children: [
|
|
5305
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "kima-card-header", children: [
|
|
5306
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "topbar", children: [
|
|
5307
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "title skeleton", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("h3", {}) }),
|
|
5308
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "control-buttons", children: closeHandler && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5194
5309
|
"button",
|
|
5195
5310
|
{
|
|
5196
5311
|
className: "cross-icon-button",
|
|
5197
5312
|
onClick: () => {
|
|
5198
5313
|
closeHandler(0);
|
|
5199
5314
|
},
|
|
5200
|
-
children: /* @__PURE__ */ (0,
|
|
5315
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Cross_default, {})
|
|
5201
5316
|
}
|
|
5202
5317
|
) })
|
|
5203
5318
|
] }),
|
|
5204
|
-
/* @__PURE__ */ (0,
|
|
5319
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("h4", { className: "subtitle" })
|
|
5205
5320
|
] }),
|
|
5206
|
-
/* @__PURE__ */ (0,
|
|
5207
|
-
/* @__PURE__ */ (0,
|
|
5208
|
-
/* @__PURE__ */ (0,
|
|
5209
|
-
/* @__PURE__ */ (0,
|
|
5210
|
-
/* @__PURE__ */ (0,
|
|
5211
|
-
/* @__PURE__ */ (0,
|
|
5321
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "kima-card-content skeleton", children: [
|
|
5322
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "skeleton" }),
|
|
5323
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "skeleton" }),
|
|
5324
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "skeleton" }),
|
|
5325
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "skeleton" }),
|
|
5326
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "skeleton" })
|
|
5212
5327
|
] }),
|
|
5213
|
-
/* @__PURE__ */ (0,
|
|
5214
|
-
/* @__PURE__ */ (0,
|
|
5215
|
-
/* @__PURE__ */ (0,
|
|
5216
|
-
/* @__PURE__ */ (0,
|
|
5217
|
-
/* @__PURE__ */ (0,
|
|
5328
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: `kima-card-footer`, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: `button-group skeleton`, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "skeleton" }) }) }),
|
|
5329
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "floating-footer", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
|
|
5330
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: "Powered by" }),
|
|
5331
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FooterLogo_default, { width: 50, fill: "black" }),
|
|
5332
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("strong", { children: "Network" })
|
|
5218
5333
|
] }) })
|
|
5219
5334
|
] })
|
|
5220
5335
|
}
|
|
@@ -5223,8 +5338,8 @@ var SkeletonLoader = ({ theme }) => {
|
|
|
5223
5338
|
var SkeletonLoader_default = SkeletonLoader;
|
|
5224
5339
|
|
|
5225
5340
|
// src/components/reusable/ExternalLink.tsx
|
|
5226
|
-
var
|
|
5227
|
-
var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ (0,
|
|
5341
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5342
|
+
var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
5228
5343
|
"a",
|
|
5229
5344
|
{
|
|
5230
5345
|
className,
|
|
@@ -5238,7 +5353,7 @@ var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ (0, im
|
|
|
5238
5353
|
var ExternalLink_default = ExternalLink;
|
|
5239
5354
|
|
|
5240
5355
|
// src/components/reusable/PrimaryButton.tsx
|
|
5241
|
-
var
|
|
5356
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5242
5357
|
var PrimaryButton = ({
|
|
5243
5358
|
className,
|
|
5244
5359
|
clickHandler,
|
|
@@ -5247,7 +5362,7 @@ var PrimaryButton = ({
|
|
|
5247
5362
|
disabled = false,
|
|
5248
5363
|
ref
|
|
5249
5364
|
}) => {
|
|
5250
|
-
return /* @__PURE__ */ (0,
|
|
5365
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "primary-button-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
|
|
5251
5366
|
"button",
|
|
5252
5367
|
{
|
|
5253
5368
|
className: `primary-button ${className}`,
|
|
@@ -5255,7 +5370,7 @@ var PrimaryButton = ({
|
|
|
5255
5370
|
ref,
|
|
5256
5371
|
disabled,
|
|
5257
5372
|
children: [
|
|
5258
|
-
isLoading && /* @__PURE__ */ (0,
|
|
5373
|
+
isLoading && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "loading-indicator", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ring_default, { width: 24, height: 24, fill: "white" }) }),
|
|
5259
5374
|
children
|
|
5260
5375
|
]
|
|
5261
5376
|
}
|
|
@@ -5264,7 +5379,7 @@ var PrimaryButton = ({
|
|
|
5264
5379
|
var PrimaryButton_default = PrimaryButton;
|
|
5265
5380
|
|
|
5266
5381
|
// src/components/reusable/SecondaryButton.tsx
|
|
5267
|
-
var
|
|
5382
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5268
5383
|
var SecondaryButton = ({
|
|
5269
5384
|
className,
|
|
5270
5385
|
clickHandler,
|
|
@@ -5273,7 +5388,7 @@ var SecondaryButton = ({
|
|
|
5273
5388
|
style,
|
|
5274
5389
|
disabled = false,
|
|
5275
5390
|
isLoading
|
|
5276
|
-
}) => /* @__PURE__ */ (0,
|
|
5391
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
5277
5392
|
"button",
|
|
5278
5393
|
{
|
|
5279
5394
|
className: `secondary-button ${className} ${theme}`,
|
|
@@ -5281,7 +5396,7 @@ var SecondaryButton = ({
|
|
|
5281
5396
|
...style,
|
|
5282
5397
|
disabled,
|
|
5283
5398
|
children: [
|
|
5284
|
-
isLoading && /* @__PURE__ */ (0,
|
|
5399
|
+
isLoading && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "loading-indicator", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ring_default, { width: 24, height: 24, fill: "black" }) }),
|
|
5285
5400
|
children
|
|
5286
5401
|
]
|
|
5287
5402
|
}
|
|
@@ -5317,7 +5432,7 @@ var useGetCurrentPlugin_default = useGetCurrentPlugin;
|
|
|
5317
5432
|
|
|
5318
5433
|
// src/shared/plugins/default.tsx
|
|
5319
5434
|
var import_react39 = require("react");
|
|
5320
|
-
var
|
|
5435
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5321
5436
|
var DefaultPlugin = class extends PluginBase {
|
|
5322
5437
|
constructor(storeArg) {
|
|
5323
5438
|
super({
|
|
@@ -5357,7 +5472,7 @@ var DefaultPlugin = class extends PluginBase {
|
|
|
5357
5472
|
// Never “compatible” so it won’t be picked for any chain
|
|
5358
5473
|
isCompatible = () => false;
|
|
5359
5474
|
// Transparent provider: renders children as-is
|
|
5360
|
-
Provider = ({ children }) => /* @__PURE__ */ (0,
|
|
5475
|
+
Provider = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, { children });
|
|
5361
5476
|
};
|
|
5362
5477
|
var defaultPlugin = new DefaultPlugin(store_default);
|
|
5363
5478
|
var default_default = defaultPlugin;
|
|
@@ -5436,7 +5551,7 @@ var import_react44 = require("@reown/appkit/react");
|
|
|
5436
5551
|
|
|
5437
5552
|
// src/components/reusable/CopyButton.tsx
|
|
5438
5553
|
var import_react41 = require("react");
|
|
5439
|
-
var
|
|
5554
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5440
5555
|
var CopyButton = ({ text }) => {
|
|
5441
5556
|
const [copyClicked, setCopyClicked] = (0, import_react41.useState)(false);
|
|
5442
5557
|
(0, import_react41.useEffect)(() => {
|
|
@@ -5445,7 +5560,7 @@ var CopyButton = ({ text }) => {
|
|
|
5445
5560
|
setCopyClicked(false);
|
|
5446
5561
|
}, 2e3);
|
|
5447
5562
|
}, [copyClicked]);
|
|
5448
|
-
return /* @__PURE__ */ (0,
|
|
5563
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5449
5564
|
"span",
|
|
5450
5565
|
{
|
|
5451
5566
|
className: "copy-btn",
|
|
@@ -5453,7 +5568,7 @@ var CopyButton = ({ text }) => {
|
|
|
5453
5568
|
setCopyClicked(true);
|
|
5454
5569
|
navigator.clipboard.writeText(text);
|
|
5455
5570
|
},
|
|
5456
|
-
children: copyClicked ? /* @__PURE__ */ (0,
|
|
5571
|
+
children: copyClicked ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Check_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Copy_default, {})
|
|
5457
5572
|
}
|
|
5458
5573
|
);
|
|
5459
5574
|
};
|
|
@@ -5517,7 +5632,7 @@ function useHideWuiListItem(isModalOpen) {
|
|
|
5517
5632
|
var useHideActivityTab_default = useHideWuiListItem;
|
|
5518
5633
|
|
|
5519
5634
|
// src/components/reusable/WalletButton.tsx
|
|
5520
|
-
var
|
|
5635
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
5521
5636
|
var TAG = "[WalletButton]";
|
|
5522
5637
|
var WalletButton = ({
|
|
5523
5638
|
errorBelow = false,
|
|
@@ -5677,12 +5792,12 @@ var WalletButton = ({
|
|
|
5677
5792
|
}, [mode, isReady, statusMessage, compliantOption, sourceCompliant]);
|
|
5678
5793
|
const renderConnectedLabel = () => {
|
|
5679
5794
|
if (isEvmSwitching) {
|
|
5680
|
-
return /* @__PURE__ */ (0,
|
|
5795
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
|
|
5681
5796
|
"Switching network\u2026",
|
|
5682
|
-
/* @__PURE__ */ (0,
|
|
5683
|
-
/* @__PURE__ */ (0,
|
|
5684
|
-
/* @__PURE__ */ (0,
|
|
5685
|
-
/* @__PURE__ */ (0,
|
|
5797
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "loading-indicator-inline", "aria-hidden": "true", children: [
|
|
5798
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "dot" }),
|
|
5799
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "dot" }),
|
|
5800
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "dot" })
|
|
5686
5801
|
] })
|
|
5687
5802
|
] });
|
|
5688
5803
|
}
|
|
@@ -5694,38 +5809,38 @@ var WalletButton = ({
|
|
|
5694
5809
|
theme.colorMode,
|
|
5695
5810
|
isEvmSwitching ? "network-switching" : ""
|
|
5696
5811
|
].filter(Boolean).join(" ");
|
|
5697
|
-
return /* @__PURE__ */ (0,
|
|
5812
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
5698
5813
|
"div",
|
|
5699
5814
|
{
|
|
5700
5815
|
className: `wallet-button ${isConnected ? "connected" : "disconnected"} ${theme.colorMode} ${errorBelow ? "error-below" : ""}`,
|
|
5701
5816
|
"data-testid": "connect-wallet-btn",
|
|
5702
5817
|
children: [
|
|
5703
|
-
/* @__PURE__ */ (0,
|
|
5704
|
-
/* @__PURE__ */ (0,
|
|
5818
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "info-wrapper", children: [
|
|
5819
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5705
5820
|
"button",
|
|
5706
5821
|
{
|
|
5707
5822
|
className: btnClasses,
|
|
5708
5823
|
onClick: handleClick,
|
|
5709
5824
|
disabled: !isWalletApplicable || isEvmSwitching,
|
|
5710
5825
|
"aria-busy": isEvmSwitching ? "true" : void 0,
|
|
5711
|
-
children: isConnected ? renderConnectedLabel() : /* @__PURE__ */ (0,
|
|
5826
|
+
children: isConnected ? renderConnectedLabel() : /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
|
|
5712
5827
|
mode === "light" /* light */ && "Select Network to Load Account",
|
|
5713
5828
|
mode !== "light" /* light */ && !hasSelectedSourceNetwork && "Select Network to Connect",
|
|
5714
|
-
mode !== "light" /* light */ && hasSelectedSourceNetwork && /* @__PURE__ */ (0,
|
|
5715
|
-
/* @__PURE__ */ (0,
|
|
5829
|
+
mode !== "light" /* light */ && hasSelectedSourceNetwork && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
|
|
5830
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Wallet_default, {}),
|
|
5716
5831
|
"Connect Wallet"
|
|
5717
5832
|
] })
|
|
5718
5833
|
] })
|
|
5719
5834
|
}
|
|
5720
5835
|
),
|
|
5721
|
-
isConnected && !placeholder && displayedAddress && !isEvmSwitching && /* @__PURE__ */ (0,
|
|
5836
|
+
isConnected && !placeholder && displayedAddress && !isEvmSwitching && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CopyButton_default, { text: displayedAddress })
|
|
5722
5837
|
] }),
|
|
5723
|
-
isConnected && mode !== "light" /* light */ && !placeholder && /* @__PURE__ */ (0,
|
|
5838
|
+
isConnected && mode !== "light" /* light */ && !placeholder && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: balance !== void 0 && decimals !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("p", { className: "balance-info", children: [
|
|
5724
5839
|
formatUSD(bigIntToNumber({ value: balance, decimals })),
|
|
5725
5840
|
" ",
|
|
5726
5841
|
selectedCoin,
|
|
5727
5842
|
" available"
|
|
5728
|
-
] }) : /* @__PURE__ */ (0,
|
|
5843
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "loading", "aria-label": "balance-loading" }) })
|
|
5729
5844
|
]
|
|
5730
5845
|
}
|
|
5731
5846
|
);
|
|
@@ -5758,13 +5873,16 @@ function useCurrencyOptions(isSourceChain) {
|
|
|
5758
5873
|
});
|
|
5759
5874
|
return emptyTokenList;
|
|
5760
5875
|
}
|
|
5761
|
-
const tokenList2 = chain.supportedTokens
|
|
5876
|
+
const tokenList2 = (chain.supportedTokens ?? []).filter((t) => {
|
|
5877
|
+
const allowed = t.supportedLocations ?? ["origin", "target"];
|
|
5878
|
+
return allowed.includes(location);
|
|
5879
|
+
});
|
|
5762
5880
|
logger_default.debug(`useCurrencyOptions(${location}): token list`, {
|
|
5763
5881
|
chainShortName: chain.shortName,
|
|
5764
5882
|
tokenList: tokenList2
|
|
5765
5883
|
});
|
|
5766
5884
|
return { tokenList: tokenList2 };
|
|
5767
|
-
}, [sourceChain, targetChain, isSourceChain]);
|
|
5885
|
+
}, [sourceChain, targetChain, isSourceChain, sourceSymbol, targetSymbol]);
|
|
5768
5886
|
const { tokenList } = output;
|
|
5769
5887
|
(0, import_react45.useEffect)(() => {
|
|
5770
5888
|
if (!tokenList.length) return;
|
|
@@ -5782,7 +5900,7 @@ function useCurrencyOptions(isSourceChain) {
|
|
|
5782
5900
|
dispatch(setSourceCurrency(next));
|
|
5783
5901
|
} else {
|
|
5784
5902
|
logger_default.debug(
|
|
5785
|
-
`useCurrencyOptions: SOURCE currency "${current}" not
|
|
5903
|
+
`useCurrencyOptions: SOURCE currency "${current}" not valid here; switching -> ${next}`
|
|
5786
5904
|
);
|
|
5787
5905
|
dispatch(setSourceCurrency(next));
|
|
5788
5906
|
}
|
|
@@ -5794,7 +5912,7 @@ function useCurrencyOptions(isSourceChain) {
|
|
|
5794
5912
|
dispatch(setTargetCurrency(next));
|
|
5795
5913
|
} else {
|
|
5796
5914
|
logger_default.debug(
|
|
5797
|
-
`useCurrencyOptions: TARGET currency "${current}" not
|
|
5915
|
+
`useCurrencyOptions: TARGET currency "${current}" not valid here; switching -> ${next}`
|
|
5798
5916
|
);
|
|
5799
5917
|
dispatch(setTargetCurrency(next));
|
|
5800
5918
|
}
|
|
@@ -5804,7 +5922,7 @@ function useCurrencyOptions(isSourceChain) {
|
|
|
5804
5922
|
}
|
|
5805
5923
|
|
|
5806
5924
|
// src/components/reusable/TokenIcon.tsx
|
|
5807
|
-
var
|
|
5925
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
5808
5926
|
var COIN_LIST2 = {
|
|
5809
5927
|
EUR: KEUR_default,
|
|
5810
5928
|
EURC: EURC_default,
|
|
@@ -5816,6 +5934,7 @@ var COIN_LIST2 = {
|
|
|
5816
5934
|
USDK: USDK_default,
|
|
5817
5935
|
USD: USD_default,
|
|
5818
5936
|
USDT: USDT_default,
|
|
5937
|
+
USD1: USD1_default,
|
|
5819
5938
|
WBTC: BTC_default
|
|
5820
5939
|
};
|
|
5821
5940
|
function TokenIcon({
|
|
@@ -5829,11 +5948,11 @@ function TokenIcon({
|
|
|
5829
5948
|
logger_default.warn(`Token icon not found for symbol: ${symbol}`);
|
|
5830
5949
|
return null;
|
|
5831
5950
|
}
|
|
5832
|
-
return /* @__PURE__ */ (0,
|
|
5951
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "icon-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { width, height }) });
|
|
5833
5952
|
}
|
|
5834
5953
|
|
|
5835
5954
|
// src/components/reusable/CoinDropdown.tsx
|
|
5836
|
-
var
|
|
5955
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
5837
5956
|
var CoinDropdown = ({
|
|
5838
5957
|
isSourceChain = true
|
|
5839
5958
|
}) => {
|
|
@@ -5891,7 +6010,7 @@ var CoinDropdown = ({
|
|
|
5891
6010
|
}
|
|
5892
6011
|
setCollapsed(true);
|
|
5893
6012
|
};
|
|
5894
|
-
return /* @__PURE__ */ (0,
|
|
6013
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
5895
6014
|
"div",
|
|
5896
6015
|
{
|
|
5897
6016
|
className: `coin-dropdown ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"} ${shouldLockToken ? "disabled" : ""}`,
|
|
@@ -5900,15 +6019,15 @@ var CoinDropdown = ({
|
|
|
5900
6019
|
},
|
|
5901
6020
|
ref,
|
|
5902
6021
|
children: [
|
|
5903
|
-
/* @__PURE__ */ (0,
|
|
5904
|
-
/* @__PURE__ */ (0,
|
|
5905
|
-
/* @__PURE__ */ (0,
|
|
5906
|
-
] }) : /* @__PURE__ */ (0,
|
|
5907
|
-
/* @__PURE__ */ (0,
|
|
6022
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "coin-wrapper", children: tokenSymbol ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
|
|
6023
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TokenIcon, { symbol: tokenSymbol, width: 24, height: 24 }),
|
|
6024
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "coin", children: tokenSymbol })
|
|
6025
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "coin placeholder", children: "Select token" }) }),
|
|
6026
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5908
6027
|
"div",
|
|
5909
6028
|
{
|
|
5910
6029
|
className: `coin-menu ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"}`,
|
|
5911
|
-
children: tokenList.map((token) => /* @__PURE__ */ (0,
|
|
6030
|
+
children: tokenList.map((token) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
5912
6031
|
"div",
|
|
5913
6032
|
{
|
|
5914
6033
|
className: `coin-item ${theme.colorMode}`,
|
|
@@ -5917,15 +6036,15 @@ var CoinDropdown = ({
|
|
|
5917
6036
|
handleDropdownItemClick(token.symbol);
|
|
5918
6037
|
},
|
|
5919
6038
|
children: [
|
|
5920
|
-
/* @__PURE__ */ (0,
|
|
5921
|
-
/* @__PURE__ */ (0,
|
|
6039
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TokenIcon, { symbol: token.symbol, width: 24, height: 24 }),
|
|
6040
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { children: token.symbol })
|
|
5922
6041
|
]
|
|
5923
6042
|
},
|
|
5924
6043
|
token.symbol
|
|
5925
6044
|
))
|
|
5926
6045
|
}
|
|
5927
6046
|
),
|
|
5928
|
-
!shouldLockToken && /* @__PURE__ */ (0,
|
|
6047
|
+
!shouldLockToken && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}`, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Arrow_default, { fill: "none" }) })
|
|
5929
6048
|
]
|
|
5930
6049
|
}
|
|
5931
6050
|
);
|
|
@@ -5937,7 +6056,7 @@ var import_react47 = require("react");
|
|
|
5937
6056
|
var import_react_redux32 = require("react-redux");
|
|
5938
6057
|
|
|
5939
6058
|
// src/components/reusable/ChainIcon.tsx
|
|
5940
|
-
var
|
|
6059
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
5941
6060
|
var chainIcons = {
|
|
5942
6061
|
ARB: Arbitrum_default,
|
|
5943
6062
|
AVX: Avalanche_default,
|
|
@@ -5959,14 +6078,14 @@ function ChainIcon({ symbol }) {
|
|
|
5959
6078
|
const Icon = symbol === "FIAT" ? chainIcons["CC"] : chainIcons[symbol];
|
|
5960
6079
|
if (!Icon) {
|
|
5961
6080
|
if (symbol) logger_default.warn(`Chain icon not found for symbol: ${symbol}`);
|
|
5962
|
-
return /* @__PURE__ */ (0,
|
|
6081
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", {});
|
|
5963
6082
|
}
|
|
5964
|
-
return /* @__PURE__ */ (0,
|
|
6083
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon, {}) });
|
|
5965
6084
|
}
|
|
5966
6085
|
|
|
5967
6086
|
// src/components/reusable/FeeDeductionRadioButtons.tsx
|
|
5968
6087
|
var import_react_redux31 = require("react-redux");
|
|
5969
|
-
var
|
|
6088
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
5970
6089
|
var FeeDeductionRadioButtons = ({ disabled }) => {
|
|
5971
6090
|
const dispatch = (0, import_react_redux31.useDispatch)();
|
|
5972
6091
|
const feeDeduct = (0, import_react_redux31.useSelector)(selectFeeDeduct);
|
|
@@ -5982,9 +6101,9 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
|
|
|
5982
6101
|
const handleChange = (value) => {
|
|
5983
6102
|
dispatch(setFeeDeduct(value));
|
|
5984
6103
|
};
|
|
5985
|
-
return /* @__PURE__ */ (0,
|
|
5986
|
-
Number(amount) - totalFee > 0 && /* @__PURE__ */ (0,
|
|
5987
|
-
/* @__PURE__ */ (0,
|
|
6104
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: `fee-deduction-radio-container ${theme.colorMode}`, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "fee-options", children: [
|
|
6105
|
+
Number(amount) - totalFee > 0 && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("label", { className: `fee-option ${disabled ? "disabled" : ""}`, children: [
|
|
6106
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
5988
6107
|
"input",
|
|
5989
6108
|
{
|
|
5990
6109
|
type: "radio",
|
|
@@ -5994,14 +6113,14 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
|
|
|
5994
6113
|
onChange: () => handleChange(true)
|
|
5995
6114
|
}
|
|
5996
6115
|
),
|
|
5997
|
-
/* @__PURE__ */ (0,
|
|
6116
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: `radio-label ${theme.colorMode}`, children: `Pay $${formatterFloat.format(
|
|
5998
6117
|
Number(amount)
|
|
5999
6118
|
)} ${sourceCurrency} ${["BANK", "CC"].includes(sourceNetwork.shortName) ? "with" : "in"} ${sourceNetwork.name} to receive $${formatterFloat.format(
|
|
6000
6119
|
Number(amount) - totalFee
|
|
6001
6120
|
)} ${targetCurrency} ${["BANK", "CC"].includes(targetNetwork.shortName) ? "with" : "in"} ${targetNetwork.name}` })
|
|
6002
6121
|
] }),
|
|
6003
|
-
/* @__PURE__ */ (0,
|
|
6004
|
-
/* @__PURE__ */ (0,
|
|
6122
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("label", { className: `fee-option ${disabled ? "disabled" : ""}`, children: [
|
|
6123
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
6005
6124
|
"input",
|
|
6006
6125
|
{
|
|
6007
6126
|
type: "radio",
|
|
@@ -6011,7 +6130,7 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
|
|
|
6011
6130
|
onChange: () => handleChange(false)
|
|
6012
6131
|
}
|
|
6013
6132
|
),
|
|
6014
|
-
/* @__PURE__ */ (0,
|
|
6133
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: `radio-label ${theme.colorMode}`, children: `Pay $${formatterFloat.format(
|
|
6015
6134
|
Number(amount) + totalFee
|
|
6016
6135
|
)} ${sourceCurrency} ${["BANK", "CC"].includes(sourceNetwork.shortName) ? "with" : "in"} ${sourceNetwork.name} to receive $${formatterFloat.format(
|
|
6017
6136
|
Number(amount)
|
|
@@ -6022,7 +6141,7 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
|
|
|
6022
6141
|
var FeeDeductionRadioButtons_default = FeeDeductionRadioButtons;
|
|
6023
6142
|
|
|
6024
6143
|
// src/components/reusable/ConfirmDetails.tsx
|
|
6025
|
-
var
|
|
6144
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
6026
6145
|
var scaleUp = (value, diff) => diff <= 0 ? value : value * 10n ** BigInt(diff);
|
|
6027
6146
|
var sumBigAmts = (amts) => {
|
|
6028
6147
|
const present = amts.filter(Boolean);
|
|
@@ -6106,45 +6225,45 @@ var ConfirmDetails = ({
|
|
|
6106
6225
|
hasSwapInfo: !!swapInfo
|
|
6107
6226
|
});
|
|
6108
6227
|
}, [isSwap, sourceCurrency, targetCurrency, totalFee, swapInfo]);
|
|
6109
|
-
return /* @__PURE__ */ (0,
|
|
6110
|
-
/* @__PURE__ */ (0,
|
|
6228
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: `confirm-details ${theme.colorMode}`, children: [
|
|
6229
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("p", { children: [
|
|
6111
6230
|
"Step ",
|
|
6112
6231
|
isApproved ? "2" : "1",
|
|
6113
6232
|
"\xA0of 2\xA0\xA0\xA0",
|
|
6114
6233
|
isApproved ? "Submit transaction" : originNetwork.shortName === "FIAT" /* FIAT */ ? "Bank Details" : "Approval"
|
|
6115
6234
|
] }),
|
|
6116
|
-
/* @__PURE__ */ (0,
|
|
6117
|
-
/* @__PURE__ */ (0,
|
|
6235
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "detail-item", children: [
|
|
6236
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: "label", children: [
|
|
6118
6237
|
"Source",
|
|
6119
6238
|
!["BANK", "CC"].includes(originNetwork.shortName) && " wallet",
|
|
6120
6239
|
":"
|
|
6121
6240
|
] }),
|
|
6122
|
-
/* @__PURE__ */ (0,
|
|
6123
|
-
/* @__PURE__ */ (0,
|
|
6124
|
-
/* @__PURE__ */ (0,
|
|
6241
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "network-details", children: [
|
|
6242
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "kima-card-network-container", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: `kima-card-network-label ${theme.colorMode}`, children: [
|
|
6243
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ChainIcon, { symbol: originNetwork?.shortName }),
|
|
6125
6244
|
originNetwork.name
|
|
6126
6245
|
] }) }),
|
|
6127
|
-
!["CC", "BANK"].includes(originNetwork.shortName) && /* @__PURE__ */ (0,
|
|
6246
|
+
!["CC", "BANK"].includes(originNetwork.shortName) && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: theme.colorMode, children: dAppOption === "LPDrain" /* LPDrain */ ? targetAddress : connectedAddress })
|
|
6128
6247
|
] })
|
|
6129
6248
|
] }),
|
|
6130
|
-
/* @__PURE__ */ (0,
|
|
6131
|
-
dAppOption === "none" /* None */ && /* @__PURE__ */ (0,
|
|
6132
|
-
/* @__PURE__ */ (0,
|
|
6133
|
-
/* @__PURE__ */ (0,
|
|
6249
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "detail-item amount", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: "amount-container", children: [
|
|
6250
|
+
dAppOption === "none" /* None */ && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "amount-details", children: [
|
|
6251
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: "Amount to Transfer" }),
|
|
6252
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "coin-details", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("p", { children: [
|
|
6134
6253
|
formatBigInt(txValues.allowanceAmount),
|
|
6135
6254
|
" ",
|
|
6136
6255
|
sourceCurrency
|
|
6137
6256
|
] }) })
|
|
6138
6257
|
] }),
|
|
6139
|
-
dAppOption === "none" /* None */ && /* @__PURE__ */ (0,
|
|
6140
|
-
/* @__PURE__ */ (0,
|
|
6141
|
-
/* @__PURE__ */ (0,
|
|
6258
|
+
dAppOption === "none" /* None */ && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "amount-details", children: [
|
|
6259
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: "Total Fees" }),
|
|
6260
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
6142
6261
|
"div",
|
|
6143
6262
|
{
|
|
6144
6263
|
className: "fee-collapse",
|
|
6145
6264
|
onClick: () => setFeeCollapsed(!feeCollapsed),
|
|
6146
6265
|
children: [
|
|
6147
|
-
/* @__PURE__ */ (0,
|
|
6266
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6148
6267
|
MiniArrow_default,
|
|
6149
6268
|
{
|
|
6150
6269
|
width: 15,
|
|
@@ -6155,7 +6274,7 @@ var ConfirmDetails = ({
|
|
|
6155
6274
|
}
|
|
6156
6275
|
}
|
|
6157
6276
|
),
|
|
6158
|
-
/* @__PURE__ */ (0,
|
|
6277
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: "service-fee", children: [
|
|
6159
6278
|
formatBigInt(totalFee),
|
|
6160
6279
|
" ",
|
|
6161
6280
|
sourceCurrency
|
|
@@ -6164,73 +6283,73 @@ var ConfirmDetails = ({
|
|
|
6164
6283
|
}
|
|
6165
6284
|
)
|
|
6166
6285
|
] }),
|
|
6167
|
-
/* @__PURE__ */ (0,
|
|
6168
|
-
/* @__PURE__ */ (0,
|
|
6169
|
-
/* @__PURE__ */ (0,
|
|
6170
|
-
/* @__PURE__ */ (0,
|
|
6286
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: `fee-breakdown ${feeCollapsed ? "collapsed" : ""}`, children: isSwap ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
|
|
6287
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "amount-details", children: [
|
|
6288
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: "Swap Fees" }),
|
|
6289
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: "service-fee", children: [
|
|
6171
6290
|
formatBigInt(combinedSwapFees),
|
|
6172
6291
|
" ",
|
|
6173
6292
|
sourceCurrency
|
|
6174
6293
|
] })
|
|
6175
6294
|
] }),
|
|
6176
|
-
/* @__PURE__ */ (0,
|
|
6177
|
-
/* @__PURE__ */ (0,
|
|
6178
|
-
/* @__PURE__ */ (0,
|
|
6295
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "amount-details", children: [
|
|
6296
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: "Kima Processing Fees" }),
|
|
6297
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: "service-fee", children: [
|
|
6179
6298
|
formatBigInt(kimaFee),
|
|
6180
6299
|
" ",
|
|
6181
6300
|
sourceCurrency
|
|
6182
6301
|
] })
|
|
6183
6302
|
] })
|
|
6184
|
-
] }) : /* @__PURE__ */ (0,
|
|
6185
|
-
/* @__PURE__ */ (0,
|
|
6186
|
-
/* @__PURE__ */ (0,
|
|
6187
|
-
/* @__PURE__ */ (0,
|
|
6303
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
|
|
6304
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "amount-details", children: [
|
|
6305
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: ["BANK", "CC"].includes(originNetwork.shortName) ? `${originNetwork.name} Processing Fee` : `Source Network Fee (${originNetwork.shortName})` }),
|
|
6306
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: "service-fee", children: [
|
|
6188
6307
|
formatBigInt(sourceFee),
|
|
6189
6308
|
" ",
|
|
6190
6309
|
sourceCurrency
|
|
6191
6310
|
] })
|
|
6192
6311
|
] }),
|
|
6193
|
-
/* @__PURE__ */ (0,
|
|
6194
|
-
/* @__PURE__ */ (0,
|
|
6312
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "amount-details", children: [
|
|
6313
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { children: [
|
|
6195
6314
|
"Target Network Fee (",
|
|
6196
6315
|
targetNetwork.shortName,
|
|
6197
6316
|
")"
|
|
6198
6317
|
] }),
|
|
6199
|
-
/* @__PURE__ */ (0,
|
|
6318
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: "service-fee", children: [
|
|
6200
6319
|
formatBigInt(targetFee),
|
|
6201
6320
|
" ",
|
|
6202
6321
|
targetCurrency
|
|
6203
6322
|
] })
|
|
6204
6323
|
] }),
|
|
6205
|
-
/* @__PURE__ */ (0,
|
|
6206
|
-
/* @__PURE__ */ (0,
|
|
6207
|
-
/* @__PURE__ */ (0,
|
|
6324
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "amount-details", children: [
|
|
6325
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: "KIMA Service Fee" }),
|
|
6326
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: "service-fee", children: [
|
|
6208
6327
|
formatBigInt(kimaFee),
|
|
6209
6328
|
" ",
|
|
6210
6329
|
sourceCurrency
|
|
6211
6330
|
] })
|
|
6212
6331
|
] })
|
|
6213
6332
|
] }) }),
|
|
6214
|
-
/* @__PURE__ */ (0,
|
|
6215
|
-
/* @__PURE__ */ (0,
|
|
6216
|
-
/* @__PURE__ */ (0,
|
|
6333
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "amount-details", children: [
|
|
6334
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: "Target Transfer Amount" }),
|
|
6335
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: "service-fee", children: [
|
|
6217
6336
|
formatBigInt(targetDisplayAmount),
|
|
6218
6337
|
" ",
|
|
6219
6338
|
targetCurrency
|
|
6220
6339
|
] })
|
|
6221
6340
|
] })
|
|
6222
6341
|
] }) }),
|
|
6223
|
-
/* @__PURE__ */ (0,
|
|
6224
|
-
/* @__PURE__ */ (0,
|
|
6225
|
-
/* @__PURE__ */ (0,
|
|
6226
|
-
/* @__PURE__ */ (0,
|
|
6227
|
-
/* @__PURE__ */ (0,
|
|
6342
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "detail-item", children: [
|
|
6343
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "label", children: "Target wallet:" }),
|
|
6344
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "network-details", children: [
|
|
6345
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "kima-card-network-container", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: `kima-card-network-label ${theme.colorMode}`, children: [
|
|
6346
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ChainIcon, { symbol: targetNetworkOption?.shortName }),
|
|
6228
6347
|
targetNetworkOption?.name
|
|
6229
6348
|
] }) }),
|
|
6230
|
-
/* @__PURE__ */ (0,
|
|
6349
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("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 })
|
|
6231
6350
|
] })
|
|
6232
6351
|
] }),
|
|
6233
|
-
!isSwap && mode === "bridge" /* bridge */ && BigInt(totalFee.value) > 0n && /* @__PURE__ */ (0,
|
|
6352
|
+
!isSwap && mode === "bridge" /* bridge */ && BigInt(totalFee.value) > 0n && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(FeeDeductionRadioButtons_default, { disabled: feeOptionDisabled })
|
|
6234
6353
|
] });
|
|
6235
6354
|
};
|
|
6236
6355
|
var ConfirmDetails_default = ConfirmDetails;
|
|
@@ -6238,7 +6357,7 @@ var ConfirmDetails_default = ConfirmDetails;
|
|
|
6238
6357
|
// src/components/reusable/AddressInput.tsx
|
|
6239
6358
|
var import_react48 = require("react");
|
|
6240
6359
|
var import_react_redux33 = require("react-redux");
|
|
6241
|
-
var
|
|
6360
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
6242
6361
|
var AddressInput = ({
|
|
6243
6362
|
theme,
|
|
6244
6363
|
placeholder
|
|
@@ -6278,7 +6397,7 @@ var AddressInput = ({
|
|
|
6278
6397
|
targetChain.shortName,
|
|
6279
6398
|
dispatch
|
|
6280
6399
|
]);
|
|
6281
|
-
return /* @__PURE__ */ (0,
|
|
6400
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
6282
6401
|
"input",
|
|
6283
6402
|
{
|
|
6284
6403
|
className: `kima-address-input ${theme}`,
|
|
@@ -6294,12 +6413,12 @@ var AddressInput_default = AddressInput;
|
|
|
6294
6413
|
|
|
6295
6414
|
// src/components/reusable/CustomCheckbox.tsx
|
|
6296
6415
|
var import_react_redux34 = require("react-redux");
|
|
6297
|
-
var
|
|
6416
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
6298
6417
|
|
|
6299
6418
|
// src/components/reusable/StepBox.tsx
|
|
6300
6419
|
var import_react49 = require("react");
|
|
6301
6420
|
var import_react_redux35 = require("react-redux");
|
|
6302
|
-
var
|
|
6421
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
6303
6422
|
var stepInfo = [
|
|
6304
6423
|
{
|
|
6305
6424
|
title: "Initialize"
|
|
@@ -6331,94 +6450,94 @@ var StepBox = ({ step, errorStep, loadingStep, data }) => {
|
|
|
6331
6450
|
() => networks.find((network) => network.shortName === data?.targetChain),
|
|
6332
6451
|
[data, networks]
|
|
6333
6452
|
);
|
|
6334
|
-
return /* @__PURE__ */ (0,
|
|
6335
|
-
/* @__PURE__ */ (0,
|
|
6453
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "kima-stepbox", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: `content-wrapper ${theme.colorMode}`, children: stepInfo.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "step-item", children: [
|
|
6454
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6336
6455
|
"div",
|
|
6337
6456
|
{
|
|
6338
6457
|
className: `info-item
|
|
6339
6458
|
${step >= index ? index === loadingStep ? "active" : index === errorStep ? "error" : "completed" : ""}
|
|
6340
6459
|
${step < index && "locked"} ${theme.colorMode}`,
|
|
6341
6460
|
children: [
|
|
6342
|
-
/* @__PURE__ */ (0,
|
|
6343
|
-
step < index && /* @__PURE__ */ (0,
|
|
6344
|
-
step >= index ? index === loadingStep ? /* @__PURE__ */ (0,
|
|
6461
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "info-icon", children: [
|
|
6462
|
+
step < index && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Lock_default, { width: 24, height: 24 }),
|
|
6463
|
+
step >= index ? index === loadingStep ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Loader_default, { width: 24, height: 24, className: "loader" }) : index === errorStep ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Warning_default, { width: 24, height: 24 }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Check_default, { width: 24, height: 24 }) : null
|
|
6345
6464
|
] }),
|
|
6346
|
-
/* @__PURE__ */ (0,
|
|
6465
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { children: item.title })
|
|
6347
6466
|
]
|
|
6348
6467
|
}
|
|
6349
6468
|
),
|
|
6350
|
-
index === 0 && data?.kimaTxHash ? /* @__PURE__ */ (0,
|
|
6351
|
-
/* @__PURE__ */ (0,
|
|
6352
|
-
/* @__PURE__ */ (0,
|
|
6353
|
-
/* @__PURE__ */ (0,
|
|
6354
|
-
/* @__PURE__ */ (0,
|
|
6469
|
+
index === 0 && data?.kimaTxHash ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: `info-item ${theme.colorMode}`, children: [
|
|
6470
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(USDK_default, { width: 30, height: 30 }) }),
|
|
6471
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "chain-name", children: "Kima TX Hash:" }),
|
|
6472
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("p", { children: [
|
|
6473
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6355
6474
|
ExternalLink_default,
|
|
6356
6475
|
{
|
|
6357
6476
|
to: `${explorerUrl}/transactions/?tx=${data?.kimaTxHash}`,
|
|
6358
6477
|
children: getShortenedAddress(data?.kimaTxHash || "")
|
|
6359
6478
|
}
|
|
6360
6479
|
),
|
|
6361
|
-
/* @__PURE__ */ (0,
|
|
6480
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CopyButton_default, { text: data?.kimaTxHash })
|
|
6362
6481
|
] })
|
|
6363
6482
|
] }) : null,
|
|
6364
|
-
index === 1 && data?.tssPullHash && sourceChain?.shortName !== "CC" ? /* @__PURE__ */ (0,
|
|
6483
|
+
index === 1 && data?.tssPullHash && sourceChain?.shortName !== "CC" ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6365
6484
|
"div",
|
|
6366
6485
|
{
|
|
6367
6486
|
className: `info-item ${theme.colorMode} source-chain ${step >= 3 ? "paid" : ""}`,
|
|
6368
6487
|
children: [
|
|
6369
|
-
/* @__PURE__ */ (0,
|
|
6370
|
-
/* @__PURE__ */ (0,
|
|
6488
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ChainIcon, { symbol: data.sourceChain }),
|
|
6489
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("p", { className: "chain-name", children: [
|
|
6371
6490
|
windowWidth >= 770 ? sourceChain?.name : sourceChain?.shortName,
|
|
6372
6491
|
" ",
|
|
6373
6492
|
"TX Hash:"
|
|
6374
6493
|
] }),
|
|
6375
|
-
/* @__PURE__ */ (0,
|
|
6376
|
-
/* @__PURE__ */ (0,
|
|
6494
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("p", { children: [
|
|
6495
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6377
6496
|
ExternalLink_default,
|
|
6378
6497
|
{
|
|
6379
6498
|
to: `${sourceChain?.blockExplorers?.default.url}/${data?.sourceChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssPullHash}${data?.sourceChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`,
|
|
6380
6499
|
children: getShortenedAddress(data?.tssPullHash || "")
|
|
6381
6500
|
}
|
|
6382
6501
|
),
|
|
6383
|
-
/* @__PURE__ */ (0,
|
|
6502
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CopyButton_default, { text: data?.tssPullHash || "" })
|
|
6384
6503
|
] })
|
|
6385
6504
|
]
|
|
6386
6505
|
}
|
|
6387
6506
|
) : null,
|
|
6388
|
-
index === 3 && data?.tssRefundHash ? /* @__PURE__ */ (0,
|
|
6389
|
-
/* @__PURE__ */ (0,
|
|
6390
|
-
/* @__PURE__ */ (0,
|
|
6507
|
+
index === 3 && data?.tssRefundHash ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: `info-item ${theme.colorMode} target-chain`, children: [
|
|
6508
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ChainIcon, { symbol: data.sourceChain }),
|
|
6509
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("p", { className: "chain-name", children: [
|
|
6391
6510
|
windowWidth >= 770 ? sourceChain?.name : sourceChain?.shortName,
|
|
6392
6511
|
" ",
|
|
6393
6512
|
"TX Hash:"
|
|
6394
6513
|
] }),
|
|
6395
|
-
/* @__PURE__ */ (0,
|
|
6396
|
-
/* @__PURE__ */ (0,
|
|
6514
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("p", { children: [
|
|
6515
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6397
6516
|
ExternalLink_default,
|
|
6398
6517
|
{
|
|
6399
6518
|
to: `${sourceChain?.blockExplorers?.default.url}/${data?.sourceChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssRefundHash}${data?.sourceChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`,
|
|
6400
6519
|
children: getShortenedAddress(data?.tssRefundHash || "")
|
|
6401
6520
|
}
|
|
6402
6521
|
),
|
|
6403
|
-
/* @__PURE__ */ (0,
|
|
6522
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CopyButton_default, { text: data?.tssRefundHash || "" })
|
|
6404
6523
|
] })
|
|
6405
6524
|
] }) : null,
|
|
6406
|
-
index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ (0,
|
|
6407
|
-
/* @__PURE__ */ (0,
|
|
6408
|
-
/* @__PURE__ */ (0,
|
|
6525
|
+
index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: `info-item ${theme.colorMode} target-chain`, children: [
|
|
6526
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ChainIcon, { symbol: data.targetChain }),
|
|
6527
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("p", { className: "chain-name", children: [
|
|
6409
6528
|
windowWidth >= 770 ? targetChain?.name : targetChain?.shortName,
|
|
6410
6529
|
" ",
|
|
6411
6530
|
"TX Hash:"
|
|
6412
6531
|
] }),
|
|
6413
|
-
/* @__PURE__ */ (0,
|
|
6414
|
-
/* @__PURE__ */ (0,
|
|
6532
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("p", { children: [
|
|
6533
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6415
6534
|
ExternalLink_default,
|
|
6416
6535
|
{
|
|
6417
6536
|
to: `${targetChain?.blockExplorers?.default.url}/${data?.targetChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssReleaseHash}${data?.targetChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`,
|
|
6418
6537
|
children: getShortenedAddress(data?.tssReleaseHash || "")
|
|
6419
6538
|
}
|
|
6420
6539
|
),
|
|
6421
|
-
/* @__PURE__ */ (0,
|
|
6540
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CopyButton_default, { text: data?.tssReleaseHash || "" })
|
|
6422
6541
|
] })
|
|
6423
6542
|
] }) : null
|
|
6424
6543
|
] }, item.title)) }) });
|
|
@@ -6427,7 +6546,7 @@ var StepBox_default = StepBox;
|
|
|
6427
6546
|
|
|
6428
6547
|
// src/widgets/common/ErrorWidget.tsx
|
|
6429
6548
|
var import_react_redux36 = require("react-redux");
|
|
6430
|
-
var
|
|
6549
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
6431
6550
|
var ErrorWidget = ({
|
|
6432
6551
|
theme,
|
|
6433
6552
|
title,
|
|
@@ -6439,22 +6558,22 @@ var ErrorWidget = ({
|
|
|
6439
6558
|
const ccTransactionId = (0, import_react_redux36.useSelector)(selectCCTransactionId);
|
|
6440
6559
|
const isCreditCardSource = sourceChain.shortName === "CC";
|
|
6441
6560
|
const isRetrying = (0, import_react_redux36.useSelector)(selectCCTransactionRetrying);
|
|
6442
|
-
return /* @__PURE__ */ (0,
|
|
6561
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
6443
6562
|
"div",
|
|
6444
6563
|
{
|
|
6445
6564
|
className: `kima-card ${theme.colorMode}`,
|
|
6446
6565
|
style: {
|
|
6447
6566
|
background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
|
|
6448
6567
|
},
|
|
6449
|
-
children: /* @__PURE__ */ (0,
|
|
6450
|
-
/* @__PURE__ */ (0,
|
|
6451
|
-
/* @__PURE__ */ (0,
|
|
6452
|
-
/* @__PURE__ */ (0,
|
|
6568
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "transfer-card", children: [
|
|
6569
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "kima-card-header", children: [
|
|
6570
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "topbar", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "title", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("h3", { children: title }) }) }),
|
|
6571
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("h4", { className: "subtitle" })
|
|
6453
6572
|
] }),
|
|
6454
|
-
/* @__PURE__ */ (0,
|
|
6455
|
-
isCreditCardSource && !isRetrying && /* @__PURE__ */ (0,
|
|
6456
|
-
message && message !== "" && /* @__PURE__ */ (0,
|
|
6457
|
-
isCreditCardSource && /* @__PURE__ */ (0,
|
|
6573
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "kima-card-content error", children: [
|
|
6574
|
+
isCreditCardSource && !isRetrying && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Error_default, { width: 40, height: 40 }),
|
|
6575
|
+
message && message !== "" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("h2", { children: message }),
|
|
6576
|
+
isCreditCardSource && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
|
|
6458
6577
|
"div",
|
|
6459
6578
|
{
|
|
6460
6579
|
style: {
|
|
@@ -6463,8 +6582,8 @@ var ErrorWidget = ({
|
|
|
6463
6582
|
flexDirection: "column"
|
|
6464
6583
|
},
|
|
6465
6584
|
children: [
|
|
6466
|
-
isRetrying ? /* @__PURE__ */ (0,
|
|
6467
|
-
ccTransactionId && /* @__PURE__ */ (0,
|
|
6585
|
+
isRetrying ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("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__ */ (0, import_jsx_runtime70.jsx)("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." }),
|
|
6586
|
+
ccTransactionId && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
|
|
6468
6587
|
"div",
|
|
6469
6588
|
{
|
|
6470
6589
|
style: {
|
|
@@ -6474,7 +6593,7 @@ var ErrorWidget = ({
|
|
|
6474
6593
|
justifyContent: "center"
|
|
6475
6594
|
},
|
|
6476
6595
|
children: [
|
|
6477
|
-
/* @__PURE__ */ (0,
|
|
6596
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
6478
6597
|
"code",
|
|
6479
6598
|
{
|
|
6480
6599
|
style: {
|
|
@@ -6485,16 +6604,16 @@ var ErrorWidget = ({
|
|
|
6485
6604
|
children: ccTransactionId
|
|
6486
6605
|
}
|
|
6487
6606
|
),
|
|
6488
|
-
/* @__PURE__ */ (0,
|
|
6607
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)(CopyButton_default, { text: ccTransactionId })
|
|
6489
6608
|
]
|
|
6490
6609
|
}
|
|
6491
6610
|
),
|
|
6492
|
-
isRetrying && /* @__PURE__ */ (0,
|
|
6611
|
+
isRetrying && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ring_default, { width: 30, height: 30, fill: "#86b8ce" })
|
|
6493
6612
|
]
|
|
6494
6613
|
}
|
|
6495
6614
|
)
|
|
6496
6615
|
] }),
|
|
6497
|
-
backButtonEnabled && /* @__PURE__ */ (0,
|
|
6616
|
+
backButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
6498
6617
|
"div",
|
|
6499
6618
|
{
|
|
6500
6619
|
style: {
|
|
@@ -6502,14 +6621,14 @@ var ErrorWidget = ({
|
|
|
6502
6621
|
justifyContent: "flex-end",
|
|
6503
6622
|
marginTop: 16
|
|
6504
6623
|
},
|
|
6505
|
-
children: /* @__PURE__ */ (0,
|
|
6624
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(PrimaryButton_default, { clickHandler: backButtonFunction, children: "Back" })
|
|
6506
6625
|
}
|
|
6507
6626
|
),
|
|
6508
|
-
/* @__PURE__ */ (0,
|
|
6509
|
-
/* @__PURE__ */ (0,
|
|
6510
|
-
/* @__PURE__ */ (0,
|
|
6511
|
-
/* @__PURE__ */ (0,
|
|
6512
|
-
/* @__PURE__ */ (0,
|
|
6627
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "kima-card-footer" }),
|
|
6628
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "floating-footer", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
|
|
6629
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children: "Powered by" }),
|
|
6630
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)(FooterLogo_default, { width: 50, fill: "black" }),
|
|
6631
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("strong", { children: "Network" })
|
|
6513
6632
|
] }) })
|
|
6514
6633
|
] })
|
|
6515
6634
|
}
|
|
@@ -6558,7 +6677,7 @@ var import_react53 = require("react");
|
|
|
6558
6677
|
|
|
6559
6678
|
// src/components/reusable/Progressbar.tsx
|
|
6560
6679
|
var import_react_redux37 = require("react-redux");
|
|
6561
|
-
var
|
|
6680
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
6562
6681
|
var stepInfo2 = [
|
|
6563
6682
|
{
|
|
6564
6683
|
title: "Initialize"
|
|
@@ -6578,9 +6697,9 @@ var stepInfo2 = [
|
|
|
6578
6697
|
];
|
|
6579
6698
|
var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
|
|
6580
6699
|
const theme = (0, import_react_redux37.useSelector)(selectTheme);
|
|
6581
|
-
return /* @__PURE__ */ (0,
|
|
6582
|
-
/* @__PURE__ */ (0,
|
|
6583
|
-
/* @__PURE__ */ (0,
|
|
6700
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "kima-progressbar", children: [
|
|
6701
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: `value step-${step * 100 / 4}` }),
|
|
6702
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "step-indicators", children: stepInfo2.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
6584
6703
|
"div",
|
|
6585
6704
|
{
|
|
6586
6705
|
className: `step ${step === index && "active"}
|
|
@@ -6589,10 +6708,10 @@ var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
|
|
|
6589
6708
|
onClick: () => {
|
|
6590
6709
|
if (index < 4) setFocus(index);
|
|
6591
6710
|
},
|
|
6592
|
-
children: /* @__PURE__ */ (0,
|
|
6593
|
-
step < index && /* @__PURE__ */ (0,
|
|
6594
|
-
step >= index ? index === loadingStep ? /* @__PURE__ */ (0,
|
|
6595
|
-
/* @__PURE__ */ (0,
|
|
6711
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "step-info", children: [
|
|
6712
|
+
step < index && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Lock_default, {}),
|
|
6713
|
+
step >= index ? index === loadingStep ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Warning_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Check_default, {}) : null,
|
|
6714
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { children: item.title })
|
|
6596
6715
|
] })
|
|
6597
6716
|
},
|
|
6598
6717
|
item.title
|
|
@@ -6728,20 +6847,20 @@ var useTxData = (txId, dAppOption, backendUrl, isSwap) => {
|
|
|
6728
6847
|
var useTxData_default = useTxData;
|
|
6729
6848
|
|
|
6730
6849
|
// src/components/reusable/TransactionStatusMessage.tsx
|
|
6731
|
-
var
|
|
6850
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
6732
6851
|
var TransactionStatusMessage = ({
|
|
6733
6852
|
isCompleted,
|
|
6734
6853
|
transactionId
|
|
6735
6854
|
}) => {
|
|
6736
|
-
return /* @__PURE__ */ (0,
|
|
6737
|
-
/* @__PURE__ */ (0,
|
|
6855
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "transaction-status-message", children: [
|
|
6856
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("h2", { children: [
|
|
6738
6857
|
isCompleted !== "Completed" /* COMPLETED */ && "Your transaction is currently being processed.",
|
|
6739
6858
|
" ",
|
|
6740
6859
|
"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."
|
|
6741
6860
|
] }),
|
|
6742
|
-
/* @__PURE__ */ (0,
|
|
6743
|
-
/* @__PURE__ */ (0,
|
|
6744
|
-
/* @__PURE__ */ (0,
|
|
6861
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { className: "transaction-copy", children: [
|
|
6862
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("h3", { children: transactionId }),
|
|
6863
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(CopyButton_default, { text: transactionId })
|
|
6745
6864
|
] })
|
|
6746
6865
|
] });
|
|
6747
6866
|
};
|
|
@@ -6752,7 +6871,7 @@ var import_react52 = require("react");
|
|
|
6752
6871
|
var import_react_redux38 = require("react-redux");
|
|
6753
6872
|
var import_react_redux39 = require("react-redux");
|
|
6754
6873
|
var import_react_hot_toast = __toESM(require("react-hot-toast"), 1);
|
|
6755
|
-
var
|
|
6874
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
6756
6875
|
var TransactionSearch = () => {
|
|
6757
6876
|
const theme = (0, import_react_redux38.useSelector)(selectTheme);
|
|
6758
6877
|
const backendUrl = (0, import_react_redux38.useSelector)(selectBackendUrl);
|
|
@@ -6762,7 +6881,7 @@ var TransactionSearch = () => {
|
|
|
6762
6881
|
const handleSearch = async () => {
|
|
6763
6882
|
if (transactionId.length <= 0)
|
|
6764
6883
|
return import_react_hot_toast.default.error("You must provide a valid transaction id", {
|
|
6765
|
-
icon: /* @__PURE__ */ (0,
|
|
6884
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Error_default, {})
|
|
6766
6885
|
});
|
|
6767
6886
|
try {
|
|
6768
6887
|
const data = await getTxData({
|
|
@@ -6780,14 +6899,14 @@ var TransactionSearch = () => {
|
|
|
6780
6899
|
logger_default.error("Error searching transaction: ", error);
|
|
6781
6900
|
return import_react_hot_toast.default.error(
|
|
6782
6901
|
"Transaction not found. Please check for the proper transaction id.",
|
|
6783
|
-
{ icon: /* @__PURE__ */ (0,
|
|
6902
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Error_default, {}) }
|
|
6784
6903
|
);
|
|
6785
6904
|
}
|
|
6786
6905
|
};
|
|
6787
|
-
return /* @__PURE__ */ (0,
|
|
6788
|
-
/* @__PURE__ */ (0,
|
|
6789
|
-
/* @__PURE__ */ (0,
|
|
6790
|
-
/* @__PURE__ */ (0,
|
|
6906
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "form-item transaction-search", children: [
|
|
6907
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "transaction-input", children: [
|
|
6908
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "label", children: "Search Transaction:" }),
|
|
6909
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6791
6910
|
"input",
|
|
6792
6911
|
{
|
|
6793
6912
|
className: `${theme.colorMode}`,
|
|
@@ -6799,13 +6918,13 @@ var TransactionSearch = () => {
|
|
|
6799
6918
|
}
|
|
6800
6919
|
)
|
|
6801
6920
|
] }),
|
|
6802
|
-
/* @__PURE__ */ (0,
|
|
6921
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SecondaryButton_default, { clickHandler: handleSearch, children: "Search" })
|
|
6803
6922
|
] });
|
|
6804
6923
|
};
|
|
6805
6924
|
var TransactionSearch_default = TransactionSearch;
|
|
6806
6925
|
|
|
6807
6926
|
// src/widgets/transaction/components/TransactionWidget.tsx
|
|
6808
|
-
var
|
|
6927
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
6809
6928
|
var TransactionWidget = ({ theme }) => {
|
|
6810
6929
|
const [step, setStep] = (0, import_react53.useState)(0);
|
|
6811
6930
|
const [focus, setFocus] = (0, import_react53.useState)(-1);
|
|
@@ -6887,7 +7006,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
6887
7006
|
if (error)
|
|
6888
7007
|
import_react_hot_toast2.toast.error(
|
|
6889
7008
|
"The provided transaction id is not valid, please use a different one or contact support for further assistance",
|
|
6890
|
-
{ icon: /* @__PURE__ */ (0,
|
|
7009
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Error_default, {}) }
|
|
6891
7010
|
);
|
|
6892
7011
|
}, [error]);
|
|
6893
7012
|
(0, import_react53.useEffect)(() => {
|
|
@@ -6915,7 +7034,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
6915
7034
|
setErrorStep(1);
|
|
6916
7035
|
setLoadingStep(-1);
|
|
6917
7036
|
logger_default.error("transaction failed:", data?.failReason);
|
|
6918
|
-
import_react_hot_toast2.toast.error("Unavailable", { icon: /* @__PURE__ */ (0,
|
|
7037
|
+
import_react_hot_toast2.toast.error("Unavailable", { icon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Error_default, {}) });
|
|
6919
7038
|
setErrorMessage("Unavailable");
|
|
6920
7039
|
return;
|
|
6921
7040
|
}
|
|
@@ -6929,7 +7048,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
6929
7048
|
setLoadingStep(3);
|
|
6930
7049
|
import_react_hot_toast2.toast.error(
|
|
6931
7050
|
"Failed to release tokens to target! Starting refund process.",
|
|
6932
|
-
{ icon: /* @__PURE__ */ (0,
|
|
7051
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Error_default, {}) }
|
|
6933
7052
|
);
|
|
6934
7053
|
setErrorMessage(
|
|
6935
7054
|
"Failed to release tokens to target! Starting refund process."
|
|
@@ -6940,7 +7059,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
6940
7059
|
setStep(3);
|
|
6941
7060
|
setErrorStep(3);
|
|
6942
7061
|
setLoadingStep(-1);
|
|
6943
|
-
import_react_hot_toast2.toast.error("Failed to refund tokens to source!", { icon: /* @__PURE__ */ (0,
|
|
7062
|
+
import_react_hot_toast2.toast.error("Failed to refund tokens to source!", { icon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Error_default, {}) });
|
|
6944
7063
|
setErrorMessage("Failed to refund tokens to source!");
|
|
6945
7064
|
return;
|
|
6946
7065
|
}
|
|
@@ -6948,7 +7067,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
6948
7067
|
setStep(4);
|
|
6949
7068
|
setErrorStep(3);
|
|
6950
7069
|
setLoadingStep(-1);
|
|
6951
|
-
import_react_hot_toast2.toast.success("Refund completed!", { icon: /* @__PURE__ */ (0,
|
|
7070
|
+
import_react_hot_toast2.toast.success("Refund completed!", { icon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Error_default, {}) });
|
|
6952
7071
|
setErrorMessage("Refund completed!");
|
|
6953
7072
|
return;
|
|
6954
7073
|
}
|
|
@@ -6958,7 +7077,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
6958
7077
|
setLoadingStep(-1);
|
|
6959
7078
|
logger_default.error("transaction failed:", data?.failReason);
|
|
6960
7079
|
import_react_hot_toast2.toast.error("Failed to release tokens to target!", {
|
|
6961
|
-
icon: /* @__PURE__ */ (0,
|
|
7080
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Error_default, {})
|
|
6962
7081
|
});
|
|
6963
7082
|
setErrorMessage("Failed to release tokens to target!");
|
|
6964
7083
|
return;
|
|
@@ -6968,7 +7087,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
6968
7087
|
setErrorStep(1);
|
|
6969
7088
|
setLoadingStep(-1);
|
|
6970
7089
|
logger_default.error("transaction failed:", data?.failReason);
|
|
6971
|
-
import_react_hot_toast2.toast.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ (0,
|
|
7090
|
+
import_react_hot_toast2.toast.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Error_default, {}) });
|
|
6972
7091
|
setErrorMessage("Failed to pull tokens from source!");
|
|
6973
7092
|
return;
|
|
6974
7093
|
}
|
|
@@ -7083,13 +7202,13 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7083
7202
|
logger_default.error("[TransactionWidget] reset failed", e);
|
|
7084
7203
|
import_react_hot_toast2.toast.error(
|
|
7085
7204
|
"Unable to reset the transaction view. Please contact support for assistance.",
|
|
7086
|
-
{ icon: /* @__PURE__ */ (0,
|
|
7205
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Error_default, {}) }
|
|
7087
7206
|
);
|
|
7088
7207
|
}
|
|
7089
7208
|
};
|
|
7090
7209
|
const swapSrcAmt = data?.amountIn ?? amount;
|
|
7091
7210
|
const swapDstAmt = data?.amount;
|
|
7092
|
-
return /* @__PURE__ */ (0,
|
|
7211
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_redux40.Provider, { store: store_default, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
|
|
7093
7212
|
"div",
|
|
7094
7213
|
{
|
|
7095
7214
|
className: `kima-card transaction-card ${isComplete ? "transaction-complete" : ""} ${theme.colorMode} ${minimized ? "minimized" : ""}`,
|
|
@@ -7097,9 +7216,9 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7097
7216
|
background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
|
|
7098
7217
|
},
|
|
7099
7218
|
children: [
|
|
7100
|
-
/* @__PURE__ */ (0,
|
|
7101
|
-
/* @__PURE__ */ (0,
|
|
7102
|
-
!isComplete && /* @__PURE__ */ (0,
|
|
7219
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "kima-card-header", children: [
|
|
7220
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "topbar", children: [
|
|
7221
|
+
!isComplete && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "title", children: isValidTxId && !error ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "transaction-title", children: showFetchingTitle ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_jsx_runtime74.Fragment, { children: "Getting transaction details\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
|
|
7103
7222
|
verb,
|
|
7104
7223
|
leftAmt,
|
|
7105
7224
|
" ",
|
|
@@ -7108,13 +7227,13 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7108
7227
|
rightAmt,
|
|
7109
7228
|
" ",
|
|
7110
7229
|
rightSym
|
|
7111
|
-
] }) }) : /* @__PURE__ */ (0,
|
|
7112
|
-
!minimized ? /* @__PURE__ */ (0,
|
|
7230
|
+
] }) }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("h3", { className: "transaction", children: "Transaction Status" }) }) }),
|
|
7231
|
+
!minimized ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
|
|
7113
7232
|
"div",
|
|
7114
7233
|
{
|
|
7115
7234
|
className: `control-buttons ${isComplete ? "complete" : ""}`,
|
|
7116
7235
|
children: [
|
|
7117
|
-
isComplete && /* @__PURE__ */ (0,
|
|
7236
|
+
isComplete && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7118
7237
|
"button",
|
|
7119
7238
|
{
|
|
7120
7239
|
className: "menu-button",
|
|
@@ -7123,16 +7242,16 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7123
7242
|
children: "< Back"
|
|
7124
7243
|
}
|
|
7125
7244
|
),
|
|
7126
|
-
/* @__PURE__ */ (0,
|
|
7245
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7127
7246
|
"button",
|
|
7128
7247
|
{
|
|
7129
7248
|
className: "icon-button minimize",
|
|
7130
7249
|
onClick: () => setMinimized(true),
|
|
7131
|
-
children: /* @__PURE__ */ (0,
|
|
7250
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Minimize_default, {})
|
|
7132
7251
|
}
|
|
7133
7252
|
),
|
|
7134
|
-
!isComplete && (!isValidTxId || loadingStep < 0 || error && dAppOption !== "none" /* None */) ? /* @__PURE__ */ (0,
|
|
7135
|
-
closeHandler && /* @__PURE__ */ (0,
|
|
7253
|
+
!isComplete && (!isValidTxId || loadingStep < 0 || error && dAppOption !== "none" /* None */) ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("button", { className: "reset-button", onClick: resetForm, children: "Reset" }) : null,
|
|
7254
|
+
closeHandler && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7136
7255
|
"button",
|
|
7137
7256
|
{
|
|
7138
7257
|
className: "cross-icon-button",
|
|
@@ -7140,44 +7259,44 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7140
7259
|
resetForm();
|
|
7141
7260
|
closeHandler(0);
|
|
7142
7261
|
},
|
|
7143
|
-
children: /* @__PURE__ */ (0,
|
|
7262
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Cross_default, {})
|
|
7144
7263
|
}
|
|
7145
7264
|
)
|
|
7146
7265
|
]
|
|
7147
7266
|
}
|
|
7148
|
-
) : /* @__PURE__ */ (0,
|
|
7267
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "control-buttons", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "maximize", onClick: () => setMinimized(false), children: "View" }) })
|
|
7149
7268
|
] }),
|
|
7150
|
-
data && !isComplete && /* @__PURE__ */ (0,
|
|
7151
|
-
/* @__PURE__ */ (0,
|
|
7152
|
-
/* @__PURE__ */ (0,
|
|
7269
|
+
data && !isComplete && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "header-network-labels", children: [
|
|
7270
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: `kima-card-network-label ${theme.colorMode}`, children: [
|
|
7271
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7153
7272
|
ChainIcon,
|
|
7154
7273
|
{
|
|
7155
7274
|
symbol: transactionSourceChain?.shortName
|
|
7156
7275
|
}
|
|
7157
7276
|
),
|
|
7158
|
-
windowWidth > 450 && /* @__PURE__ */ (0,
|
|
7277
|
+
windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("h3", { children: transactionSourceChain?.name })
|
|
7159
7278
|
] }),
|
|
7160
|
-
/* @__PURE__ */ (0,
|
|
7279
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7161
7280
|
"div",
|
|
7162
7281
|
{
|
|
7163
7282
|
style: { display: "inline-block", transform: "rotate(-90deg)" },
|
|
7164
|
-
children: /* @__PURE__ */ (0,
|
|
7283
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Arrow_default, { width: 25, height: 25 })
|
|
7165
7284
|
}
|
|
7166
7285
|
),
|
|
7167
|
-
/* @__PURE__ */ (0,
|
|
7168
|
-
/* @__PURE__ */ (0,
|
|
7286
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: `kima-card-network-label ${theme.colorMode}`, children: [
|
|
7287
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7169
7288
|
ChainIcon,
|
|
7170
7289
|
{
|
|
7171
7290
|
symbol: transactionTargetChain?.shortName
|
|
7172
7291
|
}
|
|
7173
7292
|
),
|
|
7174
|
-
windowWidth > 450 && /* @__PURE__ */ (0,
|
|
7293
|
+
windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("h3", { children: transactionTargetChain?.name })
|
|
7175
7294
|
] })
|
|
7176
7295
|
] })
|
|
7177
7296
|
] }),
|
|
7178
|
-
isValidTxId && !error ? /* @__PURE__ */ (0,
|
|
7179
|
-
!isComplete ? /* @__PURE__ */ (0,
|
|
7180
|
-
/* @__PURE__ */ (0,
|
|
7297
|
+
isValidTxId && !error ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "kima-card-content", children: [
|
|
7298
|
+
!isComplete ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "transaction-content", children: [
|
|
7299
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7181
7300
|
Progressbar_default,
|
|
7182
7301
|
{
|
|
7183
7302
|
step,
|
|
@@ -7187,7 +7306,7 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7187
7306
|
loadingStep
|
|
7188
7307
|
}
|
|
7189
7308
|
),
|
|
7190
|
-
/* @__PURE__ */ (0,
|
|
7309
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7191
7310
|
StepBox_default,
|
|
7192
7311
|
{
|
|
7193
7312
|
step,
|
|
@@ -7196,15 +7315,15 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7196
7315
|
data
|
|
7197
7316
|
}
|
|
7198
7317
|
)
|
|
7199
|
-
] }) : /* @__PURE__ */ (0,
|
|
7200
|
-
/* @__PURE__ */ (0,
|
|
7201
|
-
/* @__PURE__ */ (0,
|
|
7202
|
-
/* @__PURE__ */ (0,
|
|
7318
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "transaction-content transaction-complete", children: [
|
|
7319
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TransactionComplete_default, {}),
|
|
7320
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("h2", { children: widgetIsSwap ? "Swap Complete" : "Transaction Complete" }),
|
|
7321
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "kima-stepbox", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
|
|
7203
7322
|
"div",
|
|
7204
7323
|
{
|
|
7205
7324
|
className: `content-wrapper transaction-complete ${theme.colorMode}`,
|
|
7206
7325
|
children: [
|
|
7207
|
-
/* @__PURE__ */ (0,
|
|
7326
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { children: widgetIsSwap ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
|
|
7208
7327
|
"You just swapped ",
|
|
7209
7328
|
fmt3(swapSrcAmt),
|
|
7210
7329
|
" ",
|
|
@@ -7213,50 +7332,50 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7213
7332
|
fmt3(swapDstAmt),
|
|
7214
7333
|
" ",
|
|
7215
7334
|
data?.targetSymbol
|
|
7216
|
-
] }) : /* @__PURE__ */ (0,
|
|
7335
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
|
|
7217
7336
|
"You just transferred ",
|
|
7218
7337
|
data?.amount,
|
|
7219
7338
|
" ",
|
|
7220
7339
|
data?.sourceSymbol
|
|
7221
7340
|
] }) }),
|
|
7222
|
-
/* @__PURE__ */ (0,
|
|
7223
|
-
/* @__PURE__ */ (0,
|
|
7341
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "header-network-labels", children: [
|
|
7342
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
|
|
7224
7343
|
"div",
|
|
7225
7344
|
{
|
|
7226
7345
|
className: `kima-card-network-label ${theme.colorMode}`,
|
|
7227
7346
|
children: [
|
|
7228
|
-
/* @__PURE__ */ (0,
|
|
7347
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7229
7348
|
ChainIcon,
|
|
7230
7349
|
{
|
|
7231
7350
|
symbol: transactionSourceChain?.shortName
|
|
7232
7351
|
}
|
|
7233
7352
|
),
|
|
7234
|
-
windowWidth > 450 && /* @__PURE__ */ (0,
|
|
7353
|
+
windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("h3", { children: transactionSourceChain?.name })
|
|
7235
7354
|
]
|
|
7236
7355
|
}
|
|
7237
7356
|
),
|
|
7238
|
-
/* @__PURE__ */ (0,
|
|
7357
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7239
7358
|
"div",
|
|
7240
7359
|
{
|
|
7241
7360
|
style: {
|
|
7242
7361
|
display: "inline-block",
|
|
7243
7362
|
transform: "rotate(-90deg)"
|
|
7244
7363
|
},
|
|
7245
|
-
children: /* @__PURE__ */ (0,
|
|
7364
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Arrow_default, { width: 25, height: 25 })
|
|
7246
7365
|
}
|
|
7247
7366
|
),
|
|
7248
|
-
/* @__PURE__ */ (0,
|
|
7367
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
|
|
7249
7368
|
"div",
|
|
7250
7369
|
{
|
|
7251
7370
|
className: `kima-card-network-label ${theme.colorMode}`,
|
|
7252
7371
|
children: [
|
|
7253
|
-
/* @__PURE__ */ (0,
|
|
7372
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7254
7373
|
ChainIcon,
|
|
7255
7374
|
{
|
|
7256
7375
|
symbol: transactionTargetChain?.shortName
|
|
7257
7376
|
}
|
|
7258
7377
|
),
|
|
7259
|
-
windowWidth > 450 && /* @__PURE__ */ (0,
|
|
7378
|
+
windowWidth > 450 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("h3", { children: transactionTargetChain?.name })
|
|
7260
7379
|
]
|
|
7261
7380
|
}
|
|
7262
7381
|
)
|
|
@@ -7264,8 +7383,8 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7264
7383
|
]
|
|
7265
7384
|
}
|
|
7266
7385
|
) }),
|
|
7267
|
-
/* @__PURE__ */ (0,
|
|
7268
|
-
/* @__PURE__ */ (0,
|
|
7386
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "transaction-buttons", children: [
|
|
7387
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7269
7388
|
SecondaryButton_default,
|
|
7270
7389
|
{
|
|
7271
7390
|
clickHandler: resetForm,
|
|
@@ -7273,27 +7392,27 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7273
7392
|
children: "New Transaction"
|
|
7274
7393
|
}
|
|
7275
7394
|
),
|
|
7276
|
-
/* @__PURE__ */ (0,
|
|
7395
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7277
7396
|
ExternalLink_default,
|
|
7278
7397
|
{
|
|
7279
7398
|
to: `${explorerUrl}/transactions/?tx=${data?.kimaTxHash}`,
|
|
7280
|
-
children: /* @__PURE__ */ (0,
|
|
7399
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(PrimaryButton_default, { children: "View Details" })
|
|
7281
7400
|
}
|
|
7282
7401
|
)
|
|
7283
7402
|
] })
|
|
7284
7403
|
] }),
|
|
7285
|
-
!error && !isEmptyStatus && !isComplete && /* @__PURE__ */ (0,
|
|
7404
|
+
!error && !isEmptyStatus && !isComplete && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7286
7405
|
TransactionStatusMessage_default,
|
|
7287
7406
|
{
|
|
7288
7407
|
isCompleted: data?.status,
|
|
7289
7408
|
transactionId: String(safeTxId)
|
|
7290
7409
|
}
|
|
7291
7410
|
)
|
|
7292
|
-
] }) : /* @__PURE__ */ (0,
|
|
7293
|
-
/* @__PURE__ */ (0,
|
|
7294
|
-
/* @__PURE__ */ (0,
|
|
7411
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "kima-card-content", children: [
|
|
7412
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("h4", { className: "subtitle", children: "You can follow the status of a previous submitted transaction by entering the provided transaction id" }),
|
|
7413
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "single-form", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TransactionSearch_default, {}) })
|
|
7295
7414
|
] }),
|
|
7296
|
-
/* @__PURE__ */ (0,
|
|
7415
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7297
7416
|
import_react_hot_toast2.Toaster,
|
|
7298
7417
|
{
|
|
7299
7418
|
position: "top-right",
|
|
@@ -7318,13 +7437,13 @@ var TransactionWidget = ({ theme }) => {
|
|
|
7318
7437
|
}
|
|
7319
7438
|
}
|
|
7320
7439
|
),
|
|
7321
|
-
/* @__PURE__ */ (0,
|
|
7440
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7322
7441
|
"div",
|
|
7323
7442
|
{
|
|
7324
7443
|
className: `floating-footer ${isComplete ? "complete" : "status"}`,
|
|
7325
|
-
children: /* @__PURE__ */ (0,
|
|
7326
|
-
/* @__PURE__ */ (0,
|
|
7327
|
-
/* @__PURE__ */ (0,
|
|
7444
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
|
|
7445
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: "Powered by" }),
|
|
7446
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(KimaNetwork_default, {})
|
|
7328
7447
|
] })
|
|
7329
7448
|
}
|
|
7330
7449
|
)
|
|
@@ -7766,7 +7885,7 @@ var import_react_redux56 = require("react-redux");
|
|
|
7766
7885
|
var import_viem9 = require("viem");
|
|
7767
7886
|
|
|
7768
7887
|
// src/components/reusable/WarningModal.tsx
|
|
7769
|
-
var
|
|
7888
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
7770
7889
|
var WarningModal = ({
|
|
7771
7890
|
message,
|
|
7772
7891
|
cancelButtonText = "Cancel",
|
|
@@ -7774,11 +7893,11 @@ var WarningModal = ({
|
|
|
7774
7893
|
onAcknowledge,
|
|
7775
7894
|
onCancel
|
|
7776
7895
|
}) => {
|
|
7777
|
-
return /* @__PURE__ */ (0,
|
|
7778
|
-
/* @__PURE__ */ (0,
|
|
7779
|
-
/* @__PURE__ */ (0,
|
|
7780
|
-
/* @__PURE__ */ (0,
|
|
7781
|
-
/* @__PURE__ */ (0,
|
|
7896
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "warning-modal-overlay", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "warning-modal", children: [
|
|
7897
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("h3", { children: "Warning" }),
|
|
7898
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { children: message }),
|
|
7899
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "warning-modal-buttons", children: [
|
|
7900
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
7782
7901
|
SecondaryButton_default,
|
|
7783
7902
|
{
|
|
7784
7903
|
className: "warning-modal-cancel",
|
|
@@ -7786,7 +7905,7 @@ var WarningModal = ({
|
|
|
7786
7905
|
children: cancelButtonText
|
|
7787
7906
|
}
|
|
7788
7907
|
),
|
|
7789
|
-
/* @__PURE__ */ (0,
|
|
7908
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
7790
7909
|
PrimaryButton_default,
|
|
7791
7910
|
{
|
|
7792
7911
|
className: "warning-modal-acknowledge",
|
|
@@ -7808,7 +7927,7 @@ var import_react_redux47 = require("react-redux");
|
|
|
7808
7927
|
// src/components/primary/NetworkSelector.tsx
|
|
7809
7928
|
var import_react55 = __toESM(require("react"), 1);
|
|
7810
7929
|
var import_react_redux46 = require("react-redux");
|
|
7811
|
-
var
|
|
7930
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
7812
7931
|
var NetworkSelector = ({
|
|
7813
7932
|
type,
|
|
7814
7933
|
initialSelection,
|
|
@@ -7943,7 +8062,12 @@ var NetworkSelector = ({
|
|
|
7943
8062
|
oldSource: sourceNetwork.shortName,
|
|
7944
8063
|
oldTarget: targetNetwork.shortName
|
|
7945
8064
|
});
|
|
7946
|
-
const
|
|
8065
|
+
const location = isOriginSelector ? "origin" : "target";
|
|
8066
|
+
const isTokenAllowedHere = (t) => {
|
|
8067
|
+
const allowed = t.supportedLocations ?? ["origin", "target"];
|
|
8068
|
+
return allowed.includes(location);
|
|
8069
|
+
};
|
|
8070
|
+
const newCurrency = chain.supportedTokens.find(isTokenAllowedHere)?.symbol ?? "";
|
|
7947
8071
|
if (isOriginSelector) {
|
|
7948
8072
|
if (chain.shortName !== sourceNetwork.shortName) {
|
|
7949
8073
|
logger_default.debug("[NetworkSelector] set sourceChain + sourceCurrency", {
|
|
@@ -7952,6 +8076,11 @@ var NetworkSelector = ({
|
|
|
7952
8076
|
});
|
|
7953
8077
|
dispatch(setSourceChain(chain));
|
|
7954
8078
|
dispatch(setSourceCurrency(newCurrency));
|
|
8079
|
+
if (targetNetwork?.shortName === chain.shortName) {
|
|
8080
|
+
dispatch(setTargetChain({ shortName: "", name: "" }));
|
|
8081
|
+
dispatch(setTargetCurrency(""));
|
|
8082
|
+
dispatch(setTargetAddress(""));
|
|
8083
|
+
}
|
|
7955
8084
|
if (mode === "light" /* light */) {
|
|
7956
8085
|
const key = chain.compatibility === "EVM" /* EVM */ ? "EVM" : chain.shortName;
|
|
7957
8086
|
const demoAddr = lightDemoAccounts[key];
|
|
@@ -8049,7 +8178,7 @@ var NetworkSelector = ({
|
|
|
8049
8178
|
currentTargetAddr,
|
|
8050
8179
|
dispatch
|
|
8051
8180
|
]);
|
|
8052
|
-
return /* @__PURE__ */ (0,
|
|
8181
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
8053
8182
|
"div",
|
|
8054
8183
|
{
|
|
8055
8184
|
className: `network-dropdown ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"} ${shouldLockSourceNetwork ? "disabled" : ""}`,
|
|
@@ -8058,15 +8187,15 @@ var NetworkSelector = ({
|
|
|
8058
8187
|
},
|
|
8059
8188
|
ref,
|
|
8060
8189
|
children: [
|
|
8061
|
-
/* @__PURE__ */ (0,
|
|
8062
|
-
/* @__PURE__ */ (0,
|
|
8063
|
-
/* @__PURE__ */ (0,
|
|
8190
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "network-wrapper", children: [
|
|
8191
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ChainIcon, { symbol: selectedNetwork.shortName }),
|
|
8192
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { children: selectedNetwork.name })
|
|
8064
8193
|
] }),
|
|
8065
|
-
/* @__PURE__ */ (0,
|
|
8194
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
8066
8195
|
"div",
|
|
8067
8196
|
{
|
|
8068
8197
|
className: `network-menu custom-scrollbar ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"}`,
|
|
8069
|
-
children: networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ (0,
|
|
8198
|
+
children: networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
8070
8199
|
"div",
|
|
8071
8200
|
{
|
|
8072
8201
|
className: `network-menu-item ${theme?.colorMode ?? ""} ${network.disabled ? "disabled has-tooltip" : "enabled"}`,
|
|
@@ -8075,16 +8204,16 @@ var NetworkSelector = ({
|
|
|
8075
8204
|
if (!network.disabled) handleNetworkChange(network);
|
|
8076
8205
|
},
|
|
8077
8206
|
children: [
|
|
8078
|
-
network.disabled ? /* @__PURE__ */ (0,
|
|
8079
|
-
/* @__PURE__ */ (0,
|
|
8080
|
-
network.disabled && /* @__PURE__ */ (0,
|
|
8207
|
+
network.disabled ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Warning_default, { width: 25, height: 25 }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ChainIcon, { symbol: network.shortName }),
|
|
8208
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { children: network.name }),
|
|
8209
|
+
network.disabled && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "tooltip", children: "Temporarily unavailable" })
|
|
8081
8210
|
]
|
|
8082
8211
|
},
|
|
8083
8212
|
network.id ?? network.shortName
|
|
8084
8213
|
))
|
|
8085
8214
|
}
|
|
8086
8215
|
),
|
|
8087
|
-
!shouldLockSourceNetwork && /* @__PURE__ */ (0,
|
|
8216
|
+
!shouldLockSourceNetwork && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}`, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Arrow_default, { fill: "none" }) })
|
|
8088
8217
|
]
|
|
8089
8218
|
}
|
|
8090
8219
|
);
|
|
@@ -8092,7 +8221,7 @@ var NetworkSelector = ({
|
|
|
8092
8221
|
var NetworkSelector_default = import_react55.default.memo(NetworkSelector);
|
|
8093
8222
|
|
|
8094
8223
|
// src/components/reusable/SingleForm.tsx
|
|
8095
|
-
var
|
|
8224
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
8096
8225
|
var SingleForm = ({
|
|
8097
8226
|
isLoadingFees,
|
|
8098
8227
|
initialSelection,
|
|
@@ -8286,14 +8415,14 @@ var SingleForm = ({
|
|
|
8286
8415
|
demoSourceAddress,
|
|
8287
8416
|
feeDeduct
|
|
8288
8417
|
]);
|
|
8289
|
-
return /* @__PURE__ */ (0,
|
|
8290
|
-
/* @__PURE__ */ (0,
|
|
8291
|
-
/* @__PURE__ */ (0,
|
|
8418
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "single-form", children: [
|
|
8419
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "form-item", children: [
|
|
8420
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "label", children: [
|
|
8292
8421
|
dAppOption === "none" /* None */ && "Source",
|
|
8293
8422
|
" Network:"
|
|
8294
8423
|
] }),
|
|
8295
|
-
/* @__PURE__ */ (0,
|
|
8296
|
-
/* @__PURE__ */ (0,
|
|
8424
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "items", children: [
|
|
8425
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
8297
8426
|
NetworkSelector_default,
|
|
8298
8427
|
{
|
|
8299
8428
|
type: "origin",
|
|
@@ -8303,30 +8432,30 @@ var SingleForm = ({
|
|
|
8303
8432
|
}
|
|
8304
8433
|
}
|
|
8305
8434
|
),
|
|
8306
|
-
/* @__PURE__ */ (0,
|
|
8435
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(CoinDropdown_default, { isSourceChain: true })
|
|
8307
8436
|
] })
|
|
8308
8437
|
] }),
|
|
8309
|
-
/* @__PURE__ */ (0,
|
|
8438
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
8310
8439
|
"div",
|
|
8311
8440
|
{
|
|
8312
8441
|
className: `dynamic-area ${sourceNetwork.shortName === "FIAT" /* FIAT */ ? "reverse" : "1"}`,
|
|
8313
8442
|
children: [
|
|
8314
8443
|
!["CC" /* CC */, "BANK" /* BANK */].includes(
|
|
8315
8444
|
sourceNetwork.compatibility
|
|
8316
|
-
) && /* @__PURE__ */ (0,
|
|
8445
|
+
) && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
8317
8446
|
"div",
|
|
8318
8447
|
{
|
|
8319
8448
|
className: `form-item wallet-button-item ${isConnectedSourceWrapper ? "connected" : ""}`,
|
|
8320
8449
|
children: [
|
|
8321
|
-
/* @__PURE__ */ (0,
|
|
8322
|
-
/* @__PURE__ */ (0,
|
|
8450
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "label", children: "Wallet:" }),
|
|
8451
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(WalletButton_default, { initialSelection: initialSelection.sourceSelection })
|
|
8323
8452
|
]
|
|
8324
8453
|
}
|
|
8325
8454
|
),
|
|
8326
|
-
mode !== "payment" /* payment */ && /* @__PURE__ */ (0,
|
|
8327
|
-
/* @__PURE__ */ (0,
|
|
8328
|
-
/* @__PURE__ */ (0,
|
|
8329
|
-
/* @__PURE__ */ (0,
|
|
8455
|
+
mode !== "payment" /* payment */ && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "form-item", children: [
|
|
8456
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "label", children: "Target Network:" }),
|
|
8457
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "items", children: [
|
|
8458
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
8330
8459
|
NetworkSelector_default,
|
|
8331
8460
|
{
|
|
8332
8461
|
type: "target",
|
|
@@ -8336,15 +8465,15 @@ var SingleForm = ({
|
|
|
8336
8465
|
}
|
|
8337
8466
|
}
|
|
8338
8467
|
),
|
|
8339
|
-
/* @__PURE__ */ (0,
|
|
8468
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(CoinDropdown_default, { isSourceChain: false })
|
|
8340
8469
|
] })
|
|
8341
8470
|
] })
|
|
8342
8471
|
]
|
|
8343
8472
|
}
|
|
8344
8473
|
),
|
|
8345
|
-
mode === "bridge" /* bridge */ && /* @__PURE__ */ (0,
|
|
8346
|
-
/* @__PURE__ */ (0,
|
|
8347
|
-
/* @__PURE__ */ (0,
|
|
8474
|
+
mode === "bridge" /* bridge */ && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: `form-item ${theme.colorMode}`, children: [
|
|
8475
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "label", children: "Target Address:" }),
|
|
8476
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
8348
8477
|
AddressInput_default,
|
|
8349
8478
|
{
|
|
8350
8479
|
theme: theme.colorMode,
|
|
@@ -8352,14 +8481,14 @@ var SingleForm = ({
|
|
|
8352
8481
|
}
|
|
8353
8482
|
)
|
|
8354
8483
|
] }),
|
|
8355
|
-
mode === "light" /* light */ && /* @__PURE__ */ (0,
|
|
8484
|
+
mode === "light" /* light */ && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
8356
8485
|
"div",
|
|
8357
8486
|
{
|
|
8358
8487
|
className: `form-item wallet-button-item ${isConnectedTargetWrapper ? "connected" : ""}`,
|
|
8359
8488
|
style: { display: "flex", alignItems: "center" },
|
|
8360
8489
|
children: [
|
|
8361
|
-
/* @__PURE__ */ (0,
|
|
8362
|
-
/* @__PURE__ */ (0,
|
|
8490
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "label", children: "Target Wallet:" }),
|
|
8491
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
8363
8492
|
WalletButton_default,
|
|
8364
8493
|
{
|
|
8365
8494
|
initialSelection: initialSelection.targetSelection,
|
|
@@ -8369,10 +8498,10 @@ var SingleForm = ({
|
|
|
8369
8498
|
]
|
|
8370
8499
|
}
|
|
8371
8500
|
),
|
|
8372
|
-
/* @__PURE__ */ (0,
|
|
8373
|
-
/* @__PURE__ */ (0,
|
|
8374
|
-
/* @__PURE__ */ (0,
|
|
8375
|
-
/* @__PURE__ */ (0,
|
|
8501
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: `form-item ${theme.colorMode}`, children: [
|
|
8502
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "label", children: "Amount:" }),
|
|
8503
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: `amount-label-container items ${theme.colorMode}`, children: [
|
|
8504
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
8376
8505
|
"input",
|
|
8377
8506
|
{
|
|
8378
8507
|
className: `${theme.colorMode}`,
|
|
@@ -8383,21 +8512,21 @@ var SingleForm = ({
|
|
|
8383
8512
|
disabled: mode === "payment" /* payment */
|
|
8384
8513
|
}
|
|
8385
8514
|
),
|
|
8386
|
-
/* @__PURE__ */ (0,
|
|
8387
|
-
sourceNetwork.shortName !== "CC" && mode !== "payment" /* payment */ && /* @__PURE__ */ (0,
|
|
8388
|
-
dAppOption === "none" /* None */ && canQuoteFees && /* @__PURE__ */ (0,
|
|
8515
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "max-disclaimer", children: [
|
|
8516
|
+
sourceNetwork.shortName !== "CC" && mode !== "payment" /* payment */ && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "max-button", onClick: onMaxClick, children: "Max" }),
|
|
8517
|
+
dAppOption === "none" /* None */ && canQuoteFees && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("p", { className: "fee-amount", children: [
|
|
8389
8518
|
"Est fees:",
|
|
8390
8519
|
" ",
|
|
8391
|
-
isLoadingFees ? /* @__PURE__ */ (0,
|
|
8392
|
-
/* @__PURE__ */ (0,
|
|
8393
|
-
/* @__PURE__ */ (0,
|
|
8394
|
-
/* @__PURE__ */ (0,
|
|
8395
|
-
] }) : totalFee.value >= 0n ? /* @__PURE__ */ (0,
|
|
8520
|
+
isLoadingFees ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "inline-spinner loading", "aria-live": "polite", children: [
|
|
8521
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "dot" }),
|
|
8522
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "dot" }),
|
|
8523
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "dot" })
|
|
8524
|
+
] }) : totalFee.value >= 0n ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "fee-value", children: [
|
|
8396
8525
|
"$ ",
|
|
8397
8526
|
formatBigInt(totalFee),
|
|
8398
8527
|
" ",
|
|
8399
8528
|
feeCurrency
|
|
8400
|
-
] }) : /* @__PURE__ */ (0,
|
|
8529
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "fee-value", children: "\u2014" })
|
|
8401
8530
|
] })
|
|
8402
8531
|
] })
|
|
8403
8532
|
] })
|
|
@@ -8435,7 +8564,7 @@ var useCCTransactionId = (backendUrl, transactionIdSeed) => {
|
|
|
8435
8564
|
};
|
|
8436
8565
|
|
|
8437
8566
|
// src/components/reusable/FiatWidget.tsx
|
|
8438
|
-
var
|
|
8567
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
8439
8568
|
var FiatWidget = ({ submitCallback }) => {
|
|
8440
8569
|
const dispatch = (0, import_react_redux48.useDispatch)();
|
|
8441
8570
|
const feeDeduct = (0, import_react_redux48.useSelector)(selectFeeDeduct);
|
|
@@ -8506,9 +8635,9 @@ var FiatWidget = ({ submitCallback }) => {
|
|
|
8506
8635
|
(0, import_react57.useEffect)(() => {
|
|
8507
8636
|
if (error) dispatch(setCCTransactionStatus("error-id"));
|
|
8508
8637
|
}, [dispatch, error]);
|
|
8509
|
-
return /* @__PURE__ */ (0,
|
|
8510
|
-
(isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ (0,
|
|
8511
|
-
/* @__PURE__ */ (0,
|
|
8638
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `cc-widget ${isLoading ? "loading" : ""}`, children: [
|
|
8639
|
+
(isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "cc-widget-loader", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ring_default, { width: 50, height: 50, fill: "#86b8ce" }) }),
|
|
8640
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
8512
8641
|
"iframe",
|
|
8513
8642
|
{
|
|
8514
8643
|
width: isLoading || isTransactionIdLoading || ccTransactionStatus === "success" || error ? 0 : "100%",
|
|
@@ -8612,7 +8741,7 @@ var import_react58 = require("react");
|
|
|
8612
8741
|
var import_react_redux49 = require("react-redux");
|
|
8613
8742
|
var import_wallet_adapter_react6 = require("@solana/wallet-adapter-react");
|
|
8614
8743
|
var import_wallet_adapter_base = require("@solana/wallet-adapter-base");
|
|
8615
|
-
var
|
|
8744
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
8616
8745
|
var SolanaWalletSelect = () => {
|
|
8617
8746
|
const theme = (0, import_react_redux49.useSelector)(selectTheme);
|
|
8618
8747
|
const sourceChain = (0, import_react_redux49.useSelector)(selectSourceChain);
|
|
@@ -8677,27 +8806,27 @@ var SolanaWalletSelect = () => {
|
|
|
8677
8806
|
}
|
|
8678
8807
|
dispatch(setSolanaConnectModal(false));
|
|
8679
8808
|
}, [wallet, sourceChain]);
|
|
8680
|
-
return /* @__PURE__ */ (0,
|
|
8681
|
-
detected.map((wallet2, index) => /* @__PURE__ */ (0,
|
|
8809
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: `wallet-select`, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "slide-area hide-scrollbar", ref: sliderRef, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "wallet-container", children: [
|
|
8810
|
+
detected.map((wallet2, index) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
8682
8811
|
"div",
|
|
8683
8812
|
{
|
|
8684
8813
|
className: `card-item ${theme.colorMode}`,
|
|
8685
8814
|
onClick: () => handleWalletClick(wallet2.adapter.name),
|
|
8686
|
-
children: /* @__PURE__ */ (0,
|
|
8687
|
-
/* @__PURE__ */ (0,
|
|
8688
|
-
/* @__PURE__ */ (0,
|
|
8815
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "wallet-item", children: [
|
|
8816
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }),
|
|
8817
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: wallet2.adapter.name })
|
|
8689
8818
|
] })
|
|
8690
8819
|
},
|
|
8691
8820
|
`${wallet2.adapter.name}-${index}`
|
|
8692
8821
|
)),
|
|
8693
|
-
undetected.map((wallet2, index) => /* @__PURE__ */ (0,
|
|
8822
|
+
undetected.map((wallet2, index) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
8694
8823
|
ExternalLink_default,
|
|
8695
8824
|
{
|
|
8696
8825
|
to: wallet2.adapter.url,
|
|
8697
8826
|
className: `card-item ${theme.colorMode}`,
|
|
8698
|
-
children: /* @__PURE__ */ (0,
|
|
8699
|
-
/* @__PURE__ */ (0,
|
|
8700
|
-
/* @__PURE__ */ (0,
|
|
8827
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "wallet-item", children: [
|
|
8828
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }),
|
|
8829
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { children: [
|
|
8701
8830
|
"Install ",
|
|
8702
8831
|
wallet2.adapter.name
|
|
8703
8832
|
] })
|
|
@@ -8716,7 +8845,7 @@ var import_wallet_adapter_react7 = require("@solana/wallet-adapter-react");
|
|
|
8716
8845
|
|
|
8717
8846
|
// src/widgets/transfer/components/WalletModalShell.tsx
|
|
8718
8847
|
var import_react_redux50 = require("react-redux");
|
|
8719
|
-
var
|
|
8848
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
8720
8849
|
var WalletModalShell = ({
|
|
8721
8850
|
isOpen,
|
|
8722
8851
|
title,
|
|
@@ -8727,18 +8856,18 @@ var WalletModalShell = ({
|
|
|
8727
8856
|
}) => {
|
|
8728
8857
|
const theme = (0, import_react_redux50.useSelector)(selectTheme);
|
|
8729
8858
|
if (!isOpen) return null;
|
|
8730
|
-
return /* @__PURE__ */ (0,
|
|
8859
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
8731
8860
|
"div",
|
|
8732
8861
|
{
|
|
8733
8862
|
className: `kima-modal ${theme.colorMode} ${isOpen ? "open" : ""} ${className}`,
|
|
8734
8863
|
children: [
|
|
8735
|
-
/* @__PURE__ */ (0,
|
|
8736
|
-
/* @__PURE__ */ (0,
|
|
8737
|
-
/* @__PURE__ */ (0,
|
|
8738
|
-
/* @__PURE__ */ (0,
|
|
8739
|
-
/* @__PURE__ */ (0,
|
|
8864
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "modal-overlay", onClick: onClose }),
|
|
8865
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: `modal-content-container ${theme.colorMode}`, children: [
|
|
8866
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "kima-card-header", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "topbar", children: [
|
|
8867
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "title", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("h3", { children: title }) }),
|
|
8868
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "control-buttons", children: rightHeader })
|
|
8740
8869
|
] }) }),
|
|
8741
|
-
/* @__PURE__ */ (0,
|
|
8870
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "modal-content", children })
|
|
8742
8871
|
] })
|
|
8743
8872
|
]
|
|
8744
8873
|
}
|
|
@@ -8747,7 +8876,7 @@ var WalletModalShell = ({
|
|
|
8747
8876
|
var WalletModalShell_default = WalletModalShell;
|
|
8748
8877
|
|
|
8749
8878
|
// src/widgets/transfer/components/solana/AccountDetailsModal.tsx
|
|
8750
|
-
var
|
|
8879
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
8751
8880
|
var AccountDetailsModal = () => {
|
|
8752
8881
|
const dispatch = (0, import_react_redux51.useDispatch)();
|
|
8753
8882
|
const theme = (0, import_react_redux51.useSelector)(selectTheme);
|
|
@@ -8778,30 +8907,30 @@ var AccountDetailsModal = () => {
|
|
|
8778
8907
|
close();
|
|
8779
8908
|
}
|
|
8780
8909
|
};
|
|
8781
|
-
return /* @__PURE__ */ (0,
|
|
8910
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
8782
8911
|
WalletModalShell_default,
|
|
8783
8912
|
{
|
|
8784
8913
|
isOpen: !!isOpen,
|
|
8785
8914
|
title: "Account Details",
|
|
8786
8915
|
onClose: close,
|
|
8787
|
-
rightHeader: /* @__PURE__ */ (0,
|
|
8916
|
+
rightHeader: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("button", { className: "cross-icon-button", onClick: close, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Cross_default, { fill: theme.colorMode === "light" ? "black" : "white" }) }),
|
|
8788
8917
|
children: [
|
|
8789
|
-
/* @__PURE__ */ (0,
|
|
8790
|
-
/* @__PURE__ */ (0,
|
|
8791
|
-
/* @__PURE__ */ (0,
|
|
8792
|
-
sourceAddress && /* @__PURE__ */ (0,
|
|
8918
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "summary", children: [
|
|
8919
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "address", children: [
|
|
8920
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h2", { children: sourceAddress ? getShortenedAddress(sourceAddress) : "\u2014" }),
|
|
8921
|
+
sourceAddress && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(CopyButton_default, { text: sourceAddress })
|
|
8793
8922
|
] }),
|
|
8794
|
-
/* @__PURE__ */ (0,
|
|
8923
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("h3", { children: [
|
|
8795
8924
|
formatterFloat.format(Number(solBalance || 0)),
|
|
8796
8925
|
" SOL"
|
|
8797
8926
|
] })
|
|
8798
8927
|
] }),
|
|
8799
|
-
/* @__PURE__ */ (0,
|
|
8800
|
-
/* @__PURE__ */ (0,
|
|
8801
|
-
/* @__PURE__ */ (0,
|
|
8802
|
-
/* @__PURE__ */ (0,
|
|
8928
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(SecondaryButton_default, { className: "block-explorer", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(ExternalLink_default, { className: "link", to: explorerUrl, children: [
|
|
8929
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Explorer_default, { fill: "#778DA3" }),
|
|
8930
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { children: "Block explorer" }),
|
|
8931
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ExternalUrl_default, { fill: "#778DA3" })
|
|
8803
8932
|
] }) }),
|
|
8804
|
-
/* @__PURE__ */ (0,
|
|
8933
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
8805
8934
|
PrimaryButton_default,
|
|
8806
8935
|
{
|
|
8807
8936
|
clickHandler: handleDisconnect,
|
|
@@ -8816,7 +8945,7 @@ var AccountDetailsModal = () => {
|
|
|
8816
8945
|
var AccountDetailsModal_default = AccountDetailsModal;
|
|
8817
8946
|
|
|
8818
8947
|
// src/widgets/transfer/components/solana/SolanaConnectModal.tsx
|
|
8819
|
-
var
|
|
8948
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
8820
8949
|
var SolanaWalletConnectModal = () => {
|
|
8821
8950
|
const dispatch = (0, import_react_redux52.useDispatch)();
|
|
8822
8951
|
const theme = (0, import_react_redux52.useSelector)(selectTheme);
|
|
@@ -8855,16 +8984,16 @@ var SolanaWalletConnectModal = () => {
|
|
|
8855
8984
|
() => mode === "light" /* light */ ? `Light mode uses a demo Solana address (${lightDemoAccounts.SOL}).` : "",
|
|
8856
8985
|
[mode]
|
|
8857
8986
|
);
|
|
8858
|
-
return /* @__PURE__ */ (0,
|
|
8859
|
-
/* @__PURE__ */ (0,
|
|
8860
|
-
/* @__PURE__ */ (0,
|
|
8987
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
|
|
8988
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(AccountDetailsModal_default, {}),
|
|
8989
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
8861
8990
|
WalletModalShell_default,
|
|
8862
8991
|
{
|
|
8863
8992
|
isOpen: !!isOpen,
|
|
8864
8993
|
title: "Connect Wallet",
|
|
8865
8994
|
onClose: close,
|
|
8866
8995
|
className: "wallet-connect",
|
|
8867
|
-
rightHeader: /* @__PURE__ */ (0,
|
|
8996
|
+
rightHeader: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("button", { className: "cross-icon-button", onClick: close, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8868
8997
|
Cross_default,
|
|
8869
8998
|
{
|
|
8870
8999
|
width: 30,
|
|
@@ -8873,10 +9002,10 @@ var SolanaWalletConnectModal = () => {
|
|
|
8873
9002
|
}
|
|
8874
9003
|
) }),
|
|
8875
9004
|
children: [
|
|
8876
|
-
demoMsg && /* @__PURE__ */ (0,
|
|
8877
|
-
mode !== "light" /* light */ ? /* @__PURE__ */ (0,
|
|
8878
|
-
/* @__PURE__ */ (0,
|
|
8879
|
-
/* @__PURE__ */ (0,
|
|
9005
|
+
demoMsg && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: "muted", children: demoMsg }),
|
|
9006
|
+
mode !== "light" /* light */ ? /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
|
|
9007
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(SolanaWalletSelect_default, {}),
|
|
9008
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8880
9009
|
"button",
|
|
8881
9010
|
{
|
|
8882
9011
|
className: "primary",
|
|
@@ -8885,8 +9014,8 @@ var SolanaWalletConnectModal = () => {
|
|
|
8885
9014
|
children: connecting ? "Connecting\u2026" : connected ? "Connected" : "Connect"
|
|
8886
9015
|
}
|
|
8887
9016
|
) })
|
|
8888
|
-
] }) : /* @__PURE__ */ (0,
|
|
8889
|
-
/* @__PURE__ */ (0,
|
|
9017
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { style: { display: "flex", gap: 8 }, children: [
|
|
9018
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8890
9019
|
"button",
|
|
8891
9020
|
{
|
|
8892
9021
|
className: "secondary",
|
|
@@ -8894,7 +9023,7 @@ var SolanaWalletConnectModal = () => {
|
|
|
8894
9023
|
children: "View Account"
|
|
8895
9024
|
}
|
|
8896
9025
|
),
|
|
8897
|
-
/* @__PURE__ */ (0,
|
|
9026
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("button", { className: "primary", onClick: close, children: "Close" })
|
|
8898
9027
|
] })
|
|
8899
9028
|
]
|
|
8900
9029
|
}
|
|
@@ -8912,7 +9041,7 @@ var import_tronwallet_adapter_react_hooks8 = require("@tronweb3/tronwallet-adapt
|
|
|
8912
9041
|
var import_react61 = require("react");
|
|
8913
9042
|
var import_react_redux53 = require("react-redux");
|
|
8914
9043
|
var import_tronwallet_adapter_react_hooks6 = require("@tronweb3/tronwallet-adapter-react-hooks");
|
|
8915
|
-
var
|
|
9044
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
8916
9045
|
var AccountDetailsModal2 = () => {
|
|
8917
9046
|
const dispatch = (0, import_react_redux53.useDispatch)();
|
|
8918
9047
|
const theme = (0, import_react_redux53.useSelector)(selectTheme);
|
|
@@ -8943,30 +9072,30 @@ var AccountDetailsModal2 = () => {
|
|
|
8943
9072
|
close();
|
|
8944
9073
|
}
|
|
8945
9074
|
};
|
|
8946
|
-
return /* @__PURE__ */ (0,
|
|
9075
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
8947
9076
|
WalletModalShell_default,
|
|
8948
9077
|
{
|
|
8949
9078
|
isOpen: !!isOpen,
|
|
8950
9079
|
title: "Account Details",
|
|
8951
9080
|
onClose: close,
|
|
8952
|
-
rightHeader: /* @__PURE__ */ (0,
|
|
9081
|
+
rightHeader: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("button", { className: "cross-icon-button", onClick: close, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Cross_default, { fill: theme.colorMode === "light" ? "black" : "white" }) }),
|
|
8953
9082
|
children: [
|
|
8954
|
-
/* @__PURE__ */ (0,
|
|
8955
|
-
/* @__PURE__ */ (0,
|
|
8956
|
-
/* @__PURE__ */ (0,
|
|
8957
|
-
sourceAddress && /* @__PURE__ */ (0,
|
|
9083
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "summary", children: [
|
|
9084
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "address", children: [
|
|
9085
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("h2", { children: sourceAddress ? getShortenedAddress(sourceAddress) : "\u2014" }),
|
|
9086
|
+
sourceAddress && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(CopyButton_default, { text: sourceAddress })
|
|
8958
9087
|
] }),
|
|
8959
|
-
/* @__PURE__ */ (0,
|
|
9088
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("h3", { children: [
|
|
8960
9089
|
formatterFloat.format(Number(tronBalance || 0)),
|
|
8961
9090
|
" TRX"
|
|
8962
9091
|
] })
|
|
8963
9092
|
] }),
|
|
8964
|
-
/* @__PURE__ */ (0,
|
|
8965
|
-
/* @__PURE__ */ (0,
|
|
8966
|
-
/* @__PURE__ */ (0,
|
|
8967
|
-
/* @__PURE__ */ (0,
|
|
9093
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(SecondaryButton_default, { className: "block-explorer", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(ExternalLink_default, { className: "link", to: explorerUrl, children: [
|
|
9094
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Explorer_default, { fill: "#778DA3" }),
|
|
9095
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { children: "Block explorer" }),
|
|
9096
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ExternalUrl_default, { fill: "#778DA3" })
|
|
8968
9097
|
] }) }),
|
|
8969
|
-
/* @__PURE__ */ (0,
|
|
9098
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
8970
9099
|
PrimaryButton_default,
|
|
8971
9100
|
{
|
|
8972
9101
|
clickHandler: handleDisconnect,
|
|
@@ -8985,7 +9114,7 @@ var import_react62 = require("react");
|
|
|
8985
9114
|
var import_react_redux54 = require("react-redux");
|
|
8986
9115
|
var import_tronwallet_adapter_react_hooks7 = require("@tronweb3/tronwallet-adapter-react-hooks");
|
|
8987
9116
|
var import_tronwallet_abstract_adapter = require("@tronweb3/tronwallet-abstract-adapter");
|
|
8988
|
-
var
|
|
9117
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
8989
9118
|
var TronWalletSelect = () => {
|
|
8990
9119
|
const theme = (0, import_react_redux54.useSelector)(selectTheme);
|
|
8991
9120
|
const sliderRef = (0, import_react62.useRef)();
|
|
@@ -9041,27 +9170,27 @@ var TronWalletSelect = () => {
|
|
|
9041
9170
|
const connectWallet = async (walletName) => {
|
|
9042
9171
|
currentWallet?.adapter.name === walletName ? await connect() : select(walletName);
|
|
9043
9172
|
};
|
|
9044
|
-
return /* @__PURE__ */ (0,
|
|
9045
|
-
detected.map((wallet, index) => /* @__PURE__ */ (0,
|
|
9173
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: `wallet-select`, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "slide-area hide-scrollbar", ref: sliderRef, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "wallet-container", children: [
|
|
9174
|
+
detected.map((wallet, index) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
9046
9175
|
"div",
|
|
9047
9176
|
{
|
|
9048
9177
|
className: `card-item ${theme.colorMode}`,
|
|
9049
9178
|
onClick: () => connectWallet(wallet.adapter.name),
|
|
9050
|
-
children: /* @__PURE__ */ (0,
|
|
9051
|
-
/* @__PURE__ */ (0,
|
|
9052
|
-
/* @__PURE__ */ (0,
|
|
9179
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "wallet-item", children: [
|
|
9180
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }),
|
|
9181
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: wallet.adapter.name })
|
|
9053
9182
|
] })
|
|
9054
9183
|
},
|
|
9055
9184
|
`${wallet.adapter.name}-${index}`
|
|
9056
9185
|
)),
|
|
9057
|
-
undetected.map((wallet, index) => /* @__PURE__ */ (0,
|
|
9186
|
+
undetected.map((wallet, index) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
9058
9187
|
ExternalLink_default,
|
|
9059
9188
|
{
|
|
9060
9189
|
to: wallet.adapter.url,
|
|
9061
9190
|
className: `card-item ${theme.colorMode}`,
|
|
9062
|
-
children: /* @__PURE__ */ (0,
|
|
9063
|
-
/* @__PURE__ */ (0,
|
|
9064
|
-
/* @__PURE__ */ (0,
|
|
9191
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "wallet-item", children: [
|
|
9192
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }),
|
|
9193
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { children: [
|
|
9065
9194
|
"Install ",
|
|
9066
9195
|
wallet.adapter.name
|
|
9067
9196
|
] })
|
|
@@ -9074,7 +9203,7 @@ var TronWalletSelect = () => {
|
|
|
9074
9203
|
var TronWalletSelect_default = TronWalletSelect;
|
|
9075
9204
|
|
|
9076
9205
|
// src/widgets/transfer/components/tron/TronWalletConnectModal.tsx
|
|
9077
|
-
var
|
|
9206
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
9078
9207
|
var TronWalletConnectModal = () => {
|
|
9079
9208
|
const dispatch = (0, import_react_redux55.useDispatch)();
|
|
9080
9209
|
const theme = (0, import_react_redux55.useSelector)(selectTheme);
|
|
@@ -9106,21 +9235,21 @@ var TronWalletConnectModal = () => {
|
|
|
9106
9235
|
() => mode === "light" /* light */ ? `Light mode uses a demo Tron address (${lightDemoAccounts.TRX}).` : "",
|
|
9107
9236
|
[mode]
|
|
9108
9237
|
);
|
|
9109
|
-
return /* @__PURE__ */ (0,
|
|
9110
|
-
/* @__PURE__ */ (0,
|
|
9111
|
-
/* @__PURE__ */ (0,
|
|
9238
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
|
|
9239
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(AccountDetailsModal_default2, {}),
|
|
9240
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
|
|
9112
9241
|
WalletModalShell_default,
|
|
9113
9242
|
{
|
|
9114
9243
|
isOpen: !!isOpen,
|
|
9115
9244
|
title: "Connect Wallet",
|
|
9116
9245
|
onClose: close,
|
|
9117
9246
|
className: "wallet-connect",
|
|
9118
|
-
rightHeader: /* @__PURE__ */ (0,
|
|
9247
|
+
rightHeader: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { className: "icon-button", onClick: close, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Cross_default, { fill: theme.colorMode === "light" ? "black" : "white" }) }),
|
|
9119
9248
|
children: [
|
|
9120
|
-
demoMsg && /* @__PURE__ */ (0,
|
|
9121
|
-
mode !== "light" /* light */ ? /* @__PURE__ */ (0,
|
|
9122
|
-
/* @__PURE__ */ (0,
|
|
9123
|
-
/* @__PURE__ */ (0,
|
|
9249
|
+
demoMsg && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "muted", children: demoMsg }),
|
|
9250
|
+
mode !== "light" /* light */ ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
|
|
9251
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TronWalletSelect_default, {}),
|
|
9252
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
9124
9253
|
"button",
|
|
9125
9254
|
{
|
|
9126
9255
|
className: "primary",
|
|
@@ -9129,8 +9258,8 @@ var TronWalletConnectModal = () => {
|
|
|
9129
9258
|
children: connecting ? "Connecting\u2026" : connected ? "Connected" : "Connect"
|
|
9130
9259
|
}
|
|
9131
9260
|
) })
|
|
9132
|
-
] }) : /* @__PURE__ */ (0,
|
|
9133
|
-
/* @__PURE__ */ (0,
|
|
9261
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { style: { display: "flex", gap: 8 }, children: [
|
|
9262
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
9134
9263
|
"button",
|
|
9135
9264
|
{
|
|
9136
9265
|
className: "secondary",
|
|
@@ -9138,7 +9267,7 @@ var TronWalletConnectModal = () => {
|
|
|
9138
9267
|
children: "View Account"
|
|
9139
9268
|
}
|
|
9140
9269
|
),
|
|
9141
|
-
/* @__PURE__ */ (0,
|
|
9270
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { className: "primary", onClick: close, children: "Close" })
|
|
9142
9271
|
] })
|
|
9143
9272
|
]
|
|
9144
9273
|
}
|
|
@@ -9148,7 +9277,7 @@ var TronWalletConnectModal = () => {
|
|
|
9148
9277
|
var TronWalletConnectModal_default = TronWalletConnectModal;
|
|
9149
9278
|
|
|
9150
9279
|
// src/widgets/transfer/components/TransferWidget.tsx
|
|
9151
|
-
var
|
|
9280
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
9152
9281
|
var TransferWidget = ({
|
|
9153
9282
|
theme,
|
|
9154
9283
|
helpURL,
|
|
@@ -9241,7 +9370,7 @@ var TransferWidget = ({
|
|
|
9241
9370
|
);
|
|
9242
9371
|
import_react_hot_toast4.default.error(
|
|
9243
9372
|
"An unexpected error occurred while preparing the transfer. Please contact support for assistance.",
|
|
9244
|
-
{ icon: /* @__PURE__ */ (0,
|
|
9373
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Error_default, {}) }
|
|
9245
9374
|
);
|
|
9246
9375
|
}
|
|
9247
9376
|
}, [fees, mode, transactionOption, dispatch]);
|
|
@@ -9299,7 +9428,7 @@ var TransferWidget = ({
|
|
|
9299
9428
|
logger_default.error("[TransferWidget] submit failed", err);
|
|
9300
9429
|
import_react_hot_toast4.default.error(
|
|
9301
9430
|
"Failed to submit your transaction. Please contact support for assistance.",
|
|
9302
|
-
{ icon: /* @__PURE__ */ (0,
|
|
9431
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Error_default, {}) }
|
|
9303
9432
|
);
|
|
9304
9433
|
dispatch(setCCTransactionStatus("error-generic"));
|
|
9305
9434
|
}
|
|
@@ -9307,7 +9436,7 @@ var TransferWidget = ({
|
|
|
9307
9436
|
const handleSubmit = async () => {
|
|
9308
9437
|
const { error, message: validationMessage } = validate(true);
|
|
9309
9438
|
if (error === "ValidationError" /* Error */) {
|
|
9310
|
-
import_react_hot_toast4.default.error(validationMessage, { icon: /* @__PURE__ */ (0,
|
|
9439
|
+
import_react_hot_toast4.default.error(validationMessage, { icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Error_default, {}) });
|
|
9311
9440
|
return;
|
|
9312
9441
|
}
|
|
9313
9442
|
if (["BANK", "CC"].includes(sourceChain.shortName)) {
|
|
@@ -9346,14 +9475,14 @@ var TransferWidget = ({
|
|
|
9346
9475
|
if (msg.includes("ChainMismatch")) {
|
|
9347
9476
|
import_react_hot_toast4.default.error(
|
|
9348
9477
|
`Your wallet is on the wrong network. Please switch to ${sourceChain.name} and try again.`,
|
|
9349
|
-
{ icon: /* @__PURE__ */ (0,
|
|
9478
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Error_default, {}) }
|
|
9350
9479
|
);
|
|
9351
9480
|
return;
|
|
9352
9481
|
}
|
|
9353
9482
|
logger_default.error("[TransferWidget] approval failed", err);
|
|
9354
9483
|
import_react_hot_toast4.default.error(
|
|
9355
9484
|
"Failed to approve the token allowance. Please contact support for assistance.",
|
|
9356
|
-
{ icon: /* @__PURE__ */ (0,
|
|
9485
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Error_default, {}) }
|
|
9357
9486
|
);
|
|
9358
9487
|
}
|
|
9359
9488
|
return;
|
|
@@ -9388,7 +9517,7 @@ var TransferWidget = ({
|
|
|
9388
9517
|
logger_default.error("[TransferWidget] handleSubmit failed", err);
|
|
9389
9518
|
import_react_hot_toast4.default.error(
|
|
9390
9519
|
"An unexpected error occurred while submitting. Please contact support for assistance.",
|
|
9391
|
-
{ icon: /* @__PURE__ */ (0,
|
|
9520
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Error_default, {}) }
|
|
9392
9521
|
);
|
|
9393
9522
|
setIsSubmitting(false);
|
|
9394
9523
|
}
|
|
@@ -9408,7 +9537,7 @@ var TransferWidget = ({
|
|
|
9408
9537
|
void handleSubmit();
|
|
9409
9538
|
return;
|
|
9410
9539
|
}
|
|
9411
|
-
import_react_hot_toast4.default.error(validationMessage, { icon: /* @__PURE__ */ (0,
|
|
9540
|
+
import_react_hot_toast4.default.error(validationMessage, { icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Error_default, {}) });
|
|
9412
9541
|
mainRef.current?.click();
|
|
9413
9542
|
};
|
|
9414
9543
|
const onBack = () => {
|
|
@@ -9436,7 +9565,7 @@ var TransferWidget = ({
|
|
|
9436
9565
|
logger_default.error("[TransferWidget] cancel approve failed", err);
|
|
9437
9566
|
import_react_hot_toast4.default.error(
|
|
9438
9567
|
"Unable to cancel the approval. Please contact support for assistance.",
|
|
9439
|
-
{ icon: /* @__PURE__ */ (0,
|
|
9568
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Error_default, {}) }
|
|
9440
9569
|
);
|
|
9441
9570
|
}
|
|
9442
9571
|
} finally {
|
|
@@ -9481,11 +9610,11 @@ var TransferWidget = ({
|
|
|
9481
9610
|
logger_default.error("[TransferWidget] reset failed", e);
|
|
9482
9611
|
import_react_hot_toast4.default.error(
|
|
9483
9612
|
"Unable to reset the form. Please contact support for assistance.",
|
|
9484
|
-
{ icon: /* @__PURE__ */ (0,
|
|
9613
|
+
{ icon: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Error_default, {}) }
|
|
9485
9614
|
);
|
|
9486
9615
|
}
|
|
9487
9616
|
};
|
|
9488
|
-
return /* @__PURE__ */ (0,
|
|
9617
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
|
|
9489
9618
|
"div",
|
|
9490
9619
|
{
|
|
9491
9620
|
className: `kima-card ${theme.colorMode}`,
|
|
@@ -9493,7 +9622,7 @@ var TransferWidget = ({
|
|
|
9493
9622
|
background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
|
|
9494
9623
|
},
|
|
9495
9624
|
children: [
|
|
9496
|
-
resetModalOpen && /* @__PURE__ */ (0,
|
|
9625
|
+
resetModalOpen && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
9497
9626
|
WarningModal_default,
|
|
9498
9627
|
{
|
|
9499
9628
|
message: "Are you sure you want to reset the widget?",
|
|
@@ -9505,7 +9634,7 @@ var TransferWidget = ({
|
|
|
9505
9634
|
onCancel: () => setResetModalOpen(false)
|
|
9506
9635
|
}
|
|
9507
9636
|
),
|
|
9508
|
-
warningModalOpen && /* @__PURE__ */ (0,
|
|
9637
|
+
warningModalOpen && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
9509
9638
|
WarningModal_default,
|
|
9510
9639
|
{
|
|
9511
9640
|
message: warningModalOpen.message,
|
|
@@ -9519,21 +9648,21 @@ var TransferWidget = ({
|
|
|
9519
9648
|
}
|
|
9520
9649
|
}
|
|
9521
9650
|
),
|
|
9522
|
-
mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ (0,
|
|
9523
|
-
/* @__PURE__ */ (0,
|
|
9524
|
-
/* @__PURE__ */ (0,
|
|
9525
|
-
/* @__PURE__ */ (0,
|
|
9526
|
-
/* @__PURE__ */ (0,
|
|
9527
|
-
/* @__PURE__ */ (0,
|
|
9528
|
-
/* @__PURE__ */ (0,
|
|
9651
|
+
mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("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." }),
|
|
9652
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "transfer-card", children: [
|
|
9653
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "kima-card-header", children: [
|
|
9654
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "topbar", children: [
|
|
9655
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "title", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("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") }) }),
|
|
9656
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "control-buttons", children: [
|
|
9657
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
9529
9658
|
ExternalLink_default,
|
|
9530
9659
|
{
|
|
9531
9660
|
to: helpURL ? helpURL : networkOption === "testnet" /* testnet */ ? "https://docs.kima.network/kima-network/try-kima-with-the-demo-app" : "https://support.kima.network",
|
|
9532
|
-
children: /* @__PURE__ */ (0,
|
|
9661
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "menu-button", children: "I need help" })
|
|
9533
9662
|
}
|
|
9534
9663
|
),
|
|
9535
|
-
["BANK", "CC"].includes(sourceChain.shortName) && formStep > 0 && /* @__PURE__ */ (0,
|
|
9536
|
-
formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ (0,
|
|
9664
|
+
["BANK", "CC"].includes(sourceChain.shortName) && formStep > 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "menu-button", children: "Unsupported Countries" }) }),
|
|
9665
|
+
formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
9537
9666
|
"button",
|
|
9538
9667
|
{
|
|
9539
9668
|
className: "reset-button",
|
|
@@ -9542,7 +9671,7 @@ var TransferWidget = ({
|
|
|
9542
9671
|
children: "Reset"
|
|
9543
9672
|
}
|
|
9544
9673
|
),
|
|
9545
|
-
closeHandler && /* @__PURE__ */ (0,
|
|
9674
|
+
closeHandler && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
9546
9675
|
"button",
|
|
9547
9676
|
{
|
|
9548
9677
|
className: "cross-icon-button",
|
|
@@ -9550,14 +9679,14 @@ var TransferWidget = ({
|
|
|
9550
9679
|
resetForm();
|
|
9551
9680
|
closeHandler(0);
|
|
9552
9681
|
},
|
|
9553
|
-
children: /* @__PURE__ */ (0,
|
|
9682
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Cross_default, {})
|
|
9554
9683
|
}
|
|
9555
9684
|
)
|
|
9556
9685
|
] })
|
|
9557
9686
|
] }),
|
|
9558
|
-
mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ (0,
|
|
9687
|
+
mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("h4", { className: "subtitle", children: paymentTitleOption.title })
|
|
9559
9688
|
] }),
|
|
9560
|
-
/* @__PURE__ */ (0,
|
|
9689
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "kima-card-content", ref: mainRef, children: formStep === 0 ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
9561
9690
|
SingleForm_default,
|
|
9562
9691
|
{
|
|
9563
9692
|
...{
|
|
@@ -9570,7 +9699,7 @@ var TransferWidget = ({
|
|
|
9570
9699
|
setInitialSelection
|
|
9571
9700
|
}
|
|
9572
9701
|
}
|
|
9573
|
-
) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ (0,
|
|
9702
|
+
) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(FiatWidget_default, { submitCallback: submit }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
9574
9703
|
ConfirmDetails_default,
|
|
9575
9704
|
{
|
|
9576
9705
|
...{
|
|
@@ -9579,12 +9708,12 @@ var TransferWidget = ({
|
|
|
9579
9708
|
}
|
|
9580
9709
|
}
|
|
9581
9710
|
) }),
|
|
9582
|
-
/* @__PURE__ */ (0,
|
|
9711
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
9583
9712
|
"div",
|
|
9584
9713
|
{
|
|
9585
9714
|
className: `kima-card-footer ${mode === "bridge" /* bridge */ && formStep !== 0 && "confirm"}`,
|
|
9586
|
-
children: /* @__PURE__ */ (0,
|
|
9587
|
-
isBackButtonEnabled && /* @__PURE__ */ (0,
|
|
9715
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "button-group", children: [
|
|
9716
|
+
isBackButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
9588
9717
|
SecondaryButton_default,
|
|
9589
9718
|
{
|
|
9590
9719
|
clickHandler: onBack,
|
|
@@ -9594,7 +9723,7 @@ var TransferWidget = ({
|
|
|
9594
9723
|
}
|
|
9595
9724
|
),
|
|
9596
9725
|
!!allowance && allowance > 0n && formStep !== 0 && !["BANK", "CC"].includes(sourceChain.shortName) && // EVM path
|
|
9597
|
-
mode !== "light" /* light */ && /* @__PURE__ */ (0,
|
|
9726
|
+
mode !== "light" /* light */ && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
9598
9727
|
SecondaryButton_default,
|
|
9599
9728
|
{
|
|
9600
9729
|
clickHandler: onCancelApprove,
|
|
@@ -9604,7 +9733,7 @@ var TransferWidget = ({
|
|
|
9604
9733
|
children: isCancellingApprove ? "Cancelling Approval" : "Cancel Approve"
|
|
9605
9734
|
}
|
|
9606
9735
|
),
|
|
9607
|
-
isSubmitButtonEnabled && /* @__PURE__ */ (0,
|
|
9736
|
+
isSubmitButtonEnabled && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
9608
9737
|
PrimaryButton_default,
|
|
9609
9738
|
{
|
|
9610
9739
|
clickHandler: onNext,
|
|
@@ -9616,9 +9745,9 @@ var TransferWidget = ({
|
|
|
9616
9745
|
] })
|
|
9617
9746
|
}
|
|
9618
9747
|
),
|
|
9619
|
-
/* @__PURE__ */ (0,
|
|
9620
|
-
/* @__PURE__ */ (0,
|
|
9621
|
-
/* @__PURE__ */ (0,
|
|
9748
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SolanaConnectModal_default, {}),
|
|
9749
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TronWalletConnectModal_default, {}),
|
|
9750
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
9622
9751
|
import_react_hot_toast4.Toaster,
|
|
9623
9752
|
{
|
|
9624
9753
|
position: "top-right",
|
|
@@ -9642,9 +9771,9 @@ var TransferWidget = ({
|
|
|
9642
9771
|
}
|
|
9643
9772
|
}
|
|
9644
9773
|
),
|
|
9645
|
-
/* @__PURE__ */ (0,
|
|
9646
|
-
/* @__PURE__ */ (0,
|
|
9647
|
-
/* @__PURE__ */ (0,
|
|
9774
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "floating-footer", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: `items ${theme.colorMode}`, children: [
|
|
9775
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: "Powered by" }),
|
|
9776
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(KimaNetwork_default, {})
|
|
9648
9777
|
] }) })
|
|
9649
9778
|
] })
|
|
9650
9779
|
]
|
|
@@ -9653,7 +9782,7 @@ var TransferWidget = ({
|
|
|
9653
9782
|
};
|
|
9654
9783
|
|
|
9655
9784
|
// src/widgets/common/KimaWidgetWrapper.tsx
|
|
9656
|
-
var
|
|
9785
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
9657
9786
|
var KimaWidgetWrapper = ({
|
|
9658
9787
|
mode,
|
|
9659
9788
|
txId,
|
|
@@ -9823,10 +9952,10 @@ var KimaWidgetWrapper = ({
|
|
|
9823
9952
|
}, [currentPlugin?.id, sourceChain?.shortName]);
|
|
9824
9953
|
const content = (0, import_react66.useMemo)(() => {
|
|
9825
9954
|
if (mode === "status" /* status */) {
|
|
9826
|
-
return /* @__PURE__ */ (0,
|
|
9955
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TransactionWidget, { theme });
|
|
9827
9956
|
}
|
|
9828
9957
|
if (!currentPlugin && !sourceChain?.shortName) {
|
|
9829
|
-
return /* @__PURE__ */ (0,
|
|
9958
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
9830
9959
|
TransferWidget,
|
|
9831
9960
|
{
|
|
9832
9961
|
theme,
|
|
@@ -9838,15 +9967,15 @@ var KimaWidgetWrapper = ({
|
|
|
9838
9967
|
);
|
|
9839
9968
|
}
|
|
9840
9969
|
if (!currentPlugin) {
|
|
9841
|
-
return /* @__PURE__ */ (0,
|
|
9970
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonLoader_default, { theme });
|
|
9842
9971
|
}
|
|
9843
9972
|
if (sourceChain.shortName === "CC") {
|
|
9844
9973
|
if (submitted) {
|
|
9845
9974
|
logger_default.debug("[KimaWidgetWrapper] CC mode -> TransactionWidget");
|
|
9846
|
-
return /* @__PURE__ */ (0,
|
|
9975
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TransactionWidget, { theme });
|
|
9847
9976
|
}
|
|
9848
9977
|
if (ccTransactionStatus === "error-id") {
|
|
9849
|
-
return /* @__PURE__ */ (0,
|
|
9978
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
9850
9979
|
ErrorWidget_default,
|
|
9851
9980
|
{
|
|
9852
9981
|
theme,
|
|
@@ -9861,7 +9990,7 @@ var KimaWidgetWrapper = ({
|
|
|
9861
9990
|
);
|
|
9862
9991
|
}
|
|
9863
9992
|
if (ccTransactionStatus === "error-generic") {
|
|
9864
|
-
return /* @__PURE__ */ (0,
|
|
9993
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
9865
9994
|
ErrorWidget_default,
|
|
9866
9995
|
{
|
|
9867
9996
|
theme,
|
|
@@ -9875,7 +10004,7 @@ var KimaWidgetWrapper = ({
|
|
|
9875
10004
|
}
|
|
9876
10005
|
);
|
|
9877
10006
|
}
|
|
9878
|
-
return /* @__PURE__ */ (0,
|
|
10007
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
9879
10008
|
TransferWidget,
|
|
9880
10009
|
{
|
|
9881
10010
|
theme,
|
|
@@ -9890,7 +10019,7 @@ var KimaWidgetWrapper = ({
|
|
|
9890
10019
|
"[KimaWidgetWrapper] rendering TransferWidget with plugin",
|
|
9891
10020
|
currentPlugin?.id
|
|
9892
10021
|
);
|
|
9893
|
-
return submitted ? /* @__PURE__ */ (0,
|
|
10022
|
+
return submitted ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TransactionWidget, { theme }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
9894
10023
|
TransferWidget,
|
|
9895
10024
|
{
|
|
9896
10025
|
theme,
|
|
@@ -9919,7 +10048,7 @@ var KimaWidgetWrapper = ({
|
|
|
9919
10048
|
var KimaWidgetWrapper_default = KimaWidgetWrapper;
|
|
9920
10049
|
|
|
9921
10050
|
// src/widgets/common/KimaTransactionWidget.tsx
|
|
9922
|
-
var
|
|
10051
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
9923
10052
|
var KimaTransactionWidget = ({
|
|
9924
10053
|
mode,
|
|
9925
10054
|
txId,
|
|
@@ -9953,11 +10082,11 @@ var KimaTransactionWidget = ({
|
|
|
9953
10082
|
}
|
|
9954
10083
|
}, [theme?.colorMode, dispatch, theme]);
|
|
9955
10084
|
if (!hydrated || !theme?.colorMode)
|
|
9956
|
-
return /* @__PURE__ */ (0,
|
|
10085
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
|
|
9957
10086
|
if (isLoadingEnvs || isLoadingChainData)
|
|
9958
|
-
return /* @__PURE__ */ (0,
|
|
10087
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SkeletonLoader_default, { theme });
|
|
9959
10088
|
if (envOptionsError || !envOptions)
|
|
9960
|
-
return /* @__PURE__ */ (0,
|
|
10089
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
9961
10090
|
ErrorWidget_default,
|
|
9962
10091
|
{
|
|
9963
10092
|
theme,
|
|
@@ -9966,7 +10095,7 @@ var KimaTransactionWidget = ({
|
|
|
9966
10095
|
}
|
|
9967
10096
|
);
|
|
9968
10097
|
if (chainDataError || !chainData)
|
|
9969
|
-
return /* @__PURE__ */ (0,
|
|
10098
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
9970
10099
|
ErrorWidget_default,
|
|
9971
10100
|
{
|
|
9972
10101
|
theme,
|
|
@@ -9974,7 +10103,7 @@ var KimaTransactionWidget = ({
|
|
|
9974
10103
|
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 */
|
|
9975
10104
|
}
|
|
9976
10105
|
);
|
|
9977
|
-
return /* @__PURE__ */ (0,
|
|
10106
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
9978
10107
|
KimaWidgetWrapper_default,
|
|
9979
10108
|
{
|
|
9980
10109
|
...{
|