@tonconnect/ui 2.0.10-beta.1 → 2.0.10-beta.3
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/tonconnect-ui.min.js +221 -189
- package/dist/tonconnect-ui.min.js.map +1 -1
- package/lib/index.cjs +282 -217
- package/lib/index.cjs.map +1 -1
- package/lib/index.d.ts +0 -5
- package/lib/index.mjs +282 -217
- package/lib/index.mjs.map +1 -1
- package/package.json +2 -2
package/lib/index.mjs
CHANGED
|
@@ -2052,7 +2052,7 @@ const notifications$1 = {
|
|
|
2052
2052
|
}
|
|
2053
2053
|
};
|
|
2054
2054
|
const walletItem$1 = {
|
|
2055
|
-
walletOn: "Wallet
|
|
2055
|
+
walletOn: "Wallet in",
|
|
2056
2056
|
recent: "Recent",
|
|
2057
2057
|
installed: "Installed",
|
|
2058
2058
|
popular: "Popular"
|
|
@@ -2061,14 +2061,15 @@ const walletModal$1 = {
|
|
|
2061
2061
|
loading: "Loading wallets",
|
|
2062
2062
|
wallets: "Wallets",
|
|
2063
2063
|
mobileUniversalModal: {
|
|
2064
|
-
connectYourWallet: "Connect your
|
|
2065
|
-
openWalletOnTelegramOrSelect: "
|
|
2066
|
-
openWalletOnTelegram: "
|
|
2064
|
+
connectYourWallet: "Connect your TON\xA0wallet",
|
|
2065
|
+
openWalletOnTelegramOrSelect: "Use Wallet in Telegram or choose other application",
|
|
2066
|
+
openWalletOnTelegram: "Connect Wallet in Telegram",
|
|
2067
|
+
chooseOtherApplication: "Choose other application",
|
|
2067
2068
|
openLink: "Open Link",
|
|
2068
|
-
scan: "Scan with your mobile
|
|
2069
|
+
scan: "Scan with your mobile\xA0wallet"
|
|
2069
2070
|
},
|
|
2070
2071
|
desktopUniversalModal: {
|
|
2071
|
-
connectYourWallet: "Connect your wallet",
|
|
2072
|
+
connectYourWallet: "Connect your TON wallet",
|
|
2072
2073
|
scan: "Scan with your mobile wallet",
|
|
2073
2074
|
availableWallets: "Available wallets"
|
|
2074
2075
|
},
|
|
@@ -2084,7 +2085,7 @@ const walletModal$1 = {
|
|
|
2084
2085
|
dontHaveExtension: "Seems you don't have installed {{ name }}\xA0browser\xA0extension",
|
|
2085
2086
|
getWallet: "Get {{ name }}",
|
|
2086
2087
|
continueOnDesktop: "Continue in\xA0{{ name }} on desktop\u2026",
|
|
2087
|
-
openWalletOnTelegram: "
|
|
2088
|
+
openWalletOnTelegram: "Connect Wallet in Telegram on desktop",
|
|
2088
2089
|
connectionDeclined: "Connection declined"
|
|
2089
2090
|
},
|
|
2090
2091
|
infoModal: {
|
|
@@ -2117,9 +2118,9 @@ const en = {
|
|
|
2117
2118
|
const common = {
|
|
2118
2119
|
close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C",
|
|
2119
2120
|
openWallet: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043A\u043E\u0448\u0435\u043B\u0451\u043A",
|
|
2120
|
-
copyLink: "\
|
|
2121
|
+
copyLink: "\u0421\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C",
|
|
2121
2122
|
linkCopied: "\u0421\u0441\u044B\u043B\u043A\u0430 \u0441\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u043D\u0430",
|
|
2122
|
-
copied: "\u0421\
|
|
2123
|
+
copied: "\u0421\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u043D\u043E",
|
|
2123
2124
|
yourWallet: "\u0412\u0430\u0448 \u043A\u043E\u0448\u0435\u043B\u0451\u043A",
|
|
2124
2125
|
retry: "\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C",
|
|
2125
2126
|
get: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C",
|
|
@@ -2158,14 +2159,15 @@ const walletModal = {
|
|
|
2158
2159
|
loading: "\u041A\u043E\u0448\u0435\u043B\u044C\u043A\u0438 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u044E\u0442\u0441\u044F",
|
|
2159
2160
|
wallets: "\u041A\u043E\u0448\u0435\u043B\u044C\u043A\u0438",
|
|
2160
2161
|
mobileUniversalModal: {
|
|
2161
|
-
connectYourWallet: "\u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0438\u0442\u0435 \u043A\u043E\u0448\u0435\u043B\u0451\u043A",
|
|
2162
|
-
openWalletOnTelegramOrSelect: "\u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0438\u0442\u0435 Wallet \u0432\xA0Telegram \u0438\u043B\u0438\xA0\u0432\u044B\u0431\u0435\u0440\u0435\u0442\u0435 \
|
|
2162
|
+
connectYourWallet: "\u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0438\u0442\u0435 TON\xA0\u043A\u043E\u0448\u0435\u043B\u0451\u043A",
|
|
2163
|
+
openWalletOnTelegramOrSelect: "\u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0438\u0442\u0435 Wallet \u0432\xA0Telegram \u0438\u043B\u0438\xA0\u0432\u044B\u0431\u0435\u0440\u0435\u0442\u0435 \u0434\u0440\u0443\u0433\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435",
|
|
2163
2164
|
openWalletOnTelegram: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C Wallet \u0432 Telegram",
|
|
2164
|
-
|
|
2165
|
+
chooseOtherApplication: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0434\u0440\u0443\u0433\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435",
|
|
2166
|
+
openLink: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C",
|
|
2165
2167
|
scan: "\u041E\u0442\u0441\u043A\u0430\u043D\u0438\u0440\u0443\u0439\u0442\u0435 \u043A\u0430\u043C\u0435\u0440\u043E\u0439 \u0432\u0430\u0448\u0435\u0433\u043E\xA0\u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430"
|
|
2166
2168
|
},
|
|
2167
2169
|
desktopUniversalModal: {
|
|
2168
|
-
connectYourWallet: "\u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0438\u0442\u0435 \u043A\u043E\u0448\u0435\u043B\u0451\u043A",
|
|
2170
|
+
connectYourWallet: "\u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0438\u0442\u0435 TON \u043A\u043E\u0448\u0435\u043B\u0451\u043A",
|
|
2169
2171
|
scan: "\u041E\u0442\u0441\u043A\u0430\u043D\u0438\u0440\u0443\u0439\u0442\u0435 QR-\u043A\u043E\u0434 \u043A\u0430\u043C\u0435\u0440\u043E\u0439 \u0432\u0430\u0448\u0435\u0433\u043E\xA0\u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430",
|
|
2170
2172
|
availableWallets: "\u0414\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0435 \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0438"
|
|
2171
2173
|
},
|
|
@@ -3302,7 +3304,7 @@ const ROUTE_STATE_KEY = "androidBackHandler";
|
|
|
3302
3304
|
const ROUTE_STATE = {
|
|
3303
3305
|
[ROUTE_STATE_KEY]: true
|
|
3304
3306
|
};
|
|
3305
|
-
const _tmpl$$
|
|
3307
|
+
const _tmpl$$u = /* @__PURE__ */ template$1(`<svg><path fill-rule="evenodd" clip-rule="evenodd" d="M10.2122 14.3407C10.5384 14.0854 10.5959 13.614 10.3406 13.2878L6.20237 8.00003L10.3406 2.71227C10.5959 2.38607 10.5384 1.91469 10.2122 1.6594C9.88604 1.40412 9.41465 1.46161 9.15937 1.7878L4.65937 7.5378C4.44688 7.80932 4.44688 8.19074 4.65937 8.46226L9.15937 14.2123C9.41465 14.5385 9.88604 14.5959 10.2122 14.3407Z"></path></svg>`, 4, true);
|
|
3306
3308
|
const rotationDegrees = {
|
|
3307
3309
|
left: 0,
|
|
3308
3310
|
top: 90,
|
|
@@ -3327,18 +3329,18 @@ const ArrowIcon = (props) => {
|
|
|
3327
3329
|
return direction();
|
|
3328
3330
|
},
|
|
3329
3331
|
get children() {
|
|
3330
|
-
const _el$ = _tmpl$$
|
|
3332
|
+
const _el$ = _tmpl$$u.cloneNode(true);
|
|
3331
3333
|
createRenderEffect(() => setAttribute(_el$, "fill", fill()));
|
|
3332
3334
|
return _el$;
|
|
3333
3335
|
}
|
|
3334
3336
|
});
|
|
3335
3337
|
};
|
|
3336
|
-
const _tmpl$$
|
|
3338
|
+
const _tmpl$$t = /* @__PURE__ */ template$1(`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.71966 2.71968C3.01255 2.42678 3.48743 2.42677 3.78032 2.71966L8.00002 6.93925L12.2197 2.71967C12.5126 2.42677 12.9874 2.42678 13.2803 2.71967C13.5732 3.01257 13.5732 3.48744 13.2803 3.78033L9.06068 7.99991L13.2803 12.2197C13.5732 12.5126 13.5732 12.9874 13.2803 13.2803C12.9874 13.5732 12.5126 13.5732 12.2197 13.2803L8.00002 9.06057L3.78033 13.2803C3.48744 13.5732 3.01257 13.5732 2.71967 13.2803C2.42678 12.9874 2.42677 12.5126 2.71967 12.2197L6.93936 7.99991L2.71968 3.78034C2.42678 3.48745 2.42677 3.01257 2.71966 2.71968Z"></path></svg>`);
|
|
3337
3339
|
const CloseIcon = (props) => {
|
|
3338
3340
|
const theme = useTheme();
|
|
3339
3341
|
const fill = () => props.fill || theme.colors.icon.secondary;
|
|
3340
3342
|
return (() => {
|
|
3341
|
-
const _el$ = _tmpl$$
|
|
3343
|
+
const _el$ = _tmpl$$t.cloneNode(true), _el$2 = _el$.firstChild;
|
|
3342
3344
|
createRenderEffect(() => setAttribute(_el$2, "fill", fill()));
|
|
3343
3345
|
return _el$;
|
|
3344
3346
|
})();
|
|
@@ -3572,7 +3574,7 @@ function animate(element, keyframes, options) {
|
|
|
3572
3574
|
}
|
|
3573
3575
|
return AnimationNoop.create();
|
|
3574
3576
|
}
|
|
3575
|
-
const _tmpl$$
|
|
3577
|
+
const _tmpl$$s = /* @__PURE__ */ template$1(`<div></div>`);
|
|
3576
3578
|
const clickOutside = clickOutside$1;
|
|
3577
3579
|
const keyPressed = escPressed;
|
|
3578
3580
|
const androidBackHandler = androidBackHandler$1;
|
|
@@ -3638,7 +3640,7 @@ const Modal = (props) => {
|
|
|
3638
3640
|
"data-tc-modal": "true"
|
|
3639
3641
|
}, dataAttrs, {
|
|
3640
3642
|
get children() {
|
|
3641
|
-
const _el$ = _tmpl$$
|
|
3643
|
+
const _el$ = _tmpl$$s.cloneNode(true);
|
|
3642
3644
|
use(androidBackHandler, _el$, () => ({
|
|
3643
3645
|
isEnabled: props.enableAndroidBackHandler,
|
|
3644
3646
|
onClose: () => props.onClose()
|
|
@@ -3827,6 +3829,7 @@ const CopyIconButton = styled.div`
|
|
|
3827
3829
|
const QrCodeBackground = styled.button`
|
|
3828
3830
|
display: flex;
|
|
3829
3831
|
align-items: center;
|
|
3832
|
+
justify-content: center;
|
|
3830
3833
|
position: relative;
|
|
3831
3834
|
background-color: ${(props) => props.theme.colors.background.qr};
|
|
3832
3835
|
border-radius: ${(props) => backgroundBorders[props.theme.borderRadius]};
|
|
@@ -3862,8 +3865,9 @@ const QrCodeBackground = styled.button`
|
|
|
3862
3865
|
`;
|
|
3863
3866
|
const QrCodeWrapper$2 = styled.div`
|
|
3864
3867
|
position: relative;
|
|
3865
|
-
|
|
3866
|
-
|
|
3868
|
+
display: flex;
|
|
3869
|
+
justify-content: center;
|
|
3870
|
+
align-items: center;
|
|
3867
3871
|
margin: 0 auto;
|
|
3868
3872
|
|
|
3869
3873
|
> div:first-child {
|
|
@@ -5585,7 +5589,7 @@ function fallbackCopyTextToClipboard(text) {
|
|
|
5585
5589
|
document.body.removeChild(textArea);
|
|
5586
5590
|
}
|
|
5587
5591
|
}
|
|
5588
|
-
const _tmpl$$
|
|
5592
|
+
const _tmpl$$r = /* @__PURE__ */ template$1(`<div></div>`);
|
|
5589
5593
|
const QRCode = (props) => {
|
|
5590
5594
|
let qrCodeCanvasRef;
|
|
5591
5595
|
let qrCodeWrapperRef;
|
|
@@ -5634,7 +5638,7 @@ const QRCode = (props) => {
|
|
|
5634
5638
|
},
|
|
5635
5639
|
get children() {
|
|
5636
5640
|
return [(() => {
|
|
5637
|
-
const _el$ = _tmpl$$
|
|
5641
|
+
const _el$ = _tmpl$$r.cloneNode(true);
|
|
5638
5642
|
const _ref$2 = qrCodeCanvasRef;
|
|
5639
5643
|
typeof _ref$2 === "function" ? use(_ref$2, _el$) : qrCodeCanvasRef = _el$;
|
|
5640
5644
|
return _el$;
|
|
@@ -5819,7 +5823,6 @@ const ImageContainer = styled.div`
|
|
|
5819
5823
|
left: 0;
|
|
5820
5824
|
right: 0;
|
|
5821
5825
|
border: 0.5px solid rgba(0, 0, 0, 0.08);
|
|
5822
|
-
|
|
5823
5826
|
border-radius: inherit;
|
|
5824
5827
|
}
|
|
5825
5828
|
`;
|
|
@@ -5834,11 +5837,11 @@ const WalletImage = (props) => {
|
|
|
5834
5837
|
return props.class;
|
|
5835
5838
|
},
|
|
5836
5839
|
get children() {
|
|
5837
|
-
return createComponent(ImageStyled$2, {
|
|
5840
|
+
return [createComponent(ImageStyled$2, {
|
|
5838
5841
|
get src() {
|
|
5839
5842
|
return props.src;
|
|
5840
5843
|
}
|
|
5841
|
-
});
|
|
5844
|
+
}), createMemo(() => props.badge)];
|
|
5842
5845
|
}
|
|
5843
5846
|
});
|
|
5844
5847
|
};
|
|
@@ -5852,13 +5855,41 @@ const badgeBorders = {
|
|
|
5852
5855
|
s: "6px",
|
|
5853
5856
|
none: "0"
|
|
5854
5857
|
};
|
|
5858
|
+
const WalletUlContainer = styled.ul`
|
|
5859
|
+
display: flex;
|
|
5860
|
+
gap: 0;
|
|
5861
|
+
width: 100%;
|
|
5862
|
+
overflow-x: auto;
|
|
5863
|
+
padding: 8px 12px 16px 12px;
|
|
5864
|
+
margin: 0;
|
|
5865
|
+
list-style: none;
|
|
5866
|
+
flex-wrap: nowrap;
|
|
5867
|
+
|
|
5868
|
+
&&::-webkit-scrollbar {
|
|
5869
|
+
display: none;
|
|
5870
|
+
}
|
|
5871
|
+
-ms-overflow-style: none;
|
|
5872
|
+
scrollbar-width: none;
|
|
5873
|
+
|
|
5874
|
+
> li {
|
|
5875
|
+
display: flex;
|
|
5876
|
+
flex: 1;
|
|
5877
|
+
min-width: 78px;
|
|
5878
|
+
height: fit-content;
|
|
5879
|
+
}
|
|
5880
|
+
|
|
5881
|
+
> li > button {
|
|
5882
|
+
width: 100%;
|
|
5883
|
+
}
|
|
5884
|
+
`;
|
|
5855
5885
|
const WalletItemStyled = styled.button`
|
|
5856
5886
|
position: relative;
|
|
5857
5887
|
cursor: pointer;
|
|
5858
5888
|
border: none;
|
|
5859
5889
|
background-color: unset;
|
|
5860
5890
|
padding: 8px 4px;
|
|
5861
|
-
width:
|
|
5891
|
+
width: 100%;
|
|
5892
|
+
min-width: 78px;
|
|
5862
5893
|
display: flex;
|
|
5863
5894
|
flex-direction: column;
|
|
5864
5895
|
align-items: center;
|
|
@@ -5875,11 +5906,6 @@ const WalletItemStyled = styled.button`
|
|
|
5875
5906
|
transform: scale(0.96);
|
|
5876
5907
|
}
|
|
5877
5908
|
|
|
5878
|
-
${media("mobile")} {
|
|
5879
|
-
padding: 8px 4px;
|
|
5880
|
-
width: 82px;
|
|
5881
|
-
}
|
|
5882
|
-
|
|
5883
5909
|
${mediaTouch} {
|
|
5884
5910
|
&:active {
|
|
5885
5911
|
transform: scale(0.92);
|
|
@@ -5890,13 +5916,13 @@ const ImageStyled$1 = styled(WalletImage)`
|
|
|
5890
5916
|
width: 60px;
|
|
5891
5917
|
height: 60px;
|
|
5892
5918
|
border-radius: ${(props) => borders$3[props.theme.borderRadius]};
|
|
5893
|
-
|
|
5894
5919
|
margin-bottom: 8px;
|
|
5920
|
+
position: relative;
|
|
5895
5921
|
`;
|
|
5896
5922
|
const BadgeStyled = styled(Image)`
|
|
5897
5923
|
position: absolute;
|
|
5898
|
-
right:
|
|
5899
|
-
|
|
5924
|
+
right: -6px;
|
|
5925
|
+
bottom: -6px;
|
|
5900
5926
|
width: 24px;
|
|
5901
5927
|
height: 24px;
|
|
5902
5928
|
border-radius: ${(props) => badgeBorders[props.theme.borderRadius]};
|
|
@@ -5925,7 +5951,7 @@ const StyledSecondLine = styled(Text)`
|
|
|
5925
5951
|
max-width: 80px;
|
|
5926
5952
|
}
|
|
5927
5953
|
`;
|
|
5928
|
-
const _tmpl$$
|
|
5954
|
+
const _tmpl$$q = /* @__PURE__ */ template$1(`<div></div>`);
|
|
5929
5955
|
const WalletItem = (props) => {
|
|
5930
5956
|
let ctxRef = null;
|
|
5931
5957
|
const adjustLetterSpacing = () => {
|
|
@@ -5958,13 +5984,16 @@ const WalletItem = (props) => {
|
|
|
5958
5984
|
return [createMemo(() => createMemo(() => typeof props.icon === "string")() ? createComponent(ImageStyled$1, {
|
|
5959
5985
|
get src() {
|
|
5960
5986
|
return props.icon;
|
|
5987
|
+
},
|
|
5988
|
+
get badge() {
|
|
5989
|
+
return createMemo(() => !!props.badgeUrl)() && createComponent(BadgeStyled, {
|
|
5990
|
+
get src() {
|
|
5991
|
+
return props.badgeUrl;
|
|
5992
|
+
}
|
|
5993
|
+
});
|
|
5961
5994
|
}
|
|
5962
|
-
}) : props.icon),
|
|
5963
|
-
|
|
5964
|
-
return props.badgeUrl;
|
|
5965
|
-
}
|
|
5966
|
-
})), (() => {
|
|
5967
|
-
const _el$ = _tmpl$$s.cloneNode(true);
|
|
5995
|
+
}) : props.icon), (() => {
|
|
5996
|
+
const _el$ = _tmpl$$q.cloneNode(true);
|
|
5968
5997
|
use((el) => ctxRef = el, _el$);
|
|
5969
5998
|
insert(_el$, createComponent(StyledText, {
|
|
5970
5999
|
get children() {
|
|
@@ -6066,35 +6095,17 @@ const H3 = (props) => {
|
|
|
6066
6095
|
}
|
|
6067
6096
|
});
|
|
6068
6097
|
};
|
|
6069
|
-
const _tmpl$$
|
|
6070
|
-
const LongArrowIcon = (props) => {
|
|
6071
|
-
const theme = useTheme();
|
|
6072
|
-
const fill = () => props.fill || theme.colors.icon.secondary;
|
|
6073
|
-
return (() => {
|
|
6074
|
-
const _el$ = _tmpl$$r.cloneNode(true), _el$2 = _el$.firstChild;
|
|
6075
|
-
createRenderEffect((_p$) => {
|
|
6076
|
-
const _v$ = fill(), _v$2 = fill();
|
|
6077
|
-
_v$ !== _p$._v$ && setAttribute(_el$, "fill", _p$._v$ = _v$);
|
|
6078
|
-
_v$2 !== _p$._v$2 && setAttribute(_el$2, "fill", _p$._v$2 = _v$2);
|
|
6079
|
-
return _p$;
|
|
6080
|
-
}, {
|
|
6081
|
-
_v$: void 0,
|
|
6082
|
-
_v$2: void 0
|
|
6083
|
-
});
|
|
6084
|
-
return _el$;
|
|
6085
|
-
})();
|
|
6086
|
-
};
|
|
6087
|
-
const _tmpl$$q = /* @__PURE__ */ template$1(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.1839 17.7069C13.6405 18.6507 13.3688 19.1226 13.0591 19.348C12.4278 19.8074 11.5723 19.8074 10.941 19.348C10.6312 19.1226 10.3595 18.6507 9.81613 17.7069L5.52066 10.2464C4.76864 8.94024 4.39263 8.28717 4.33762 7.75894C4.2255 6.68236 4.81894 5.65591 5.80788 5.21589C6.29309 5 7.04667 5 8.55383 5H15.4462C16.9534 5 17.7069 5 18.1922 5.21589C19.1811 5.65591 19.7745 6.68236 19.6624 7.75894C19.6074 8.28717 19.2314 8.94024 18.4794 10.2464L14.1839 17.7069ZM11.1 16.3412L6.56139 8.48002C6.31995 8.06185 6.19924 7.85276 6.18146 7.68365C6.14523 7.33896 6.33507 7.01015 6.65169 6.86919C6.80703 6.80002 7.04847 6.80002 7.53133 6.80002H7.53134L11.1 6.80002V16.3412ZM12.9 16.3412L17.4387 8.48002C17.6801 8.06185 17.8008 7.85276 17.8186 7.68365C17.8548 7.33896 17.665 7.01015 17.3484 6.86919C17.193 6.80002 16.9516 6.80002 16.4687 6.80002L12.9 6.80002V16.3412Z"></path></svg>`);
|
|
6098
|
+
const _tmpl$$p = /* @__PURE__ */ template$1(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.1839 17.7069C13.6405 18.6507 13.3688 19.1226 13.0591 19.348C12.4278 19.8074 11.5723 19.8074 10.941 19.348C10.6312 19.1226 10.3595 18.6507 9.81613 17.7069L5.52066 10.2464C4.76864 8.94024 4.39263 8.28717 4.33762 7.75894C4.2255 6.68236 4.81894 5.65591 5.80788 5.21589C6.29309 5 7.04667 5 8.55383 5H15.4462C16.9534 5 17.7069 5 18.1922 5.21589C19.1811 5.65591 19.7745 6.68236 19.6624 7.75894C19.6074 8.28717 19.2314 8.94024 18.4794 10.2464L14.1839 17.7069ZM11.1 16.3412L6.56139 8.48002C6.31995 8.06185 6.19924 7.85276 6.18146 7.68365C6.14523 7.33896 6.33507 7.01015 6.65169 6.86919C6.80703 6.80002 7.04847 6.80002 7.53133 6.80002H7.53134L11.1 6.80002V16.3412ZM12.9 16.3412L17.4387 8.48002C17.6801 8.06185 17.8008 7.85276 17.8186 7.68365C17.8548 7.33896 17.665 7.01015 17.3484 6.86919C17.193 6.80002 16.9516 6.80002 16.4687 6.80002L12.9 6.80002V16.3412Z"></path></svg>`);
|
|
6088
6099
|
const TonIcon = (props) => {
|
|
6089
6100
|
const theme = useTheme();
|
|
6090
6101
|
const fill = () => props.fill || theme.colors.icon.primary;
|
|
6091
6102
|
return (() => {
|
|
6092
|
-
const _el$ = _tmpl$$
|
|
6103
|
+
const _el$ = _tmpl$$p.cloneNode(true), _el$2 = _el$.firstChild;
|
|
6093
6104
|
createRenderEffect(() => setAttribute(_el$2, "fill", fill()));
|
|
6094
6105
|
return _el$;
|
|
6095
6106
|
})();
|
|
6096
6107
|
};
|
|
6097
|
-
const _tmpl$$
|
|
6108
|
+
const _tmpl$$o = /* @__PURE__ */ template$1(`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><g clip-path="url(#clip0_3783_2045)"><circle cx="8" cy="8.00098" r="8"></circle><path d="M4.75 8.50098L7 10.751L11.75 6.00098" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><clipPath id="clip0_3783_2045"><rect width="16" height="16" fill="white" transform="translate(0 0.000976562)"></rect></clipPath></defs></svg>`), _tmpl$2$3 = /* @__PURE__ */ template$1(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="11"></circle><path d="M17.1364 9.6364C17.4879 9.28493 17.4879 8.71508 17.1364 8.36361C16.7849 8.01214 16.2151 8.01214 15.8636 8.36361L10 14.2272L8.1364 12.3636C7.78493 12.0121 7.21508 12.0121 6.86361 12.3636C6.51214 12.7151 6.51214 13.2849 6.86361 13.6364L9.36361 16.1364C9.71508 16.4879 10.2849 16.4879 10.6364 16.1364L17.1364 9.6364Z"></path></svg>`), _tmpl$3$2 = /* @__PURE__ */ template$1(`<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="36" cy="36" r="33"></circle><path d="M50.9142 28.4142C51.6953 27.6332 51.6953 26.3668 50.9142 25.5858C50.1332 24.8047 48.8668 24.8047 48.0858 25.5858L30 43.6716L23.9142 37.5858C23.1332 36.8047 21.8668 36.8047 21.0858 37.5858C20.3047 38.3668 20.3047 39.6332 21.0858 40.4142L28.5858 47.9142C29.3668 48.6953 30.6332 48.6953 31.4142 47.9142L50.9142 28.4142Z"></path></svg>`);
|
|
6098
6109
|
const SuccessIcon = (props) => {
|
|
6099
6110
|
const theme = useTheme();
|
|
6100
6111
|
const size = () => props.size || "s";
|
|
@@ -6102,7 +6113,7 @@ const SuccessIcon = (props) => {
|
|
|
6102
6113
|
return createMemo((() => {
|
|
6103
6114
|
const _c$ = createMemo(() => size() === "xs");
|
|
6104
6115
|
return () => _c$() ? (() => {
|
|
6105
|
-
const _el$ = _tmpl$$
|
|
6116
|
+
const _el$ = _tmpl$$o.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
|
|
6106
6117
|
createRenderEffect((_p$) => {
|
|
6107
6118
|
const _v$ = props.class, _v$2 = fill(), _v$3 = theme.colors.constant.white;
|
|
6108
6119
|
_v$ !== _p$._v$ && setAttribute(_el$, "class", _p$._v$ = _v$);
|
|
@@ -6149,7 +6160,7 @@ const SuccessIcon = (props) => {
|
|
|
6149
6160
|
})();
|
|
6150
6161
|
})());
|
|
6151
6162
|
};
|
|
6152
|
-
const _tmpl$$
|
|
6163
|
+
const _tmpl$$n = /* @__PURE__ */ template$1(`<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="36" cy="36" r="33"></circle><path d="M24.0858 26.9142C23.3047 26.1332 23.3047 24.8668 24.0858 24.0858C24.8668 23.3047 26.1332 23.3047 26.9142 24.0858L36 33.1716L45.0858 24.0858C45.8668 23.3047 47.1332 23.3047 47.9142 24.0858C48.6953 24.8668 48.6953 26.1332 47.9142 26.9142L38.8284 36L47.9142 45.0858C48.6953 45.8668 48.6953 47.1332 47.9142 47.9142C47.1332 48.6953 45.8668 48.6953 45.0858 47.9142L36 38.8284L26.9142 47.9142C26.1332 48.6953 24.8668 48.6953 24.0858 47.9142C23.3047 47.1332 23.3047 45.8668 24.0858 45.0858L33.1716 36L24.0858 26.9142Z"></path></svg>`), _tmpl$2$2 = /* @__PURE__ */ template$1(`<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><circle cx="24" cy="24.001" r="22"></circle><path d="M24 24.001L31.5 16.501M24 24.001L16.5 16.501M24 24.001L16.5 31.501M24 24.001L31.5 31.501" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path></svg>`), _tmpl$3$1 = /* @__PURE__ */ template$1(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="11"></circle><path d="M7.86361 9.1364C7.51214 8.78493 7.51214 8.21508 7.86361 7.86361C8.21508 7.51214 8.78493 7.51214 9.1364 7.86361L12 10.7272L14.8636 7.86361C15.2151 7.51214 15.7849 7.51214 16.1364 7.86361C16.4879 8.21508 16.4879 8.78493 16.1364 9.1364L13.2728 12L16.1364 14.8636C16.4879 15.2151 16.4879 15.7849 16.1364 16.1364C15.7849 16.4879 15.2151 16.4879 14.8636 16.1364L12 13.2728L9.1364 16.1364C8.78493 16.4879 8.21508 16.4879 7.86361 16.1364C7.51214 15.7849 7.51214 15.2151 7.86361 14.8636L10.7272 12L7.86361 9.1364Z"></path></svg>`);
|
|
6153
6164
|
const ErrorIcon = (props) => {
|
|
6154
6165
|
const theme = useTheme();
|
|
6155
6166
|
const size = () => props.size || "m";
|
|
@@ -6157,7 +6168,7 @@ const ErrorIcon = (props) => {
|
|
|
6157
6168
|
return createMemo((() => {
|
|
6158
6169
|
const _c$ = createMemo(() => size() === "m");
|
|
6159
6170
|
return () => _c$() ? (() => {
|
|
6160
|
-
const _el$ = _tmpl$$
|
|
6171
|
+
const _el$ = _tmpl$$n.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
|
|
6161
6172
|
createRenderEffect((_p$) => {
|
|
6162
6173
|
const _v$ = props.class, _v$2 = fill(), _v$3 = theme.colors.constant.white;
|
|
6163
6174
|
_v$ !== _p$._v$ && setAttribute(_el$, "class", _p$._v$ = _v$);
|
|
@@ -6204,7 +6215,7 @@ const ErrorIcon = (props) => {
|
|
|
6204
6215
|
})();
|
|
6205
6216
|
})());
|
|
6206
6217
|
};
|
|
6207
|
-
const _tmpl$$
|
|
6218
|
+
const _tmpl$$m = /* @__PURE__ */ template$1(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.55 5.85123C18.9459 7.81184 20.1094 12.1541 18.1488 15.55C16.1882 18.9459 11.8459 20.1094 8.44998 18.1488C8.01952 17.9003 7.46909 18.0478 7.22056 18.4782C6.97203 18.9087 7.11952 19.4591 7.54998 19.7076C11.8068 22.1653 17.2499 20.7068 19.7076 16.45C22.1653 12.1932 20.7068 6.75005 16.45 4.29239C12.1932 1.83472 6.75003 3.29321 4.29236 7.55001C4.04383 7.98047 4.19132 8.53091 4.62178 8.77943C5.05224 9.02796 5.60268 8.88048 5.8512 8.45001C7.81181 5.05413 12.1541 3.89062 15.55 5.85123Z"></path></svg>`), _tmpl$2$1 = /* @__PURE__ */ template$1(`<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 2.99951C11.5066 2.99951 3 11.5061 3 21.9995C3 32.4929 11.5066 40.9995 22 40.9995C22.8284 40.9995 23.5 41.6711 23.5 42.4995C23.5 43.3279 22.8284 43.9995 22 43.9995C9.84974 43.9995 0 34.1498 0 21.9995C0 9.84925 9.84974 -0.000488281 22 -0.000488281C34.1503 -0.000488281 44 9.84925 44 21.9995C44 22.8279 43.3284 23.4995 42.5 23.4995C41.6716 23.4995 41 22.8279 41 21.9995C41 11.5061 32.4934 2.99951 22 2.99951Z"></path></svg>`), _tmpl$3 = /* @__PURE__ */ template$1(`<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 56.7846C35.479 63.412 50.1572 59.479 56.7846 47.9999C63.412 36.5209 59.479 21.8427 48 15.2153C36.521 8.58791 21.8428 12.5209 15.2154 23.9999" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path></svg>`);
|
|
6208
6219
|
const LoaderIcon = (props) => {
|
|
6209
6220
|
const theme = useTheme();
|
|
6210
6221
|
const size = () => props.size || "xs";
|
|
@@ -6223,7 +6234,7 @@ const LoaderIcon = (props) => {
|
|
|
6223
6234
|
return createMemo((() => {
|
|
6224
6235
|
const _c$ = createMemo(() => size() === "xs");
|
|
6225
6236
|
return () => _c$() ? (() => {
|
|
6226
|
-
const _el$ = _tmpl$$
|
|
6237
|
+
const _el$ = _tmpl$$m.cloneNode(true), _el$2 = _el$.firstChild;
|
|
6227
6238
|
createRenderEffect((_p$) => {
|
|
6228
6239
|
const _v$ = cn(svgClass, props.class), _v$2 = fill();
|
|
6229
6240
|
_v$ !== _p$._v$ && setAttribute(_el$, "class", _p$._v$ = _v$);
|
|
@@ -6264,92 +6275,92 @@ const LoaderIcon = (props) => {
|
|
|
6264
6275
|
})();
|
|
6265
6276
|
})());
|
|
6266
6277
|
};
|
|
6267
|
-
const _tmpl$$
|
|
6278
|
+
const _tmpl$$l = /* @__PURE__ */ template$1(`<svg width="158" height="28" viewBox="0 0 158 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M28 14.001C28 21.733 21.732 28.001 14 28.001C6.26801 28.001 0 21.733 0 14.001C0 6.26899 6.26801 0.000976562 14 0.000976562C21.732 0.000976562 28 6.26899 28 14.001ZM9.21931 8.00098H18.7801H18.7813C20.538 8.00098 21.6522 9.89966 20.7691 11.4302L14.8672 21.6576C14.4822 22.3254 13.5172 22.3254 13.1322 21.6576L7.23158 11.4302C6.34721 9.89726 7.4614 8.00098 9.21931 8.00098ZM13.1262 18.5882V9.74806H9.21811C8.78976 9.74806 8.53708 10.2029 8.74163 10.5578L11.8423 16.1035L13.1262 18.5882ZM16.1559 16.1047L19.2554 10.5566C19.4599 10.2017 19.2073 9.74685 18.7789 9.74685H14.8709V18.5906L16.1559 16.1047Z" fill="#0098EA"></path><path d="M18.7802 8.00098H9.21936C7.46145 8.00098 6.34727 9.89726 7.23164 11.4302L13.1322 21.6576C13.5173 22.3254 14.4823 22.3254 14.8673 21.6576L20.7691 11.4302C21.6523 9.89966 20.5381 8.00098 18.7814 8.00098H18.7802ZM13.1274 18.5906L11.8424 16.1035L8.74168 10.5578C8.53714 10.2029 8.78981 9.74806 9.21816 9.74806H13.1262V18.5918L13.1274 18.5906ZM19.2555 10.5566L16.156 16.1047L14.8709 18.5906V9.74685H18.779C19.2073 9.74685 19.46 10.2017 19.2555 10.5566Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M51.7483 22.1967C55.7182 22.1967 58.9609 18.954 58.9609 14.9841C58.9609 11.0142 55.7182 7.77148 51.7483 7.77148C47.7588 7.77148 44.5357 11.0142 44.5357 14.9841C44.5357 18.954 47.7588 22.1967 51.7483 22.1967ZM51.7483 19.1702C49.4686 19.1702 47.6802 17.2442 47.6802 14.9841C47.6802 12.724 49.4686 10.798 51.7483 10.798C54.0084 10.798 55.7968 12.724 55.7968 14.9841C55.7968 17.2442 54.0084 19.1702 51.7483 19.1702ZM37.0698 21.9609H40.2142V10.9946H44.2843V8.00732H33V10.9946H37.0698V21.9609ZM69.9379 8.00732H73.0823V21.9609H70.3899L63.59 13.3333V21.9609H60.4652V8.00732H63.1576L69.9379 16.6153V8.00732ZM79.2259 14.9887C79.2259 10.9202 82.351 7.77539 86.4982 7.77539C89.8592 7.77539 92.5519 9.95709 93.2202 12.6891H90.7437C90.154 11.0971 88.4637 9.9964 86.4982 9.9964C83.5893 9.9964 81.5452 12.1781 81.5452 14.9887C81.5452 17.7994 83.5893 19.9811 86.4982 19.9811C88.4637 19.9811 90.154 18.8804 90.7437 17.2884H93.2202C92.5519 20.0204 89.8592 22.2021 86.4982 22.2021C82.351 22.2021 79.2259 19.0573 79.2259 14.9887ZM104.584 17.0525C104.584 19.9025 102.343 22.1628 99.4342 22.1628C96.5253 22.1628 94.2846 19.9025 94.2846 17.0525C94.2846 14.2025 96.5253 11.9422 99.4342 11.9422C102.343 11.9422 104.584 14.2025 104.584 17.0525ZM96.4663 17.0525C96.4663 18.8018 97.6849 20.158 99.4342 20.158C101.164 20.158 102.382 18.8018 102.382 17.0525C102.382 15.3032 101.164 13.947 99.4342 13.947C97.6849 13.947 96.4663 15.3032 96.4663 17.0525ZM108.626 12.1388H106.463V21.9662H108.626V17.1311C108.626 15.0281 109.726 13.9077 111.161 13.9077C112.419 13.9077 113.205 14.8512 113.205 16.4039V21.9662H115.367V16.0501C115.367 13.5539 113.893 11.9422 111.613 11.9422C110.335 11.9422 109.215 12.4926 108.626 13.4753V12.1388ZM117.839 12.1388H120.001V13.4753C120.59 12.4926 121.711 11.9422 122.988 11.9422C125.268 11.9422 126.742 13.5539 126.742 16.0501V21.9662H124.58V16.4039C124.58 14.8512 123.794 13.9077 122.536 13.9077C121.101 13.9077 120.001 15.0281 120.001 17.1311V21.9662H117.839V12.1388ZM133.558 22.1628C136.054 22.1628 137.823 20.728 138.373 18.8804H136.113C135.661 19.8238 134.717 20.2563 133.636 20.2563C131.887 20.2563 130.747 19.077 130.668 17.5832H138.491C138.688 14.2419 136.585 11.9422 133.577 11.9422C130.551 11.9422 128.526 14.1436 128.526 17.0525C128.526 20.0007 130.629 22.1628 133.558 22.1628ZM130.747 16.0501C131.042 14.5367 132.162 13.7505 133.518 13.7505C134.717 13.7505 135.838 14.4581 136.172 16.0501H130.747ZM149.851 18.3694C149.32 20.5511 147.453 22.1628 144.859 22.1628C141.871 22.1628 139.709 19.8828 139.709 17.0525C139.709 14.2222 141.871 11.9422 144.859 11.9422C147.453 11.9422 149.32 13.5539 149.851 15.7356H147.571C147.178 14.6743 146.215 13.9077 144.859 13.9077C143.109 13.9077 141.91 15.2246 141.91 17.0525C141.91 18.8804 143.109 20.1973 144.859 20.1973C146.215 20.1973 147.178 19.4307 147.571 18.3694H149.851ZM155.75 22.0645C156.418 22.0645 156.929 21.9859 157.362 21.8483V19.9221C157.047 20.0401 156.615 20.1187 156.202 20.1187C155.082 20.1187 154.551 19.6666 154.551 18.448V14.065H157.362V12.1388H154.551V9.40675H152.389V12.1388H150.345V14.065H152.389V18.8018C152.389 21.0228 153.863 22.0645 155.75 22.0645Z"></path></svg>`);
|
|
6268
6279
|
const TonConnectBrand = () => {
|
|
6269
6280
|
const theme = useTheme();
|
|
6270
6281
|
const fill = () => theme.theme === THEME.DARK ? theme.colors.constant.white : theme.colors.constant.black;
|
|
6271
6282
|
return (() => {
|
|
6272
|
-
const _el$ = _tmpl$$
|
|
6283
|
+
const _el$ = _tmpl$$l.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling;
|
|
6273
6284
|
createRenderEffect(() => setAttribute(_el$4, "fill", fill()));
|
|
6274
6285
|
return _el$;
|
|
6275
6286
|
})();
|
|
6276
6287
|
};
|
|
6277
|
-
const _tmpl$$
|
|
6288
|
+
const _tmpl$$k = /* @__PURE__ */ template$1(`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.56608 4.42584C5.82527 3.32158 6.8176 2.5 8.00001 2.5C9.38072 2.5 10.5 3.61929 10.5 5C10.5 5.63026 10.3391 6.0386 10.1264 6.34455C9.90018 6.66993 9.58561 6.92478 9.18864 7.20877C9.12579 7.25372 9.05873 7.30025 8.9887 7.34883C8.27392 7.84472 7.25001 8.55507 7.25001 10V10.25C7.25001 10.6642 7.5858 11 8.00001 11C8.41422 11 8.75001 10.6642 8.75001 10.25V10C8.75001 9.36502 9.10777 9.1096 9.94554 8.51149L10.0614 8.42873C10.4769 8.13147 10.9748 7.75194 11.358 7.20076C11.7547 6.63015 12 5.91973 12 5C12 2.79086 10.2091 1 8.00001 1C6.10564 1 4.5205 2.31615 4.10577 4.08308C4.01112 4.48634 4.26129 4.88997 4.66454 4.98462C5.0678 5.07927 5.47143 4.8291 5.56608 4.42584ZM8.00001 15C8.60752 15 9.10001 14.5075 9.10001 13.9C9.10001 13.2925 8.60752 12.8 8.00001 12.8C7.39249 12.8 6.90001 13.2925 6.90001 13.9C6.90001 14.5075 7.39249 15 8.00001 15Z"></path></svg>`);
|
|
6278
6289
|
const QuestionIcon = (props) => {
|
|
6279
6290
|
const theme = useTheme();
|
|
6280
6291
|
const fill = () => props.fill || theme.colors.icon.secondary;
|
|
6281
6292
|
return (() => {
|
|
6282
|
-
const _el$ = _tmpl$$
|
|
6293
|
+
const _el$ = _tmpl$$k.cloneNode(true), _el$2 = _el$.firstChild;
|
|
6283
6294
|
createRenderEffect(() => setAttribute(_el$2, "fill", fill()));
|
|
6284
6295
|
return _el$;
|
|
6285
6296
|
})();
|
|
6286
6297
|
};
|
|
6287
|
-
const _tmpl$$
|
|
6298
|
+
const _tmpl$$j = /* @__PURE__ */ template$1(`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.98156 8.75C9.84854 11.4328 9.01206 13.5 8 13.5C6.98794 13.5 6.15146 11.4328 6.01844 8.75H9.98156ZM11.4832 8.75C11.4217 10.1155 11.1929 11.3869 10.8239 12.4017C10.7734 12.5405 10.7188 12.6789 10.6595 12.8154C12.1454 11.993 13.2103 10.5029 13.4493 8.75H11.4832ZM13.4493 7.25H11.4832C11.4217 5.88453 11.1929 4.61314 10.8239 3.5983C10.7734 3.4595 10.7188 3.32111 10.6595 3.18459C12.1454 4.00697 13.2103 5.49709 13.4493 7.25ZM9.98156 7.25H6.01844C6.15144 4.56764 6.98769 2.50062 7.99955 2.5H8C9.01206 2.5 9.84854 4.56724 9.98156 7.25ZM4.51678 7.25C4.57826 5.88453 4.80706 4.61314 5.1761 3.5983C5.22657 3.4595 5.28124 3.32111 5.3405 3.18459C3.85463 4.00697 2.78972 5.49709 2.55071 7.25H4.51678ZM2.55071 8.75C2.78972 10.5029 3.85463 11.993 5.3405 12.8154C5.28124 12.6789 5.22657 12.5405 5.1761 12.4017C4.80706 11.3869 4.57826 10.1155 4.51678 8.75H2.55071ZM15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8Z"></path></svg>`);
|
|
6288
6299
|
const BrowserIcon = (props) => {
|
|
6289
6300
|
const theme = useTheme();
|
|
6290
6301
|
const fill = () => props.fill || theme.colors.icon.primary;
|
|
6291
6302
|
return (() => {
|
|
6292
|
-
const _el$ = _tmpl$$
|
|
6303
|
+
const _el$ = _tmpl$$j.cloneNode(true), _el$2 = _el$.firstChild;
|
|
6293
6304
|
createRenderEffect(() => setAttribute(_el$2, "fill", fill()));
|
|
6294
6305
|
return _el$;
|
|
6295
6306
|
})();
|
|
6296
6307
|
};
|
|
6297
|
-
const _tmpl$$
|
|
6308
|
+
const _tmpl$$i = /* @__PURE__ */ template$1(`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 4.8C2.5 3.11984 2.5 2.27976 2.82698 1.63803C3.1146 1.07354 3.57354 0.614601 4.13803 0.32698C4.77976 0 5.61984 0 7.3 0H8.7C10.3802 0 11.2202 0 11.862 0.32698C12.4265 0.614601 12.8854 1.07354 13.173 1.63803C13.5 2.27976 13.5 3.11984 13.5 4.8V11.2C13.5 12.8802 13.5 13.7202 13.173 14.362C12.8854 14.9265 12.4265 15.3854 11.862 15.673C11.2202 16 10.3802 16 8.7 16H7.3C5.61984 16 4.77976 16 4.13803 15.673C3.57354 15.3854 3.1146 14.9265 2.82698 14.362C2.5 13.7202 2.5 12.8802 2.5 11.2V4.8ZM4 3.9C4 3.05992 4 2.63988 4.16349 2.31901C4.3073 2.03677 4.53677 1.8073 4.81901 1.66349C5.13988 1.5 5.55992 1.5 6.4 1.5H9.6C10.4401 1.5 10.8601 1.5 11.181 1.66349C11.4632 1.8073 11.6927 2.03677 11.8365 2.31901C12 2.63988 12 3.05992 12 3.9V12.1C12 12.9401 12 13.3601 11.8365 13.681C11.6927 13.9632 11.4632 14.1927 11.181 14.3365C10.8601 14.5 10.4401 14.5 9.6 14.5H6.4C5.55992 14.5 5.13988 14.5 4.81901 14.3365C4.53677 14.1927 4.3073 13.9632 4.16349 13.681C4 13.3601 4 12.9401 4 12.1V3.9ZM7 2.5C6.58579 2.5 6.25 2.83579 6.25 3.25C6.25 3.66421 6.58579 4 7 4H9C9.41421 4 9.75 3.66421 9.75 3.25C9.75 2.83579 9.41421 2.5 9 2.5H7Z"></path></svg>`);
|
|
6298
6309
|
const MobileIcon = (props) => {
|
|
6299
6310
|
const theme = useTheme();
|
|
6300
6311
|
const fill = () => props.fill || theme.colors.icon.primary;
|
|
6301
6312
|
return (() => {
|
|
6302
|
-
const _el$ = _tmpl$$
|
|
6313
|
+
const _el$ = _tmpl$$i.cloneNode(true), _el$2 = _el$.firstChild;
|
|
6303
6314
|
createRenderEffect(() => setAttribute(_el$2, "fill", fill()));
|
|
6304
6315
|
return _el$;
|
|
6305
6316
|
})();
|
|
6306
6317
|
};
|
|
6307
|
-
const _tmpl$$
|
|
6318
|
+
const _tmpl$$h = /* @__PURE__ */ template$1(`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 6.8C1.5 5.11984 1.5 4.27976 1.82698 3.63803C2.1146 3.07354 2.57354 2.6146 3.13803 2.32698C3.77976 2 4.61984 2 6.3 2H9.7C11.3802 2 12.2202 2 12.862 2.32698C13.4265 2.6146 13.8854 3.07354 14.173 3.63803C14.5 4.27976 14.5 5.11984 14.5 6.8V11.5H15.25C15.6642 11.5 16 11.8358 16 12.25C16 12.6642 15.6642 13 15.25 13H0.75C0.335786 13 0 12.6642 0 12.25C0 11.8358 0.335786 11.5 0.75 11.5H1.5V6.8ZM3 11.5H13V5.9C13 5.05992 13 4.63988 12.8365 4.31901C12.6927 4.03677 12.4632 3.8073 12.181 3.66349C11.8601 3.5 11.4401 3.5 10.6 3.5H5.4C4.55992 3.5 4.13988 3.5 3.81901 3.66349C3.53677 3.8073 3.3073 4.03677 3.16349 4.31901C3 4.63988 3 5.05992 3 5.9V11.5Z"></path></svg>`);
|
|
6308
6319
|
const DesktopIcon = (props) => {
|
|
6309
6320
|
const theme = useTheme();
|
|
6310
6321
|
const fill = () => props.fill || theme.colors.icon.primary;
|
|
6311
6322
|
return (() => {
|
|
6312
|
-
const _el$ = _tmpl$$
|
|
6323
|
+
const _el$ = _tmpl$$h.cloneNode(true), _el$2 = _el$.firstChild;
|
|
6313
6324
|
createRenderEffect(() => setAttribute(_el$2, "fill", fill()));
|
|
6314
6325
|
return _el$;
|
|
6315
6326
|
})();
|
|
6316
6327
|
};
|
|
6317
|
-
const _tmpl$$
|
|
6328
|
+
const _tmpl$$g = /* @__PURE__ */ template$1(`<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"><g clip-path="url(#clip0_3676_1603)"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 1.25049C15.5 0.836275 15.1642 0.500488 14.75 0.500488C14.3358 0.500488 14 0.836275 14 1.25049V3.67012C12.7187 2.04487 10.7318 1.00049 8.5 1.00049C4.63401 1.00049 1.5 4.1345 1.5 8.00049C1.5 11.8665 4.63401 15.0005 8.5 15.0005C11.6844 15.0005 14.3703 12.8748 15.2199 9.96661C15.3361 9.56902 15.1079 9.15254 14.7103 9.03638C14.3127 8.92023 13.8962 9.14838 13.7801 9.54597C13.1123 11.8319 11 13.5005 8.5 13.5005C5.46243 13.5005 3 11.0381 3 8.00049C3 4.96292 5.46243 2.50049 8.5 2.50049C10.321 2.50049 11.9363 3.3855 12.9377 4.75049H10.5C10.0858 4.75049 9.75 5.08627 9.75 5.50049C9.75 5.9147 10.0858 6.25049 10.5 6.25049H14.75C15.1642 6.25049 15.5 5.9147 15.5 5.50049V1.25049Z"></path></g><defs><clipPath id="clip0_3676_1603"><rect width="16" height="16" fill="white" transform="translate(0.5 0.000488281)"></rect></clipPath></defs></svg>`);
|
|
6318
6329
|
const RetryIcon = (props) => {
|
|
6319
6330
|
const theme = useTheme();
|
|
6320
6331
|
const fill = () => props.fill || theme.colors.accent;
|
|
6321
6332
|
return (() => {
|
|
6322
|
-
const _el$ = _tmpl$$
|
|
6333
|
+
const _el$ = _tmpl$$g.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
|
|
6323
6334
|
createRenderEffect(() => setAttribute(_el$3, "fill", fill()));
|
|
6324
6335
|
return _el$;
|
|
6325
6336
|
})();
|
|
6326
6337
|
};
|
|
6327
|
-
const _tmpl$$
|
|
6338
|
+
const _tmpl$$f = /* @__PURE__ */ template$1(`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M13 4.06119V6.75053C13 7.16474 13.3358 7.50053 13.75 7.50053C14.1642 7.50053 14.5 7.16474 14.5 6.75053V2.75053L14.5 2.72807C14.5001 2.63191 14.5003 2.49627 14.4842 2.37627C14.4638 2.22503 14.4063 1.99261 14.2071 1.79342C14.0079 1.59423 13.7755 1.5367 13.6243 1.51637C13.5043 1.50023 13.3686 1.50039 13.2725 1.50051L13.25 1.50053H9.25C8.83579 1.50053 8.5 1.83631 8.5 2.25053C8.5 2.66474 8.83579 3.00053 9.25 3.00053H11.9393L7.21967 7.7202C6.92678 8.01309 6.92678 8.48796 7.21967 8.78086C7.51256 9.07375 7.98744 9.07375 8.28033 8.78086L13 4.06119ZM5.85 1.50053H5.81903H5.81899C5.21528 1.50052 4.71702 1.50051 4.31113 1.53367C3.88956 1.56812 3.50203 1.64204 3.13803 1.82751C2.57354 2.11513 2.1146 2.57407 1.82698 3.13856C1.64151 3.50256 1.56759 3.89009 1.53315 4.31166C1.49998 4.71755 1.49999 5.21581 1.5 5.81953V5.81955V5.85053V10.1505V10.1815V10.1815C1.49999 10.7852 1.49998 11.2835 1.53315 11.6894C1.56759 12.111 1.64151 12.4985 1.82698 12.8625C2.1146 13.427 2.57354 13.8859 3.13803 14.1735C3.50203 14.359 3.88956 14.4329 4.31113 14.4674C4.71702 14.5005 5.21527 14.5005 5.81897 14.5005H5.81901H5.85H10.15H10.181H10.181C10.7847 14.5005 11.283 14.5005 11.6889 14.4674C12.1104 14.4329 12.498 14.359 12.862 14.1735C13.4265 13.8859 13.8854 13.427 14.173 12.8625C14.3585 12.4985 14.4324 12.111 14.4669 11.6894C14.5 11.2835 14.5 10.7853 14.5 10.1816V10.1815V10.1505V9.75053C14.5 9.33631 14.1642 9.00053 13.75 9.00053C13.3358 9.00053 13 9.33631 13 9.75053V10.1505C13 10.793 12.9994 11.2297 12.9718 11.5672C12.945 11.8961 12.8963 12.0642 12.8365 12.1815C12.6927 12.4638 12.4632 12.6932 12.181 12.837C12.0637 12.8968 11.8955 12.9455 11.5667 12.9724C11.2292 12.9999 10.7924 13.0005 10.15 13.0005H5.85C5.20757 13.0005 4.77085 12.9999 4.43328 12.9724C4.10447 12.9455 3.93632 12.8968 3.81902 12.837C3.53677 12.6932 3.3073 12.4638 3.16349 12.1815C3.10372 12.0642 3.05503 11.8961 3.02816 11.5672C3.00058 11.2297 3 10.793 3 10.1505V5.85053C3 5.20809 3.00058 4.77137 3.02816 4.43381C3.05503 4.10499 3.10372 3.93684 3.16349 3.81954C3.3073 3.5373 3.53677 3.30783 3.81902 3.16402C3.93632 3.10425 4.10447 3.05556 4.43328 3.02869C4.77085 3.00111 5.20757 3.00053 5.85 3.00053H6.25C6.66422 3.00053 7 2.66474 7 2.25053C7 1.83631 6.66422 1.50053 6.25 1.50053H5.85Z"></path></svg>`);
|
|
6328
6339
|
const LinkIcon = (props) => {
|
|
6329
6340
|
const theme = useTheme();
|
|
6330
6341
|
const fill = () => props.fill || theme.colors.accent;
|
|
6331
6342
|
return (() => {
|
|
6332
|
-
const _el$ = _tmpl$$
|
|
6343
|
+
const _el$ = _tmpl$$f.cloneNode(true), _el$2 = _el$.firstChild;
|
|
6333
6344
|
createRenderEffect(() => setAttribute(_el$2, "fill", fill()));
|
|
6334
6345
|
return _el$;
|
|
6335
6346
|
})();
|
|
6336
6347
|
};
|
|
6337
|
-
const _tmpl$$
|
|
6348
|
+
const _tmpl$$e = /* @__PURE__ */ template$1(`<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"><g clip-path="url(#clip0_3676_1274)"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.82698 2.63901C1.5 3.28074 1.5 4.12082 1.5 5.80098V8.80098V9.00098V10.201C1.5 11.8811 1.5 12.7212 1.82698 13.3629C2.1146 13.9274 2.57354 14.3864 3.13803 14.674C3.77976 15.001 4.61984 15.001 6.3 15.001H11.7C13.3802 15.001 14.2202 15.001 14.862 14.674C15.4265 14.3864 15.8854 13.9274 16.173 13.3629C16.5 12.7212 16.5 11.8811 16.5 10.201V8.80098C16.5 7.12082 16.5 6.28074 16.173 5.63901C15.8854 5.07452 15.4265 4.61558 14.862 4.32796C14.743 4.26733 14.6172 4.21795 14.4805 4.17772C14.4501 3.49449 14.3722 3.02994 14.173 2.63901C13.8854 2.07452 13.4265 1.61558 12.862 1.32796C12.2202 1.00098 11.3802 1.00098 9.7 1.00098H6.3C4.61984 1.00098 3.77976 1.00098 3.13803 1.32796C2.57354 1.61558 2.1146 2.07452 1.82698 2.63901ZM12.9861 4.00942C12.9684 3.7108 12.9281 3.49982 12.8365 3.31999C12.6927 3.03775 12.4632 2.80828 12.181 2.66447C11.8601 2.50098 11.4401 2.50098 10.6 2.50098H5.4C4.55992 2.50098 4.13988 2.50098 3.81901 2.66447C3.53677 2.80828 3.3073 3.03775 3.16349 3.31999C3.03615 3.56991 3.00799 3.88 3.00177 4.40188C3.04646 4.37612 3.09189 4.35146 3.13803 4.32796C3.77976 4.00098 4.61984 4.00098 6.3 4.00098H11.7C12.1966 4.00098 12.6197 4.00098 12.9861 4.00942ZM3 7.90098V8.10098C3 8.47468 3 8.76527 3.01439 9.00098H3V11.101C3 11.9411 3 12.3611 3.16349 12.682C3.3073 12.9642 3.53677 13.1937 3.81901 13.3375C4.13988 13.501 4.55992 13.501 5.4 13.501H12.6C13.4401 13.501 13.8601 13.501 14.181 13.3375C14.4632 13.1937 14.6927 12.9642 14.8365 12.682C15 12.3611 15 11.9411 15 11.101V7.90098C15 7.0609 15 6.64086 14.8365 6.31999C14.6927 6.03775 14.4632 5.80828 14.181 5.66447C13.8601 5.50098 13.4401 5.50098 12.6 5.50098H5.4C4.55992 5.50098 4.13988 5.50098 3.81901 5.66447C3.53677 5.80828 3.3073 6.03775 3.16349 6.31999C3 6.64086 3 7.0609 3 7.90098ZM10.5 9.75098C10.5 9.33676 10.8358 9.00098 11.25 9.00098H12.75C13.1642 9.00098 13.5 9.33676 13.5 9.75098C13.5 10.1652 13.1642 10.501 12.75 10.501H11.25C10.8358 10.501 10.5 10.1652 10.5 9.75098Z"></path></g><defs><clipPath id="clip0_3676_1274"><rect width="16" height="16" fill="white" transform="translate(0.5 0.000976562)"></rect></clipPath></defs></svg>`);
|
|
6338
6349
|
const WalletIcon = (props) => {
|
|
6339
6350
|
const theme = useTheme();
|
|
6340
6351
|
const fill = () => props.fill || theme.colors.accent;
|
|
6341
6352
|
return (() => {
|
|
6342
|
-
const _el$ = _tmpl$$
|
|
6353
|
+
const _el$ = _tmpl$$e.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
|
|
6343
6354
|
createRenderEffect(() => setAttribute(_el$3, "fill", fill()));
|
|
6344
6355
|
return _el$;
|
|
6345
6356
|
})();
|
|
6346
6357
|
};
|
|
6347
|
-
const _tmpl$$
|
|
6358
|
+
const _tmpl$$d = /* @__PURE__ */ template$1(`<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M39.6319 16.8719C38.3212 16.2041 36.7002 16.0478 34 16.0112V11C34 5.47715 29.5228 1 24 1C18.4772 1 14 5.47715 14 11V16.0112C11.2998 16.0478 9.6788 16.2041 8.36808 16.8719C6.86278 17.6389 5.63893 18.8628 4.87195 20.3681C4 22.0794 4 24.3196 4 28.8V32.2C4 36.6804 4 38.9206 4.87195 40.6319C5.63893 42.1372 6.86278 43.3611 8.36808 44.1281C10.0794 45 12.3196 45 16.8 45H31.2C35.6804 45 37.9206 45 39.6319 44.1281C41.1372 43.3611 42.3611 42.1372 43.1281 40.6319C44 38.9206 44 36.6804 44 32.2V28.8C44 24.3196 44 22.0794 43.1281 20.3681C42.3611 18.8628 41.1372 17.6389 39.6319 16.8719ZM31 11V16H17V11C17 7.13401 20.134 4 24 4C27.866 4 31 7.13401 31 11ZM7.54497 21.73C7 22.7996 7 24.1997 7 27V34C7 36.8003 7 38.2004 7.54497 39.27C8.02433 40.2108 8.78924 40.9757 9.73005 41.455C10.7996 42 12.1997 42 15 42H33C35.8003 42 37.2004 42 38.27 41.455C39.2108 40.9757 39.9757 40.2108 40.455 39.27C41 38.2004 41 36.8003 41 34V27C41 24.1997 41 22.7996 40.455 21.73C39.9757 20.7892 39.2108 20.0243 38.27 19.545C37.2004 19 35.8003 19 33 19H15C12.1997 19 10.7996 19 9.73005 19.545C8.78924 20.0243 8.02433 20.7892 7.54497 21.73ZM24 24C23.1716 24 22.5 24.6716 22.5 25.5V29.5C22.5 30.3284 23.1716 31 24 31C24.8284 31 25.5 30.3284 25.5 29.5V25.5C25.5 24.6716 24.8284 24 24 24Z"></path></svg>`);
|
|
6348
6359
|
const SecurityIcon = (props) => {
|
|
6349
6360
|
const theme = useTheme();
|
|
6350
6361
|
const fill = () => props.fill || theme.colors.icon.secondary;
|
|
6351
6362
|
return (() => {
|
|
6352
|
-
const _el$ = _tmpl$$
|
|
6363
|
+
const _el$ = _tmpl$$d.cloneNode(true), _el$2 = _el$.firstChild;
|
|
6353
6364
|
createRenderEffect((_p$) => {
|
|
6354
6365
|
const _v$ = props.class, _v$2 = fill();
|
|
6355
6366
|
_v$ !== _p$._v$ && setAttribute(_el$, "class", _p$._v$ = _v$);
|
|
@@ -6362,12 +6373,12 @@ const SecurityIcon = (props) => {
|
|
|
6362
6373
|
return _el$;
|
|
6363
6374
|
})();
|
|
6364
6375
|
};
|
|
6365
|
-
const _tmpl$$
|
|
6376
|
+
const _tmpl$$c = /* @__PURE__ */ template$1(`<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M37.485 37.3849C40.894 33.9506 43 29.2212 43 24C43 13.5066 34.4934 5 24 5C13.5066 5 5 13.5066 5 24C5 29.2213 7.1061 33.9507 10.5151 37.385C13.3583 32.9438 18.3354 30 24.0001 30C29.6647 30 34.6418 32.9437 37.485 37.3849ZM35.1809 39.3635C32.9143 35.5532 28.7554 33 24.0001 33C19.2448 33 15.0858 35.5533 12.8193 39.3636C15.9564 41.6506 19.8206 43 24 43C28.1795 43 32.0437 41.6505 35.1809 39.3635ZM24 46C36.1503 46 46 36.1503 46 24C46 11.8497 36.1503 2 24 2C11.8497 2 2 11.8497 2 24C2 36.1503 11.8497 46 24 46ZM24 24C26.7614 24 29 21.7614 29 19C29 16.2386 26.7614 14 24 14C21.2386 14 19 16.2386 19 19C19 21.7614 21.2386 24 24 24ZM24 27C28.4183 27 32 23.4183 32 19C32 14.5817 28.4183 11 24 11C19.5817 11 16 14.5817 16 19C16 23.4183 19.5817 27 24 27Z"></path></svg>`);
|
|
6366
6377
|
const PersonalityIcon = (props) => {
|
|
6367
6378
|
const theme = useTheme();
|
|
6368
6379
|
const fill = () => props.fill || theme.colors.icon.secondary;
|
|
6369
6380
|
return (() => {
|
|
6370
|
-
const _el$ = _tmpl$$
|
|
6381
|
+
const _el$ = _tmpl$$c.cloneNode(true), _el$2 = _el$.firstChild;
|
|
6371
6382
|
createRenderEffect((_p$) => {
|
|
6372
6383
|
const _v$ = props.class, _v$2 = fill();
|
|
6373
6384
|
_v$ !== _p$._v$ && setAttribute(_el$, "class", _p$._v$ = _v$);
|
|
@@ -6380,12 +6391,12 @@ const PersonalityIcon = (props) => {
|
|
|
6380
6391
|
return _el$;
|
|
6381
6392
|
})();
|
|
6382
6393
|
};
|
|
6383
|
-
const _tmpl$$
|
|
6394
|
+
const _tmpl$$b = /* @__PURE__ */ template$1(`<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M34.5607 4.43934C33.9749 3.85355 33.0251 3.85355 32.4393 4.43934C31.8536 5.02513 31.8536 5.97487 32.4393 6.56066L37.8787 12H10.5C9.67157 12 9 12.6716 9 13.5C9 14.3284 9.67157 15 10.5 15H37.8787L32.4393 20.4393C31.8536 21.0251 31.8536 21.9749 32.4393 22.5607C33.0251 23.1464 33.9749 23.1464 34.5607 22.5607L42.5607 14.5607C43.1464 13.9749 43.1464 13.0251 42.5607 12.4393L34.5607 4.43934ZM13.4393 25.4393C14.0251 24.8536 14.9749 24.8536 15.5607 25.4393C16.1464 26.0251 16.1464 26.9749 15.5607 27.5607L10.1213 33H37.5C38.3284 33 39 33.6716 39 34.5C39 35.3284 38.3284 36 37.5 36H10.1213L15.5607 41.4393C16.1464 42.0251 16.1464 42.9749 15.5607 43.5607C14.9749 44.1464 14.0251 44.1464 13.4393 43.5607L5.43934 35.5607C4.85355 34.9749 4.85355 34.0251 5.43934 33.4393L13.4393 25.4393Z"></path></svg>`);
|
|
6384
6395
|
const SwapIcon = (props) => {
|
|
6385
6396
|
const theme = useTheme();
|
|
6386
6397
|
const fill = () => props.fill || theme.colors.icon.secondary;
|
|
6387
6398
|
return (() => {
|
|
6388
|
-
const _el$ = _tmpl$$
|
|
6399
|
+
const _el$ = _tmpl$$b.cloneNode(true), _el$2 = _el$.firstChild;
|
|
6389
6400
|
createRenderEffect((_p$) => {
|
|
6390
6401
|
const _v$ = props.class, _v$2 = fill();
|
|
6391
6402
|
_v$ !== _p$._v$ && setAttribute(_el$, "class", _p$._v$ = _v$);
|
|
@@ -6398,28 +6409,10 @@ const SwapIcon = (props) => {
|
|
|
6398
6409
|
return _el$;
|
|
6399
6410
|
})();
|
|
6400
6411
|
};
|
|
6401
|
-
const _tmpl$$
|
|
6412
|
+
const _tmpl$$a = /* @__PURE__ */ template$1(`<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.75 12.002C1.75 9.20169 1.75 7.80156 2.29497 6.732C2.77433 5.79119 3.53924 5.02629 4.48005 4.54692C5.54961 4.00195 6.94974 4.00195 9.75 4.00195H17.25C20.0503 4.00195 21.4504 4.00195 22.52 4.54692C23.4608 5.02629 24.2257 5.79119 24.705 6.732C24.8256 6.96861 24.9195 7.2214 24.9926 7.50195H21.5C19.6377 7.50195 18.7065 7.50195 17.9609 7.77334C16.711 8.22828 15.7263 9.21291 15.2714 10.4629C15 11.2085 15 12.1396 15 14.002C15 15.8643 15 16.7954 15.2714 17.541C15.7263 18.791 16.711 19.7756 17.9609 20.2306C18.7065 20.502 19.6377 20.502 21.5 20.502H24.9926C24.9195 20.7825 24.8256 21.0353 24.705 21.2719C24.2257 22.2127 23.4608 22.9776 22.52 23.457C21.4504 24.002 20.0503 24.002 17.25 24.002H9.75C6.94974 24.002 5.54961 24.002 4.48005 23.457C3.53924 22.9776 2.77433 22.2127 2.29497 21.2719C1.75 20.2023 1.75 18.8022 1.75 16.002V12.002ZM16.4999 13.802C16.4999 12.1218 16.4999 11.2817 16.8269 10.64C17.1145 10.0755 17.5735 9.61656 18.138 9.32894C18.7797 9.00196 19.6198 9.00196 21.2999 9.00196H23.1999C24.8801 9.00196 25.7202 9.00196 26.3619 9.32894C26.9264 9.61656 27.3853 10.0755 27.673 10.64C27.9999 11.2817 27.9999 12.1218 27.9999 13.802V14.202C27.9999 15.8821 27.9999 16.7222 27.673 17.3639C27.3853 17.9284 26.9264 18.3874 26.3619 18.675C25.7202 19.002 24.8801 19.002 23.1999 19.002H21.2999C19.6198 19.002 18.7797 19.002 18.138 18.675C17.5735 18.3874 17.1145 17.9284 16.8269 17.3639C16.4999 16.7222 16.4999 15.8821 16.4999 14.202V13.802ZM22.4999 14.002C22.4999 14.9685 21.7164 15.752 20.7499 15.752C19.7834 15.752 18.9999 14.9685 18.9999 14.002C18.9999 13.0355 19.7834 12.252 20.7499 12.252C21.7164 12.252 22.4999 13.0355 22.4999 14.002Z"></path></svg>`);
|
|
6402
6413
|
const AtWalletIcon = (props) => {
|
|
6403
6414
|
const theme = useTheme();
|
|
6404
6415
|
const fill = () => props.fill || theme.colors.constant.white;
|
|
6405
|
-
return (() => {
|
|
6406
|
-
const _el$ = _tmpl$$b.cloneNode(true), _el$2 = _el$.firstChild;
|
|
6407
|
-
createRenderEffect((_p$) => {
|
|
6408
|
-
const _v$ = props.class, _v$2 = fill();
|
|
6409
|
-
_v$ !== _p$._v$ && setAttribute(_el$, "class", _p$._v$ = _v$);
|
|
6410
|
-
_v$2 !== _p$._v$2 && setAttribute(_el$2, "fill", _p$._v$2 = _v$2);
|
|
6411
|
-
return _p$;
|
|
6412
|
-
}, {
|
|
6413
|
-
_v$: void 0,
|
|
6414
|
-
_v$2: void 0
|
|
6415
|
-
});
|
|
6416
|
-
return _el$;
|
|
6417
|
-
})();
|
|
6418
|
-
};
|
|
6419
|
-
const _tmpl$$a = /* @__PURE__ */ template$1(`<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.7803 7.21967C25.0732 7.51256 25.0732 7.98744 24.7803 8.28033L11.5303 21.5303C11.2374 21.8232 10.7626 21.8232 10.4697 21.5303L4.21967 15.2803C3.92678 14.9874 3.92678 14.5126 4.21967 14.2197C4.51256 13.9268 4.98744 13.9268 5.28033 14.2197L11 19.9393L23.7197 7.21967C24.0126 6.92678 24.4874 6.92678 24.7803 7.21967Z"></path></svg>`);
|
|
6420
|
-
const DoneIcon = (props) => {
|
|
6421
|
-
const theme = useTheme();
|
|
6422
|
-
const fill = () => props.fill || theme.colors.icon.secondary;
|
|
6423
6416
|
return (() => {
|
|
6424
6417
|
const _el$ = _tmpl$$a.cloneNode(true), _el$2 = _el$.firstChild;
|
|
6425
6418
|
createRenderEffect((_p$) => {
|
|
@@ -6542,7 +6535,7 @@ const WalletLabeledItem = (props) => {
|
|
|
6542
6535
|
return props.wallet.imageUrl;
|
|
6543
6536
|
},
|
|
6544
6537
|
get name() {
|
|
6545
|
-
return t2("walletItem.walletOn", {}, "Wallet
|
|
6538
|
+
return t2("walletItem.walletOn", {}, "Wallet in");
|
|
6546
6539
|
},
|
|
6547
6540
|
secondLine: "Telegram",
|
|
6548
6541
|
get badgeUrl() {
|
|
@@ -6709,7 +6702,7 @@ const AccountButtonDropdownStyled = styled.div`
|
|
|
6709
6702
|
|
|
6710
6703
|
color: ${(props) => props.theme.colors.text.primary}
|
|
6711
6704
|
`;
|
|
6712
|
-
const UlStyled
|
|
6705
|
+
const UlStyled = styled.ul`
|
|
6713
6706
|
background-color: ${(props) => props.theme.colors.background.primary};
|
|
6714
6707
|
padding: 8px;
|
|
6715
6708
|
`;
|
|
@@ -6770,7 +6763,7 @@ const AccountButtonDropdown = (props) => {
|
|
|
6770
6763
|
},
|
|
6771
6764
|
"data-tc-dropdown": "true",
|
|
6772
6765
|
get children() {
|
|
6773
|
-
return createComponent(UlStyled
|
|
6766
|
+
return createComponent(UlStyled, {
|
|
6774
6767
|
get children() {
|
|
6775
6768
|
return [(() => {
|
|
6776
6769
|
const _el$ = _tmpl$$5.cloneNode(true);
|
|
@@ -8131,7 +8124,7 @@ function uiWalletToWalletInfo(uiWallet) {
|
|
|
8131
8124
|
return uiWallet;
|
|
8132
8125
|
}
|
|
8133
8126
|
function applyWalletsListConfiguration(walletsList, configuration) {
|
|
8134
|
-
var _a2
|
|
8127
|
+
var _a2;
|
|
8135
8128
|
if (!configuration) {
|
|
8136
8129
|
return walletsList;
|
|
8137
8130
|
}
|
|
@@ -8142,14 +8135,6 @@ function applyWalletsListConfiguration(walletsList, configuration) {
|
|
|
8142
8135
|
configuration.includeWallets.map(uiWalletToWalletInfo)
|
|
8143
8136
|
);
|
|
8144
8137
|
}
|
|
8145
|
-
if ((_b2 = configuration.customOrder) == null ? void 0 : _b2.length) {
|
|
8146
|
-
const uniqueOrderedNames = [...new Set(configuration.customOrder)];
|
|
8147
|
-
const customOrderedWallets = uniqueOrderedNames.map((orderedName) => walletsList.find((wallet) => wallet.appName === orderedName)).filter((wallet) => wallet !== void 0);
|
|
8148
|
-
const remainingWallets = walletsList.filter(
|
|
8149
|
-
(wallet) => !uniqueOrderedNames.includes(wallet.appName)
|
|
8150
|
-
);
|
|
8151
|
-
walletsList = [...customOrderedWallets, ...remainingWallets];
|
|
8152
|
-
}
|
|
8153
8138
|
return walletsList;
|
|
8154
8139
|
}
|
|
8155
8140
|
function supportsDesktop(walletInfo) {
|
|
@@ -8199,6 +8184,7 @@ const WalletsUl = styled.ul`
|
|
|
8199
8184
|
align-self: flex-start;
|
|
8200
8185
|
max-width: 400px;
|
|
8201
8186
|
margin: 0 auto;
|
|
8187
|
+
list-style: none;
|
|
8202
8188
|
|
|
8203
8189
|
> li {
|
|
8204
8190
|
display: block;
|
|
@@ -8206,7 +8192,20 @@ const WalletsUl = styled.ul`
|
|
|
8206
8192
|
}
|
|
8207
8193
|
|
|
8208
8194
|
${media("mobile")} {
|
|
8209
|
-
|
|
8195
|
+
display: grid;
|
|
8196
|
+
grid-template-columns: repeat(4, 1fr);
|
|
8197
|
+
gap: 0;
|
|
8198
|
+
padding: 8px 12px 16px;
|
|
8199
|
+
max-width: none;
|
|
8200
|
+
|
|
8201
|
+
> li {
|
|
8202
|
+
min-width: 78px;
|
|
8203
|
+
display: flex;
|
|
8204
|
+
}
|
|
8205
|
+
|
|
8206
|
+
> li > * {
|
|
8207
|
+
width: 100%;
|
|
8208
|
+
}
|
|
8210
8209
|
}
|
|
8211
8210
|
`;
|
|
8212
8211
|
styled(Button)`
|
|
@@ -9271,17 +9270,39 @@ const ButtonsContainerStyled = styled.div`
|
|
|
9271
9270
|
gap: 8px;
|
|
9272
9271
|
padding-bottom: 16px;
|
|
9273
9272
|
`;
|
|
9273
|
+
const actionButtonBorderRadius$1 = {
|
|
9274
|
+
m: "16px",
|
|
9275
|
+
s: "8px",
|
|
9276
|
+
none: "0"
|
|
9277
|
+
};
|
|
9274
9278
|
const H1Styled$3 = styled(H1)`
|
|
9275
9279
|
margin-bottom: 2px;
|
|
9276
|
-
padding: 0
|
|
9280
|
+
padding: 0 52px;
|
|
9277
9281
|
`;
|
|
9278
9282
|
const H2Styled$3 = styled(H2)`
|
|
9279
9283
|
margin-bottom: 20px;
|
|
9280
9284
|
padding: 0 64px;
|
|
9281
|
-
min-height: 44px;
|
|
9282
9285
|
`;
|
|
9283
9286
|
const QrCodeWrapper$1 = styled.div`
|
|
9287
|
+
padding: 0 24px 16px;
|
|
9288
|
+
`;
|
|
9289
|
+
const ButtonsWrapper$1 = styled.div`
|
|
9290
|
+
display: flex;
|
|
9291
|
+
flex-direction: row;
|
|
9292
|
+
gap: 16px;
|
|
9284
9293
|
padding: 0 24px 24px;
|
|
9294
|
+
margin-top: 0;
|
|
9295
|
+
`;
|
|
9296
|
+
const ActionButton$1 = styled(Button)`
|
|
9297
|
+
width: 100%;
|
|
9298
|
+
height: 56px;
|
|
9299
|
+
border-radius: ${(props) => actionButtonBorderRadius$1[props.theme.borderRadius]};
|
|
9300
|
+
background-color: ${(props) => rgba(props.theme.colors.accent, 0.12)};
|
|
9301
|
+
color: ${(props) => props.theme.colors.accent};
|
|
9302
|
+
font-size: 16px;
|
|
9303
|
+
line-height: 20px;
|
|
9304
|
+
font-weight: 500;
|
|
9305
|
+
padding: 17px 20px 19px 20px;
|
|
9285
9306
|
`;
|
|
9286
9307
|
const MobileConnectionQR = (props) => {
|
|
9287
9308
|
return [createComponent(H1Styled$3, {
|
|
@@ -9310,6 +9331,38 @@ const MobileConnectionQR = (props) => {
|
|
|
9310
9331
|
disableCopy: true
|
|
9311
9332
|
});
|
|
9312
9333
|
}
|
|
9334
|
+
}), createComponent(ButtonsWrapper$1, {
|
|
9335
|
+
get children() {
|
|
9336
|
+
return [createComponent(ActionButton$1, {
|
|
9337
|
+
appearance: "secondary",
|
|
9338
|
+
onClick: () => {
|
|
9339
|
+
var _a2;
|
|
9340
|
+
return (_a2 = props.onOpenLink) == null ? void 0 : _a2.call(props);
|
|
9341
|
+
},
|
|
9342
|
+
get children() {
|
|
9343
|
+
return createComponent(Translation, {
|
|
9344
|
+
translationKey: "walletModal.mobileUniversalModal.openLink",
|
|
9345
|
+
children: "Open Link"
|
|
9346
|
+
});
|
|
9347
|
+
}
|
|
9348
|
+
}), createComponent(ActionButton$1, {
|
|
9349
|
+
appearance: "secondary",
|
|
9350
|
+
onClick: () => {
|
|
9351
|
+
var _a2;
|
|
9352
|
+
return (_a2 = props.onCopy) == null ? void 0 : _a2.call(props);
|
|
9353
|
+
},
|
|
9354
|
+
get children() {
|
|
9355
|
+
return createComponent(Translation, {
|
|
9356
|
+
get translationKey() {
|
|
9357
|
+
return props.isCopiedShown !== void 0 ? "common.copied" : "common.copyLink";
|
|
9358
|
+
},
|
|
9359
|
+
get children() {
|
|
9360
|
+
return props.isCopiedShown !== void 0 ? "Copied" : "Copy Link";
|
|
9361
|
+
}
|
|
9362
|
+
});
|
|
9363
|
+
}
|
|
9364
|
+
})];
|
|
9365
|
+
}
|
|
9313
9366
|
})];
|
|
9314
9367
|
};
|
|
9315
9368
|
const MobileConnectionModal = (props) => {
|
|
@@ -9354,6 +9407,15 @@ const MobileConnectionModal = (props) => {
|
|
|
9354
9407
|
}));
|
|
9355
9408
|
});
|
|
9356
9409
|
};
|
|
9410
|
+
const [isCopiedShown, setIsCopiedShown] = createSignal(void 0);
|
|
9411
|
+
const onCopy = () => __async(void 0, null, function* () {
|
|
9412
|
+
if (isCopiedShown() !== void 0) {
|
|
9413
|
+
clearTimeout(isCopiedShown());
|
|
9414
|
+
}
|
|
9415
|
+
yield copyToClipboard(universalLink());
|
|
9416
|
+
const timeoutId = setTimeout(() => setIsCopiedShown(void 0), 1500);
|
|
9417
|
+
setIsCopiedShown(timeoutId);
|
|
9418
|
+
});
|
|
9357
9419
|
const onOpenQR = () => {
|
|
9358
9420
|
setConnectionErrored(false);
|
|
9359
9421
|
setShowQR(true);
|
|
@@ -9400,6 +9462,11 @@ const MobileConnectionModal = (props) => {
|
|
|
9400
9462
|
},
|
|
9401
9463
|
get walletInfo() {
|
|
9402
9464
|
return props.wallet;
|
|
9465
|
+
},
|
|
9466
|
+
onOpenLink: onRetry,
|
|
9467
|
+
onCopy,
|
|
9468
|
+
get isCopiedShown() {
|
|
9469
|
+
return isCopiedShown();
|
|
9403
9470
|
}
|
|
9404
9471
|
});
|
|
9405
9472
|
}
|
|
@@ -9550,30 +9617,7 @@ const tgBorders = {
|
|
|
9550
9617
|
s: "6px",
|
|
9551
9618
|
none: "0"
|
|
9552
9619
|
};
|
|
9553
|
-
|
|
9554
|
-
display: flex;
|
|
9555
|
-
justify-content: space-between;
|
|
9556
|
-
margin: 0 auto;
|
|
9557
|
-
width: fit-content;
|
|
9558
|
-
max-width: 100%;
|
|
9559
|
-
min-width: 100%;
|
|
9560
|
-
height: fit-content;
|
|
9561
|
-
overflow-x: auto;
|
|
9562
|
-
overflow-y: hidden;
|
|
9563
|
-
padding: 0 13px 24px;
|
|
9564
|
-
|
|
9565
|
-
&&::-webkit-scrollbar {
|
|
9566
|
-
display: none;
|
|
9567
|
-
}
|
|
9568
|
-
|
|
9569
|
-
-ms-overflow-style: none;
|
|
9570
|
-
scrollbar-width: none;
|
|
9571
|
-
|
|
9572
|
-
> li {
|
|
9573
|
-
height: fit-content;
|
|
9574
|
-
}
|
|
9575
|
-
`;
|
|
9576
|
-
const OtherOptionButton = styled.li`
|
|
9620
|
+
styled.li`
|
|
9577
9621
|
width: 82px;
|
|
9578
9622
|
min-width: 82px;
|
|
9579
9623
|
height: 124px;
|
|
@@ -9603,36 +9647,24 @@ const OtherOptionButton = styled.li`
|
|
|
9603
9647
|
}
|
|
9604
9648
|
}
|
|
9605
9649
|
`;
|
|
9606
|
-
const Divider = styled.div`
|
|
9607
|
-
width: 1px;
|
|
9608
|
-
margin: 0 10px;
|
|
9609
|
-
height: 24px;
|
|
9610
|
-
position: relative;
|
|
9611
|
-
top: 26px;
|
|
9612
|
-
|
|
9613
|
-
background-color: ${(props) => props.theme.colors.icon.secondary};
|
|
9614
|
-
opacity: 0.2;
|
|
9615
|
-
`;
|
|
9616
|
-
const IconContainer = styled.div`
|
|
9617
|
-
width: 60px;
|
|
9618
|
-
height: 60px;
|
|
9619
|
-
border-radius: ${(props) => borders$1[props.theme.borderRadius]};
|
|
9620
|
-
display: flex;
|
|
9621
|
-
align-items: center;
|
|
9622
|
-
justify-content: center;
|
|
9623
|
-
|
|
9624
|
-
background-color: ${(props) => props.theme.colors.background.tint};
|
|
9625
|
-
margin-bottom: 8px;
|
|
9626
|
-
`;
|
|
9627
9650
|
const H1Styled$2 = styled(H1)`
|
|
9628
9651
|
margin-top: 38px;
|
|
9629
9652
|
margin-bottom: 4px;
|
|
9630
9653
|
padding: 0 24px;
|
|
9631
9654
|
`;
|
|
9632
9655
|
const H2Styled$2 = styled(H2)`
|
|
9633
|
-
margin
|
|
9634
|
-
|
|
9635
|
-
|
|
9656
|
+
margin: ${(props) => {
|
|
9657
|
+
var _a2;
|
|
9658
|
+
return (_a2 = props.margin) != null ? _a2 : "0 0 28px 0";
|
|
9659
|
+
}};
|
|
9660
|
+
padding: ${(props) => {
|
|
9661
|
+
var _a2;
|
|
9662
|
+
return (_a2 = props.padding) != null ? _a2 : "0 24px";
|
|
9663
|
+
}};
|
|
9664
|
+
min-height: ${(props) => {
|
|
9665
|
+
var _a2;
|
|
9666
|
+
return (_a2 = props.padding) != null ? _a2 : "44px";
|
|
9667
|
+
}};
|
|
9636
9668
|
max-width: ${(props) => props.maxWidth}px;
|
|
9637
9669
|
margin-left: ${(props) => props.maxWidth ? "auto" : "0px"};
|
|
9638
9670
|
margin-right: ${(props) => props.maxWidth ? "auto" : "0px"};
|
|
@@ -9642,16 +9674,21 @@ styled(Button)`
|
|
|
9642
9674
|
margin: 0 auto;
|
|
9643
9675
|
`;
|
|
9644
9676
|
const TelegramButtonStyled = styled(Button)`
|
|
9645
|
-
margin: 0
|
|
9646
|
-
width: calc(100% -
|
|
9677
|
+
margin: 0 28px 24px;
|
|
9678
|
+
width: calc(100% - 56px);
|
|
9647
9679
|
border-radius: ${(props) => borders$1[props.theme.borderRadius]};
|
|
9648
9680
|
padding: 14px 16px 14px 14px;
|
|
9649
9681
|
background-color: ${(props) => props.theme.colors.telegramButton};
|
|
9650
9682
|
|
|
9651
9683
|
color: ${(props) => props.theme.colors.constant.white};
|
|
9652
|
-
font-weight:
|
|
9684
|
+
font-weight: 500;
|
|
9653
9685
|
font-size: 16px;
|
|
9654
9686
|
line-height: 20px;
|
|
9687
|
+
|
|
9688
|
+
@media (max-width: 375px) {
|
|
9689
|
+
margin: 0 16px 24px;
|
|
9690
|
+
width: calc(100% - 32px);
|
|
9691
|
+
}
|
|
9655
9692
|
`;
|
|
9656
9693
|
const TGImageStyled = styled(Image)`
|
|
9657
9694
|
background-color: transparent;
|
|
@@ -9664,21 +9701,44 @@ const StyledLeftActionButton = styled(IconButton)`
|
|
|
9664
9701
|
top: 16px;
|
|
9665
9702
|
left: 16px;
|
|
9666
9703
|
`;
|
|
9704
|
+
const actionButtonBorderRadius = {
|
|
9705
|
+
m: "16px",
|
|
9706
|
+
s: "8px",
|
|
9707
|
+
none: "0"
|
|
9708
|
+
};
|
|
9667
9709
|
const H1Styled$1 = styled(H1)`
|
|
9668
9710
|
margin-bottom: 2px;
|
|
9669
|
-
padding: 0
|
|
9711
|
+
padding: 0 52px;
|
|
9670
9712
|
`;
|
|
9671
9713
|
const H2Styled$1 = styled(H2)`
|
|
9672
9714
|
margin-bottom: 20px;
|
|
9673
9715
|
padding: 0 64px;
|
|
9674
9716
|
`;
|
|
9675
9717
|
const QrCodeWrapper = styled.div`
|
|
9718
|
+
padding: 0 24px 16px;
|
|
9719
|
+
`;
|
|
9720
|
+
const ButtonsWrapper = styled.div`
|
|
9721
|
+
display: flex;
|
|
9722
|
+
flex-direction: row;
|
|
9723
|
+
gap: 16px;
|
|
9676
9724
|
padding: 0 24px 24px;
|
|
9725
|
+
margin-top: 0;
|
|
9726
|
+
`;
|
|
9727
|
+
const ActionButton = styled(Button)`
|
|
9728
|
+
width: 100%;
|
|
9729
|
+
height: 56px;
|
|
9730
|
+
border-radius: ${(props) => actionButtonBorderRadius[props.theme.borderRadius]};
|
|
9731
|
+
background-color: ${(props) => rgba(props.theme.colors.accent, 0.12)};
|
|
9732
|
+
color: ${(props) => props.theme.colors.accent};
|
|
9733
|
+
font-size: 16px;
|
|
9734
|
+
line-height: 20px;
|
|
9735
|
+
font-weight: 500;
|
|
9736
|
+
padding: 17px 20px 19px 20px;
|
|
9677
9737
|
`;
|
|
9678
9738
|
const MobileUniversalQR = (props) => {
|
|
9679
9739
|
return [createComponent(H1Styled$1, {
|
|
9680
9740
|
translationKey: "walletModal.mobileUniversalModal.connectYourWallet",
|
|
9681
|
-
children: "Connect your wallet"
|
|
9741
|
+
children: "Connect your TON wallet"
|
|
9682
9742
|
}), createComponent(H2Styled$1, {
|
|
9683
9743
|
translationKey: "walletModal.mobileUniversalModal.scan",
|
|
9684
9744
|
children: "Scan with your mobile wallet"
|
|
@@ -9694,6 +9754,32 @@ const MobileUniversalQR = (props) => {
|
|
|
9694
9754
|
disableCopy: true
|
|
9695
9755
|
});
|
|
9696
9756
|
}
|
|
9757
|
+
}), createComponent(ButtonsWrapper, {
|
|
9758
|
+
get children() {
|
|
9759
|
+
return [createComponent(ActionButton, {
|
|
9760
|
+
appearance: "secondary",
|
|
9761
|
+
onClick: () => props.onOpenLink(),
|
|
9762
|
+
get children() {
|
|
9763
|
+
return createComponent(Translation, {
|
|
9764
|
+
translationKey: "walletModal.mobileUniversalModal.openLink",
|
|
9765
|
+
children: "Open Link"
|
|
9766
|
+
});
|
|
9767
|
+
}
|
|
9768
|
+
}), createComponent(ActionButton, {
|
|
9769
|
+
appearance: "secondary",
|
|
9770
|
+
onClick: () => props.onCopy(),
|
|
9771
|
+
get children() {
|
|
9772
|
+
return createComponent(Translation, {
|
|
9773
|
+
get translationKey() {
|
|
9774
|
+
return props.isCopiedShown !== void 0 ? "common.copied" : "common.copyLink";
|
|
9775
|
+
},
|
|
9776
|
+
get children() {
|
|
9777
|
+
return props.isCopiedShown !== void 0 ? "Copied" : "Copy Link";
|
|
9778
|
+
}
|
|
9779
|
+
});
|
|
9780
|
+
}
|
|
9781
|
+
})];
|
|
9782
|
+
}
|
|
9697
9783
|
})];
|
|
9698
9784
|
};
|
|
9699
9785
|
function getUniqueBridges(walletsList) {
|
|
@@ -9791,7 +9877,12 @@ const MobileUniversalModal = (props) => {
|
|
|
9791
9877
|
}), createComponent(MobileUniversalQR, {
|
|
9792
9878
|
get universalLink() {
|
|
9793
9879
|
return getUniversalLink();
|
|
9794
|
-
}
|
|
9880
|
+
},
|
|
9881
|
+
get isCopiedShown() {
|
|
9882
|
+
return isCopiedShown();
|
|
9883
|
+
},
|
|
9884
|
+
onOpenLink: onSelectUniversal,
|
|
9885
|
+
onCopy
|
|
9795
9886
|
})];
|
|
9796
9887
|
}
|
|
9797
9888
|
}), null);
|
|
@@ -9807,11 +9898,11 @@ const MobileUniversalModal = (props) => {
|
|
|
9807
9898
|
onClick: onOpenQR
|
|
9808
9899
|
}), createComponent(H1Styled$2, {
|
|
9809
9900
|
translationKey: "walletModal.mobileUniversalModal.connectYourWallet",
|
|
9810
|
-
children: "Connect your wallet"
|
|
9901
|
+
children: "Connect your TON wallet"
|
|
9811
9902
|
}), createComponent(H2Styled$2, {
|
|
9812
9903
|
translationKey: "walletModal.mobileUniversalModal.openWalletOnTelegramOrSelect",
|
|
9813
|
-
maxWidth:
|
|
9814
|
-
children: "
|
|
9904
|
+
maxWidth: 320,
|
|
9905
|
+
children: "Use Wallet in Telegram or choose other application"
|
|
9815
9906
|
}), createComponent(TelegramButtonStyled, {
|
|
9816
9907
|
get leftIcon() {
|
|
9817
9908
|
return createComponent(AtWalletIcon, {});
|
|
@@ -9828,14 +9919,20 @@ const MobileUniversalModal = (props) => {
|
|
|
9828
9919
|
get children() {
|
|
9829
9920
|
return createComponent(Translation, {
|
|
9830
9921
|
translationKey: "walletModal.mobileUniversalModal.openWalletOnTelegram",
|
|
9831
|
-
children: "
|
|
9922
|
+
children: "Connect Wallet in Telegram"
|
|
9832
9923
|
});
|
|
9833
9924
|
}
|
|
9834
|
-
}), createComponent(
|
|
9925
|
+
}), createComponent(H2Styled$2, {
|
|
9926
|
+
translationKey: "walletModal.mobileUniversalModal.chooseOtherApplication",
|
|
9927
|
+
maxWidth: 342,
|
|
9928
|
+
padding: "0 24px 8px 24px",
|
|
9929
|
+
margin: "0",
|
|
9930
|
+
children: "Choose other application"
|
|
9931
|
+
}), createComponent(WalletUlContainer, {
|
|
9835
9932
|
get children() {
|
|
9836
9933
|
return [createComponent(For, {
|
|
9837
9934
|
get each() {
|
|
9838
|
-
return createMemo(() => !!shouldShowMoreButton())() ? walletsList().slice(0,
|
|
9935
|
+
return createMemo(() => !!shouldShowMoreButton())() ? walletsList().slice(0, 3) : walletsList();
|
|
9839
9936
|
},
|
|
9840
9937
|
children: (wallet) => (() => {
|
|
9841
9938
|
const _el$3 = _tmpl$$1.cloneNode(true);
|
|
@@ -9866,38 +9963,6 @@ const MobileUniversalModal = (props) => {
|
|
|
9866
9963
|
}));
|
|
9867
9964
|
return _el$2;
|
|
9868
9965
|
}
|
|
9869
|
-
}), createComponent(Divider, {
|
|
9870
|
-
children: "\xA0"
|
|
9871
|
-
}), createComponent(OtherOptionButton, {
|
|
9872
|
-
onClick: onSelectUniversal,
|
|
9873
|
-
get children() {
|
|
9874
|
-
return [createComponent(IconContainer, {
|
|
9875
|
-
get children() {
|
|
9876
|
-
return createComponent(LongArrowIcon, {});
|
|
9877
|
-
}
|
|
9878
|
-
}), createComponent(Text, {
|
|
9879
|
-
fontWeight: 590,
|
|
9880
|
-
translationKey: "walletModal.mobileUniversalModal.openLink",
|
|
9881
|
-
children: "Open Link"
|
|
9882
|
-
})];
|
|
9883
|
-
}
|
|
9884
|
-
}), createComponent(OtherOptionButton, {
|
|
9885
|
-
onClick: onCopy,
|
|
9886
|
-
get children() {
|
|
9887
|
-
return [createComponent(IconContainer, {
|
|
9888
|
-
get children() {
|
|
9889
|
-
return createMemo(() => isCopiedShown() !== void 0)() ? createComponent(DoneIcon, {}) : createComponent(CopyLightIcon, {});
|
|
9890
|
-
}
|
|
9891
|
-
}), createComponent(Text, {
|
|
9892
|
-
fontWeight: 590,
|
|
9893
|
-
get translationKey() {
|
|
9894
|
-
return isCopiedShown() !== void 0 ? "common.copied" : "common.copyLink";
|
|
9895
|
-
},
|
|
9896
|
-
get children() {
|
|
9897
|
-
return isCopiedShown() !== void 0 ? "Copied" : "Copy Link";
|
|
9898
|
-
}
|
|
9899
|
-
})];
|
|
9900
|
-
}
|
|
9901
9966
|
})];
|
|
9902
9967
|
}
|
|
9903
9968
|
})];
|
|
@@ -10967,7 +11032,7 @@ class TonConnectUITracker {
|
|
|
10967
11032
|
}
|
|
10968
11033
|
}
|
|
10969
11034
|
}
|
|
10970
|
-
const tonConnectUiVersion = "2.0.10-beta.
|
|
11035
|
+
const tonConnectUiVersion = "2.0.10-beta.3";
|
|
10971
11036
|
class TonConnectUI {
|
|
10972
11037
|
constructor(options) {
|
|
10973
11038
|
__publicField(this, "walletInfoStorage", new WalletInfoStorage());
|