@reown/appkit-scaffold-ui 1.2.1 → 1.3.1
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/esm/exports/index.js +1 -0
- package/dist/esm/exports/index.js.map +1 -1
- package/dist/esm/src/modal/w3m-account-button/index.js +23 -15
- package/dist/esm/src/modal/w3m-account-button/index.js.map +1 -1
- package/dist/esm/src/modal/w3m-button/index.js +25 -17
- package/dist/esm/src/modal/w3m-button/index.js.map +1 -1
- package/dist/esm/src/modal/w3m-connect-button/index.js +16 -8
- package/dist/esm/src/modal/w3m-connect-button/index.js.map +1 -1
- package/dist/esm/src/modal/w3m-modal/index.js +2 -1
- package/dist/esm/src/modal/w3m-modal/index.js.map +1 -1
- package/dist/esm/src/modal/w3m-network-button/index.js +19 -12
- package/dist/esm/src/modal/w3m-network-button/index.js.map +1 -1
- package/dist/esm/src/partials/w3m-all-wallets-widget/index.js +7 -1
- package/dist/esm/src/partials/w3m-all-wallets-widget/index.js.map +1 -1
- package/dist/esm/src/partials/w3m-connect-announced-widget/index.js +6 -1
- package/dist/esm/src/partials/w3m-connect-announced-widget/index.js.map +1 -1
- package/dist/esm/src/partials/w3m-connect-custom-widget/index.js +6 -1
- package/dist/esm/src/partials/w3m-connect-custom-widget/index.js.map +1 -1
- package/dist/esm/src/partials/w3m-connect-external-widget/index.js +6 -1
- package/dist/esm/src/partials/w3m-connect-external-widget/index.js.map +1 -1
- package/dist/esm/src/partials/w3m-connect-featured-widget/index.js +6 -0
- package/dist/esm/src/partials/w3m-connect-featured-widget/index.js.map +1 -1
- package/dist/esm/src/partials/w3m-connect-injected-widget/index.js +6 -1
- package/dist/esm/src/partials/w3m-connect-injected-widget/index.js.map +1 -1
- package/dist/esm/src/partials/w3m-connect-multi-chain-widget/index.js +6 -1
- package/dist/esm/src/partials/w3m-connect-multi-chain-widget/index.js.map +1 -1
- package/dist/esm/src/partials/w3m-connect-recent-widget/index.js +9 -0
- package/dist/esm/src/partials/w3m-connect-recent-widget/index.js.map +1 -1
- package/dist/esm/src/partials/w3m-connect-recommended-widget/index.js +6 -1
- package/dist/esm/src/partials/w3m-connect-recommended-widget/index.js.map +1 -1
- package/dist/esm/src/partials/w3m-connect-walletconnect-widget/index.js +6 -1
- package/dist/esm/src/partials/w3m-connect-walletconnect-widget/index.js.map +1 -1
- package/dist/esm/src/partials/w3m-connector-list/index.js +37 -10
- package/dist/esm/src/partials/w3m-connector-list/index.js.map +1 -1
- package/dist/esm/src/partials/w3m-email-login-widget/index.js +12 -2
- package/dist/esm/src/partials/w3m-email-login-widget/index.js.map +1 -1
- package/dist/esm/src/partials/w3m-email-login-widget/styles.js +4 -0
- package/dist/esm/src/partials/w3m-email-login-widget/styles.js.map +1 -1
- package/dist/esm/src/partials/w3m-legal-checkbox/index.js +53 -0
- package/dist/esm/src/partials/w3m-legal-checkbox/index.js.map +1 -0
- package/dist/esm/src/partials/w3m-legal-checkbox/styles.js +17 -0
- package/dist/esm/src/partials/w3m-legal-checkbox/styles.js.map +1 -0
- package/dist/esm/src/partials/w3m-legal-footer/index.js +4 -0
- package/dist/esm/src/partials/w3m-legal-footer/index.js.map +1 -1
- package/dist/esm/src/partials/w3m-social-login-list/index.js +7 -1
- package/dist/esm/src/partials/w3m-social-login-list/index.js.map +1 -1
- package/dist/esm/src/partials/w3m-social-login-widget/index.js +17 -5
- package/dist/esm/src/partials/w3m-social-login-widget/index.js.map +1 -1
- package/dist/esm/src/partials/w3m-wallet-guide/index.js +5 -0
- package/dist/esm/src/partials/w3m-wallet-guide/index.js.map +1 -1
- package/dist/esm/src/partials/w3m-wallet-login-list/index.js +11 -2
- package/dist/esm/src/partials/w3m-wallet-login-list/index.js.map +1 -1
- package/dist/esm/src/views/w3m-connect-socials-view/index.js +27 -2
- package/dist/esm/src/views/w3m-connect-socials-view/index.js.map +1 -1
- package/dist/esm/src/views/w3m-connect-socials-view/styles.js +7 -0
- package/dist/esm/src/views/w3m-connect-socials-view/styles.js.map +1 -1
- package/dist/esm/src/views/w3m-connect-view/index.js +88 -18
- package/dist/esm/src/views/w3m-connect-view/index.js.map +1 -1
- package/dist/esm/src/views/w3m-connect-view/styles.js +31 -3
- package/dist/esm/src/views/w3m-connect-view/styles.js.map +1 -1
- package/dist/esm/src/views/w3m-connect-wallets-view/index.js +27 -2
- package/dist/esm/src/views/w3m-connect-wallets-view/index.js.map +1 -1
- package/dist/esm/src/views/w3m-connect-wallets-view/styles.js +7 -0
- package/dist/esm/src/views/w3m-connect-wallets-view/styles.js.map +1 -1
- package/dist/esm/src/views/w3m-connecting-wc-view/index.js +4 -1
- package/dist/esm/src/views/w3m-connecting-wc-view/index.js.map +1 -1
- package/dist/esm/src/views/w3m-onramp-fiat-select-view/index.js +23 -4
- package/dist/esm/src/views/w3m-onramp-fiat-select-view/index.js.map +1 -1
- package/dist/esm/src/views/w3m-onramp-fiat-select-view/styles.js +11 -0
- package/dist/esm/src/views/w3m-onramp-fiat-select-view/styles.js.map +1 -1
- package/dist/esm/src/views/w3m-onramp-tokens-select-view/index.js +23 -4
- package/dist/esm/src/views/w3m-onramp-tokens-select-view/index.js.map +1 -1
- package/dist/esm/src/views/w3m-onramp-tokens-select-view/styles.js +11 -0
- package/dist/esm/src/views/w3m-onramp-tokens-select-view/styles.js.map +1 -1
- package/dist/esm/src/views/w3m-profile-view/index.js +11 -6
- package/dist/esm/src/views/w3m-profile-view/index.js.map +1 -1
- package/dist/esm/tsconfig.tsbuildinfo +1 -1
- package/dist/types/exports/index.d.ts +1 -0
- package/dist/types/src/modal/w3m-account-button/index.d.ts +7 -1
- package/dist/types/src/modal/w3m-button/index.d.ts +7 -1
- package/dist/types/src/modal/w3m-connect-button/index.d.ts +7 -1
- package/dist/types/src/modal/w3m-network-button/index.d.ts +7 -1
- package/dist/types/src/partials/w3m-all-wallets-widget/index.d.ts +1 -0
- package/dist/types/src/partials/w3m-connect-announced-widget/index.d.ts +1 -0
- package/dist/types/src/partials/w3m-connect-custom-widget/index.d.ts +1 -0
- package/dist/types/src/partials/w3m-connect-external-widget/index.d.ts +1 -0
- package/dist/types/src/partials/w3m-connect-featured-widget/index.d.ts +1 -0
- package/dist/types/src/partials/w3m-connect-injected-widget/index.d.ts +1 -0
- package/dist/types/src/partials/w3m-connect-multi-chain-widget/index.d.ts +1 -0
- package/dist/types/src/partials/w3m-connect-recent-widget/index.d.ts +1 -0
- package/dist/types/src/partials/w3m-connect-recommended-widget/index.d.ts +1 -0
- package/dist/types/src/partials/w3m-connect-walletconnect-widget/index.d.ts +1 -0
- package/dist/types/src/partials/w3m-connector-list/index.d.ts +1 -0
- package/dist/types/src/partials/w3m-email-login-widget/index.d.ts +2 -0
- package/dist/types/src/partials/w3m-legal-checkbox/index.d.ts +13 -0
- package/dist/types/src/partials/w3m-legal-checkbox/styles.d.ts +2 -0
- package/dist/types/src/partials/w3m-social-login-list/index.d.ts +1 -0
- package/dist/types/src/partials/w3m-social-login-widget/index.d.ts +2 -1
- package/dist/types/src/partials/w3m-wallet-guide/index.d.ts +1 -0
- package/dist/types/src/partials/w3m-wallet-login-list/index.d.ts +1 -0
- package/dist/types/src/views/w3m-connect-socials-view/index.d.ts +2 -0
- package/dist/types/src/views/w3m-connect-view/index.d.ts +5 -0
- package/dist/types/src/views/w3m-connect-wallets-view/index.d.ts +2 -0
- package/dist/types/src/views/w3m-onramp-fiat-select-view/index.d.ts +2 -0
- package/dist/types/src/views/w3m-onramp-tokens-select-view/index.d.ts +2 -0
- package/dist/types/src/views/w3m-profile-view/index.d.ts +1 -0
- package/package.json +7 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-social-login-list/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-social-login-list/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -17,10 +17,11 @@ let W3mSocialLoginWidget = class W3mSocialLoginWidget extends LitElement {
|
|
|
17
17
|
constructor() {
|
|
18
18
|
super();
|
|
19
19
|
this.unsubscribe = [];
|
|
20
|
+
this.walletGuide = 'get-started';
|
|
21
|
+
this.tabIdx = undefined;
|
|
20
22
|
this.connectors = ConnectorController.state.connectors;
|
|
21
23
|
this.features = OptionsController.state.features;
|
|
22
24
|
this.authConnector = this.connectors.find(c => c.type === 'AUTH');
|
|
23
|
-
this.walletGuide = 'get-started';
|
|
24
25
|
this.unsubscribe.push(ConnectorController.subscribeKey('connectors', val => {
|
|
25
26
|
this.connectors = val;
|
|
26
27
|
this.authConnector = this.connectors.find(c => c.type === 'AUTH');
|
|
@@ -60,6 +61,7 @@ let W3mSocialLoginWidget = class W3mSocialLoginWidget extends LitElement {
|
|
|
60
61
|
this.onSocialClick(social);
|
|
61
62
|
}}
|
|
62
63
|
logo=${social}
|
|
64
|
+
tabIdx=${ifDefined(this.tabIdx)}
|
|
63
65
|
></wui-logo-select>`)}
|
|
64
66
|
</wui-flex>`;
|
|
65
67
|
}
|
|
@@ -71,6 +73,7 @@ let W3mSocialLoginWidget = class W3mSocialLoginWidget extends LitElement {
|
|
|
71
73
|
logo=${ifDefined(socials[0])}
|
|
72
74
|
align="center"
|
|
73
75
|
name=${`Continue with ${socials[0]}`}
|
|
76
|
+
tabIdx=${ifDefined(this.tabIdx)}
|
|
74
77
|
></wui-list-social>`;
|
|
75
78
|
}
|
|
76
79
|
bottomViewTemplate() {
|
|
@@ -89,8 +92,13 @@ let W3mSocialLoginWidget = class W3mSocialLoginWidget extends LitElement {
|
|
|
89
92
|
this.onSocialClick(social);
|
|
90
93
|
}}
|
|
91
94
|
logo=${social}
|
|
95
|
+
tabIdx=${ifDefined(this.tabIdx)}
|
|
92
96
|
></wui-logo-select>`)}
|
|
93
|
-
<wui-logo-select
|
|
97
|
+
<wui-logo-select
|
|
98
|
+
logo="more"
|
|
99
|
+
tabIdx=${ifDefined(this.tabIdx)}
|
|
100
|
+
@click=${this.onMoreSocialsClick.bind(this)}
|
|
101
|
+
></wui-logo-select>
|
|
94
102
|
</wui-flex>`;
|
|
95
103
|
}
|
|
96
104
|
return html `<wui-flex gap="xs">
|
|
@@ -100,6 +108,7 @@ let W3mSocialLoginWidget = class W3mSocialLoginWidget extends LitElement {
|
|
|
100
108
|
this.onSocialClick(social);
|
|
101
109
|
}}
|
|
102
110
|
logo=${social}
|
|
111
|
+
tabIdx=${ifDefined(this.tabIdx)}
|
|
103
112
|
></wui-logo-select>`)}
|
|
104
113
|
</wui-flex>`;
|
|
105
114
|
}
|
|
@@ -166,6 +175,12 @@ let W3mSocialLoginWidget = class W3mSocialLoginWidget extends LitElement {
|
|
|
166
175
|
}
|
|
167
176
|
};
|
|
168
177
|
W3mSocialLoginWidget.styles = styles;
|
|
178
|
+
__decorate([
|
|
179
|
+
property()
|
|
180
|
+
], W3mSocialLoginWidget.prototype, "walletGuide", void 0);
|
|
181
|
+
__decorate([
|
|
182
|
+
property()
|
|
183
|
+
], W3mSocialLoginWidget.prototype, "tabIdx", void 0);
|
|
169
184
|
__decorate([
|
|
170
185
|
state()
|
|
171
186
|
], W3mSocialLoginWidget.prototype, "connectors", void 0);
|
|
@@ -175,9 +190,6 @@ __decorate([
|
|
|
175
190
|
__decorate([
|
|
176
191
|
state()
|
|
177
192
|
], W3mSocialLoginWidget.prototype, "authConnector", void 0);
|
|
178
|
-
__decorate([
|
|
179
|
-
property()
|
|
180
|
-
], W3mSocialLoginWidget.prototype, "walletGuide", void 0);
|
|
181
193
|
W3mSocialLoginWidget = __decorate([
|
|
182
194
|
customElement('w3m-social-login-widget')
|
|
183
195
|
], W3mSocialLoginWidget);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-social-login-widget/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EAGhB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAEnD,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAExD,MAAM,YAAY,GAAG,CAAC,CAAA;AACtB,MAAM,cAAc,GAAG,CAAC,CAAA;AAGjB,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-social-login-widget/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,7 @@ import { LitElement, html } from 'lit';
|
|
|
9
9
|
import styles from './styles.js';
|
|
10
10
|
import { RouterController } from '@reown/appkit-core';
|
|
11
11
|
import { property } from 'lit/decorators.js';
|
|
12
|
+
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
12
13
|
let W3mWalletGuide = class W3mWalletGuide extends LitElement {
|
|
13
14
|
constructor() {
|
|
14
15
|
super(...arguments);
|
|
@@ -52,6 +53,7 @@ let W3mWalletGuide = class W3mWalletGuide extends LitElement {
|
|
|
52
53
|
color="blue-100"
|
|
53
54
|
class="get-started-link"
|
|
54
55
|
@click=${this.onGetStarted}
|
|
56
|
+
tabIdx=${ifDefined(this.tabIdx)}
|
|
55
57
|
>
|
|
56
58
|
Get started
|
|
57
59
|
</wui-link>
|
|
@@ -62,6 +64,9 @@ let W3mWalletGuide = class W3mWalletGuide extends LitElement {
|
|
|
62
64
|
}
|
|
63
65
|
};
|
|
64
66
|
W3mWalletGuide.styles = styles;
|
|
67
|
+
__decorate([
|
|
68
|
+
property()
|
|
69
|
+
], W3mWalletGuide.prototype, "tabIdx", void 0);
|
|
65
70
|
__decorate([
|
|
66
71
|
property()
|
|
67
72
|
], W3mWalletGuide.prototype, "walletGuide", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-wallet-guide/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,gBAAgB,EAAwB,MAAM,oBAAoB,CAAA;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-wallet-guide/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,gBAAgB,EAAwB,MAAM,oBAAoB,CAAA;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGjD,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAMc,gBAAW,GAAoB,aAAa,CAAA;IAoDjE,CAAC;IAjDiB,MAAM;QACpB,OAAO,IAAI,CAAC,WAAW,KAAK,SAAS;YACnC,CAAC,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;oBAqBQ;YACd,CAAC,CAAC,IAAI,CAAA;;;;;;;;;;;;;qBAaS,IAAI,CAAC,YAAY;qBACjB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;;;;oBAIvB,CAAA;IAClB,CAAC;IAGO,YAAY;QAClB,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IACjC,CAAC;;AAxDsB,qBAAM,GAAG,MAAM,AAAT,CAAS;AAGnB;IAAlB,QAAQ,EAAE;8CAAwB;AAEhB;IAAlB,QAAQ,EAAE;mDAAoD;AANpD,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CA0D1B"}
|
|
@@ -6,16 +6,25 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
6
6
|
};
|
|
7
7
|
import { customElement } from '@reown/appkit-ui';
|
|
8
8
|
import { LitElement, html } from 'lit';
|
|
9
|
+
import { property } from 'lit/decorators.js';
|
|
10
|
+
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
9
11
|
let W3mWalletLoginList = class W3mWalletLoginList extends LitElement {
|
|
12
|
+
constructor() {
|
|
13
|
+
super(...arguments);
|
|
14
|
+
this.tabIdx = undefined;
|
|
15
|
+
}
|
|
10
16
|
render() {
|
|
11
17
|
return html `
|
|
12
18
|
<wui-flex flexDirection="column" gap="xs">
|
|
13
|
-
<w3m-connector-list></w3m-connector-list>
|
|
14
|
-
<w3m-all-wallets-widget></w3m-all-wallets-widget>
|
|
19
|
+
<w3m-connector-list tabIdx=${ifDefined(this.tabIdx)}></w3m-connector-list>
|
|
20
|
+
<w3m-all-wallets-widget tabIdx=${ifDefined(this.tabIdx)}></w3m-all-wallets-widget>
|
|
15
21
|
</wui-flex>
|
|
16
22
|
`;
|
|
17
23
|
}
|
|
18
24
|
};
|
|
25
|
+
__decorate([
|
|
26
|
+
property()
|
|
27
|
+
], W3mWalletLoginList.prototype, "tabIdx", void 0);
|
|
19
28
|
W3mWalletLoginList = __decorate([
|
|
20
29
|
customElement('w3m-wallet-login-list')
|
|
21
30
|
], W3mWalletLoginList);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-wallet-login-list/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-wallet-login-list/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGjD,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAEc,WAAM,GAAY,SAAS,CAAA;IAWhD,CAAC;IARiB,MAAM;QACpB,OAAO,IAAI,CAAA;;qCAEsB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;yCAClB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;;KAE1D,CAAA;IACH,CAAC;CACF,CAAA;AAXoB;IAAlB,QAAQ,EAAE;kDAAmC;AAFnC,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAa9B"}
|
|
@@ -7,17 +7,42 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
7
7
|
import { customElement } from '@reown/appkit-ui';
|
|
8
8
|
import { LitElement, html } from 'lit';
|
|
9
9
|
import styles from './styles.js';
|
|
10
|
+
import { OptionsController } from '@reown/appkit-core';
|
|
11
|
+
import { state } from 'lit/decorators.js';
|
|
12
|
+
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
10
13
|
let W3mConnectSocialsView = class W3mConnectSocialsView extends LitElement {
|
|
14
|
+
constructor() {
|
|
15
|
+
super(...arguments);
|
|
16
|
+
this.checked = false;
|
|
17
|
+
}
|
|
11
18
|
render() {
|
|
19
|
+
const { termsConditionsUrl, privacyPolicyUrl } = OptionsController.state;
|
|
20
|
+
const legalCheckbox = OptionsController.state.features?.legalCheckbox;
|
|
21
|
+
const legalUrl = termsConditionsUrl || privacyPolicyUrl;
|
|
22
|
+
const showLegalCheckbox = Boolean(legalUrl) && Boolean(legalCheckbox);
|
|
23
|
+
const disabled = showLegalCheckbox && !this.checked;
|
|
24
|
+
const tabIndex = disabled ? -1 : undefined;
|
|
12
25
|
return html `
|
|
13
|
-
<
|
|
14
|
-
|
|
26
|
+
<w3m-legal-checkbox @checkboxChange=${this.onCheckboxChange.bind(this)}></w3m-legal-checkbox>
|
|
27
|
+
<wui-flex
|
|
28
|
+
flexDirection="column"
|
|
29
|
+
.padding=${showLegalCheckbox ? ['0', 's', 's', 's'] : 's'}
|
|
30
|
+
gap="xs"
|
|
31
|
+
class=${ifDefined(disabled ? 'disabled' : undefined)}
|
|
32
|
+
>
|
|
33
|
+
<w3m-social-login-list tabIdx=${ifDefined(tabIndex)}></w3m-social-login-list>
|
|
15
34
|
</wui-flex>
|
|
16
35
|
<w3m-legal-footer></w3m-legal-footer>
|
|
17
36
|
`;
|
|
18
37
|
}
|
|
38
|
+
onCheckboxChange(event) {
|
|
39
|
+
this.checked = Boolean(event.detail);
|
|
40
|
+
}
|
|
19
41
|
};
|
|
20
42
|
W3mConnectSocialsView.styles = styles;
|
|
43
|
+
__decorate([
|
|
44
|
+
state()
|
|
45
|
+
], W3mConnectSocialsView.prototype, "checked", void 0);
|
|
21
46
|
W3mConnectSocialsView = __decorate([
|
|
22
47
|
customElement('w3m-connect-socials-view')
|
|
23
48
|
], W3mConnectSocialsView);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-connect-socials-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAEtC,OAAO,MAAM,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-connect-socials-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAEtC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGjD,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QAGY,YAAO,GAAG,KAAK,CAAA;IAiClC,CAAC;IA9BiB,MAAM;QACpB,MAAM,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAA;QAExE,MAAM,aAAa,GAAG,iBAAiB,CAAC,KAAK,CAAC,QAAQ,EAAE,aAAa,CAAA;QAErE,MAAM,QAAQ,GAAG,kBAAkB,IAAI,gBAAgB,CAAA;QACvD,MAAM,iBAAiB,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,OAAO,CAAC,aAAa,CAAC,CAAA;QAErE,MAAM,QAAQ,GAAG,iBAAiB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAA;QAEnD,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAE1C,OAAO,IAAI,CAAA;4CAC6B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;;;mBAGzD,iBAAiB,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG;;gBAEjD,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;;wCAEpB,SAAS,CAAC,QAAQ,CAAC;;;KAGtD,CAAA;IACH,CAAC;IAGO,gBAAgB,CAAC,KAA0B;QACjD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IACtC,CAAC;;AAlCsB,4BAAM,GAAG,MAAM,AAAT,CAAS;AAErB;IAAhB,KAAK,EAAE;sDAAwB;AAHrB,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAoCjC"}
|
|
@@ -4,9 +4,16 @@ export default css `
|
|
|
4
4
|
max-height: clamp(360px, 540px, 80vh);
|
|
5
5
|
overflow: scroll;
|
|
6
6
|
scrollbar-width: none;
|
|
7
|
+
transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
|
|
8
|
+
will-change: opacity;
|
|
7
9
|
}
|
|
8
10
|
wui-flex::-webkit-scrollbar {
|
|
9
11
|
display: none;
|
|
10
12
|
}
|
|
13
|
+
wui-flex.disabled {
|
|
14
|
+
opacity: 0.3;
|
|
15
|
+
pointer-events: none;
|
|
16
|
+
user-select: none;
|
|
17
|
+
}
|
|
11
18
|
`;
|
|
12
19
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-connect-socials-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-connect-socials-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBjB,CAAA"}
|
|
@@ -4,12 +4,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
4
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
-
import { customElement } from '@reown/appkit-ui';
|
|
7
|
+
import { MathUtil, customElement } from '@reown/appkit-ui';
|
|
8
8
|
import { LitElement, html } from 'lit';
|
|
9
9
|
import styles from './styles.js';
|
|
10
10
|
import { ConnectionController, ConnectorController, CoreHelperUtil, OptionsController, RouterController } from '@reown/appkit-core';
|
|
11
11
|
import { state } from 'lit/decorators/state.js';
|
|
12
12
|
import { property } from 'lit/decorators.js';
|
|
13
|
+
import { classMap } from 'lit/directives/class-map.js';
|
|
14
|
+
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
13
15
|
let W3mConnectView = class W3mConnectView extends LitElement {
|
|
14
16
|
constructor() {
|
|
15
17
|
super();
|
|
@@ -18,6 +20,7 @@ let W3mConnectView = class W3mConnectView extends LitElement {
|
|
|
18
20
|
this.authConnector = this.connectors.find(c => c.type === 'AUTH');
|
|
19
21
|
this.features = OptionsController.state.features;
|
|
20
22
|
this.walletGuide = 'get-started';
|
|
23
|
+
this.checked = false;
|
|
21
24
|
this.unsubscribe.push(ConnectorController.subscribeKey('connectors', val => {
|
|
22
25
|
this.connectors = val;
|
|
23
26
|
this.authConnector = this.connectors.find(c => c.type === 'AUTH');
|
|
@@ -25,28 +28,55 @@ let W3mConnectView = class W3mConnectView extends LitElement {
|
|
|
25
28
|
}
|
|
26
29
|
disconnectedCallback() {
|
|
27
30
|
this.unsubscribe.forEach(unsubscribe => unsubscribe());
|
|
31
|
+
const connectEl = this.shadowRoot?.querySelector('.connect');
|
|
32
|
+
connectEl?.removeEventListener('scroll', this.handleConnectListScroll.bind(this));
|
|
33
|
+
}
|
|
34
|
+
firstUpdated() {
|
|
35
|
+
const connectEl = this.shadowRoot?.querySelector('.connect');
|
|
36
|
+
requestAnimationFrame(this.handleConnectListScroll.bind(this));
|
|
37
|
+
connectEl?.addEventListener('scroll', this.handleConnectListScroll.bind(this));
|
|
28
38
|
}
|
|
29
39
|
render() {
|
|
40
|
+
const { termsConditionsUrl, privacyPolicyUrl } = OptionsController.state;
|
|
41
|
+
const legalCheckbox = OptionsController.state.features?.legalCheckbox;
|
|
42
|
+
const legalUrl = termsConditionsUrl || privacyPolicyUrl;
|
|
43
|
+
const showLegalCheckbox = Boolean(legalUrl) && Boolean(legalCheckbox) && this.walletGuide === 'get-started';
|
|
44
|
+
const disabled = showLegalCheckbox && !this.checked;
|
|
45
|
+
const classes = {
|
|
46
|
+
connect: true,
|
|
47
|
+
disabled
|
|
48
|
+
};
|
|
30
49
|
const socials = this.features?.socials;
|
|
31
50
|
const enableWallets = OptionsController.state.enableWallets;
|
|
32
51
|
const socialsExist = socials && socials.length;
|
|
33
52
|
const socialOrEmailLoginEnabled = socialsExist || this.authConnector;
|
|
53
|
+
const tabIndex = disabled ? -1 : undefined;
|
|
34
54
|
return html `
|
|
35
|
-
<wui-flex
|
|
36
|
-
|
|
37
|
-
|
|
55
|
+
<wui-flex flexDirection="column">
|
|
56
|
+
${this.legalCheckboxTemplate()}
|
|
57
|
+
<wui-flex flexDirection="column" class=${classMap(classes)}>
|
|
58
|
+
<wui-flex
|
|
59
|
+
flexDirection="column"
|
|
60
|
+
.padding=${socialOrEmailLoginEnabled &&
|
|
61
|
+
enableWallets &&
|
|
62
|
+
this.walletGuide === 'get-started'
|
|
38
63
|
? ['3xs', 's', '0', 's']
|
|
39
64
|
: ['3xs', 's', 's', 's']}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
65
|
+
>
|
|
66
|
+
<w3m-email-login-widget
|
|
67
|
+
walletGuide=${this.walletGuide}
|
|
68
|
+
tabIdx=${ifDefined(tabIndex)}
|
|
69
|
+
></w3m-email-login-widget>
|
|
70
|
+
<w3m-social-login-widget tabIdx=${ifDefined(tabIndex)}></w3m-social-login-widget>
|
|
71
|
+
${this.walletListTemplate(tabIndex)}
|
|
72
|
+
</wui-flex>
|
|
73
|
+
</wui-flex>
|
|
74
|
+
${this.guideTemplate(disabled)}
|
|
75
|
+
<w3m-legal-footer></w3m-legal-footer>
|
|
44
76
|
</wui-flex>
|
|
45
|
-
${this.guideTemplate()}
|
|
46
|
-
<w3m-legal-footer></w3m-legal-footer>
|
|
47
77
|
`;
|
|
48
78
|
}
|
|
49
|
-
walletListTemplate() {
|
|
79
|
+
walletListTemplate(tabIndex) {
|
|
50
80
|
const socials = this.features?.socials;
|
|
51
81
|
const emailShowWallets = this.features?.emailShowWallets;
|
|
52
82
|
const enableWallets = OptionsController.state.enableWallets;
|
|
@@ -63,24 +93,30 @@ let W3mConnectView = class W3mConnectView extends LitElement {
|
|
|
63
93
|
if (this.authConnector && emailShowWallets) {
|
|
64
94
|
return html `
|
|
65
95
|
<wui-flex flexDirection="column" gap="xs" .margin=${['xs', '0', '0', '0']}>
|
|
66
|
-
<w3m-connector-list></w3m-connector-list>
|
|
96
|
+
<w3m-connector-list tabIdx=${ifDefined(tabIndex)}></w3m-connector-list>
|
|
67
97
|
<wui-flex class="all-wallets">
|
|
68
|
-
<w3m-all-wallets-widget></w3m-all-wallets-widget>
|
|
98
|
+
<w3m-all-wallets-widget tabIdx=${ifDefined(tabIndex)}></w3m-all-wallets-widget>
|
|
69
99
|
</wui-flex>
|
|
70
100
|
</wui-flex>
|
|
71
101
|
`;
|
|
72
102
|
}
|
|
73
103
|
return html `<wui-list-button
|
|
104
|
+
tabIdx=${ifDefined(tabIndex)}
|
|
74
105
|
@click=${this.onContinueWalletClick.bind(this)}
|
|
75
106
|
text="Continue with a wallet"
|
|
76
107
|
></wui-list-button>`;
|
|
77
108
|
}
|
|
78
|
-
return html `<w3m-wallet-login-list></w3m-wallet-login-list>`;
|
|
109
|
+
return html `<w3m-wallet-login-list tabIdx=${ifDefined(tabIndex)}></w3m-wallet-login-list>`;
|
|
79
110
|
}
|
|
80
|
-
guideTemplate() {
|
|
111
|
+
guideTemplate(disabled = false) {
|
|
81
112
|
const socials = this.features?.socials;
|
|
82
113
|
const enableWallets = OptionsController.state.enableWallets;
|
|
83
114
|
const socialsExist = socials && socials.length;
|
|
115
|
+
const classes = {
|
|
116
|
+
guide: true,
|
|
117
|
+
disabled
|
|
118
|
+
};
|
|
119
|
+
const tabIndex = disabled ? -1 : undefined;
|
|
84
120
|
if (!this.authConnector && !socialsExist) {
|
|
85
121
|
return null;
|
|
86
122
|
}
|
|
@@ -89,20 +125,51 @@ let W3mConnectView = class W3mConnectView extends LitElement {
|
|
|
89
125
|
}
|
|
90
126
|
if (this.walletGuide === 'explore') {
|
|
91
127
|
return html `
|
|
92
|
-
<wui-flex
|
|
128
|
+
<wui-flex
|
|
129
|
+
flexDirection="column"
|
|
130
|
+
.padding=${['0', '0', 'xl', '0']}
|
|
131
|
+
class=${classMap(classes)}
|
|
132
|
+
>
|
|
93
133
|
<w3m-wallet-guide walletGuide=${this.walletGuide}></w3m-wallet-guide>
|
|
94
134
|
</wui-flex>
|
|
95
135
|
`;
|
|
96
136
|
}
|
|
97
137
|
return html `
|
|
98
|
-
<wui-flex
|
|
99
|
-
|
|
138
|
+
<wui-flex
|
|
139
|
+
flexDirection="column"
|
|
140
|
+
.padding=${['xl', '0', 'xl', '0']}
|
|
141
|
+
class=${classMap(classes)}
|
|
142
|
+
>
|
|
143
|
+
<w3m-wallet-guide
|
|
144
|
+
tabIdx=${ifDefined(tabIndex)}
|
|
145
|
+
walletGuide=${this.walletGuide}
|
|
146
|
+
></w3m-wallet-guide>
|
|
100
147
|
</wui-flex>
|
|
101
148
|
`;
|
|
102
149
|
}
|
|
150
|
+
legalCheckboxTemplate() {
|
|
151
|
+
if (this.walletGuide === 'explore') {
|
|
152
|
+
return null;
|
|
153
|
+
}
|
|
154
|
+
return html `<w3m-legal-checkbox
|
|
155
|
+
@checkboxChange=${this.onCheckboxChange.bind(this)}
|
|
156
|
+
data-testid="w3m-legal-checkbox"
|
|
157
|
+
></w3m-legal-checkbox>`;
|
|
158
|
+
}
|
|
159
|
+
handleConnectListScroll() {
|
|
160
|
+
const connectEl = this.shadowRoot?.querySelector('.connect');
|
|
161
|
+
if (!connectEl || connectEl.scrollHeight <= 470) {
|
|
162
|
+
return;
|
|
163
|
+
}
|
|
164
|
+
connectEl.style.setProperty('--connect-scroll--top-opacity', MathUtil.interpolate([0, 50], [0, 1], connectEl.scrollTop).toString());
|
|
165
|
+
connectEl.style.setProperty('--connect-scroll--bottom-opacity', MathUtil.interpolate([0, 50], [0, 1], connectEl.scrollHeight - connectEl.scrollTop - connectEl.offsetHeight).toString());
|
|
166
|
+
}
|
|
103
167
|
onContinueWalletClick() {
|
|
104
168
|
RouterController.push('ConnectWallets');
|
|
105
169
|
}
|
|
170
|
+
onCheckboxChange(event) {
|
|
171
|
+
this.checked = Boolean(event.detail);
|
|
172
|
+
}
|
|
106
173
|
};
|
|
107
174
|
W3mConnectView.styles = styles;
|
|
108
175
|
__decorate([
|
|
@@ -117,6 +184,9 @@ __decorate([
|
|
|
117
184
|
__decorate([
|
|
118
185
|
property()
|
|
119
186
|
], W3mConnectView.prototype, "walletGuide", void 0);
|
|
187
|
+
__decorate([
|
|
188
|
+
state()
|
|
189
|
+
], W3mConnectView.prototype, "checked", void 0);
|
|
120
190
|
W3mConnectView = __decorate([
|
|
121
191
|
customElement('w3m-connect-view')
|
|
122
192
|
], W3mConnectView);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-connect-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-connect-view/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,18 +1,46 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
2
|
export default css `
|
|
3
|
-
:host
|
|
4
|
-
|
|
3
|
+
:host {
|
|
4
|
+
--connect-scroll--top-opacity: 0;
|
|
5
|
+
--connect-scroll--bottom-opacity: 0;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.connect {
|
|
9
|
+
max-height: clamp(360px, 470px, 80vh);
|
|
5
10
|
scrollbar-width: none;
|
|
6
11
|
overflow-y: scroll;
|
|
7
12
|
overflow-x: hidden;
|
|
13
|
+
transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
|
|
14
|
+
will-change: opacity;
|
|
15
|
+
mask-image: linear-gradient(
|
|
16
|
+
to bottom,
|
|
17
|
+
rgba(0, 0, 0, calc(1 - var(--connect-scroll--top-opacity))) 0px,
|
|
18
|
+
rgba(200, 200, 200, calc(1 - var(--connect-scroll--top-opacity))) 1px,
|
|
19
|
+
black 140px,
|
|
20
|
+
black calc(100% - 140px),
|
|
21
|
+
rgba(155, 155, 155, calc(1 - var(--connect-scroll--bottom-opacity))) calc(100% - 1px),
|
|
22
|
+
rgba(0, 0, 0, calc(1 - var(--connect-scroll--bottom-opacity))) 100%
|
|
23
|
+
);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.guide {
|
|
27
|
+
transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
|
|
28
|
+
will-change: opacity;
|
|
8
29
|
}
|
|
9
30
|
|
|
10
|
-
|
|
31
|
+
.connect::-webkit-scrollbar {
|
|
11
32
|
display: none;
|
|
12
33
|
}
|
|
13
34
|
|
|
14
35
|
.all-wallets {
|
|
15
36
|
flex-flow: column;
|
|
16
37
|
}
|
|
38
|
+
|
|
39
|
+
.connect.disabled,
|
|
40
|
+
.guide.disabled {
|
|
41
|
+
opacity: 0.3;
|
|
42
|
+
pointer-events: none;
|
|
43
|
+
user-select: none;
|
|
44
|
+
}
|
|
17
45
|
`;
|
|
18
46
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-connect-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-connect-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CjB,CAAA"}
|
|
@@ -7,17 +7,42 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
7
7
|
import { customElement } from '@reown/appkit-ui';
|
|
8
8
|
import { LitElement, html } from 'lit';
|
|
9
9
|
import styles from './styles.js';
|
|
10
|
+
import { state } from 'lit/decorators.js';
|
|
11
|
+
import { OptionsController } from '@reown/appkit-core';
|
|
12
|
+
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
10
13
|
let W3mConnectWalletsView = class W3mConnectWalletsView extends LitElement {
|
|
14
|
+
constructor() {
|
|
15
|
+
super(...arguments);
|
|
16
|
+
this.checked = false;
|
|
17
|
+
}
|
|
11
18
|
render() {
|
|
19
|
+
const { termsConditionsUrl, privacyPolicyUrl } = OptionsController.state;
|
|
20
|
+
const legalCheckbox = OptionsController.state.features?.legalCheckbox;
|
|
21
|
+
const legalUrl = termsConditionsUrl || privacyPolicyUrl;
|
|
22
|
+
const showLegalCheckbox = Boolean(legalUrl) && Boolean(legalCheckbox);
|
|
23
|
+
const disabled = showLegalCheckbox && !this.checked;
|
|
24
|
+
const tabIndex = disabled ? -1 : undefined;
|
|
12
25
|
return html `
|
|
13
|
-
<
|
|
14
|
-
|
|
26
|
+
<w3m-legal-checkbox @checkboxChange=${this.onCheckboxChange.bind(this)}></w3m-legal-checkbox>
|
|
27
|
+
<wui-flex
|
|
28
|
+
flexDirection="column"
|
|
29
|
+
.padding=${showLegalCheckbox ? ['0', 's', 's', 's'] : 's'}
|
|
30
|
+
gap="xs"
|
|
31
|
+
class=${ifDefined(disabled ? 'disabled' : undefined)}
|
|
32
|
+
>
|
|
33
|
+
<w3m-wallet-login-list tabIdx=${ifDefined(tabIndex)}></w3m-wallet-login-list>
|
|
15
34
|
</wui-flex>
|
|
16
35
|
<w3m-legal-footer></w3m-legal-footer>
|
|
17
36
|
`;
|
|
18
37
|
}
|
|
38
|
+
onCheckboxChange(event) {
|
|
39
|
+
this.checked = Boolean(event.detail);
|
|
40
|
+
}
|
|
19
41
|
};
|
|
20
42
|
W3mConnectWalletsView.styles = styles;
|
|
43
|
+
__decorate([
|
|
44
|
+
state()
|
|
45
|
+
], W3mConnectWalletsView.prototype, "checked", void 0);
|
|
21
46
|
W3mConnectWalletsView = __decorate([
|
|
22
47
|
customElement('w3m-connect-wallets-view')
|
|
23
48
|
], W3mConnectWalletsView);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-connect-wallets-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAEtC,OAAO,MAAM,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-connect-wallets-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAEtC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGjD,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QAGY,YAAO,GAAG,KAAK,CAAA;IAiClC,CAAC;IA9BiB,MAAM;QACpB,MAAM,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAA;QAExE,MAAM,aAAa,GAAG,iBAAiB,CAAC,KAAK,CAAC,QAAQ,EAAE,aAAa,CAAA;QAErE,MAAM,QAAQ,GAAG,kBAAkB,IAAI,gBAAgB,CAAA;QACvD,MAAM,iBAAiB,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,OAAO,CAAC,aAAa,CAAC,CAAA;QAErE,MAAM,QAAQ,GAAG,iBAAiB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAA;QAEnD,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAE1C,OAAO,IAAI,CAAA;4CAC6B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;;;mBAGzD,iBAAiB,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG;;gBAEjD,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;;wCAEpB,SAAS,CAAC,QAAQ,CAAC;;;KAGtD,CAAA;IACH,CAAC;IAGO,gBAAgB,CAAC,KAA0B;QACjD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IACtC,CAAC;;AAlCsB,4BAAM,GAAG,MAAM,AAAT,CAAS;AAErB;IAAhB,KAAK,EAAE;sDAAwB;AAHrB,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAoCjC"}
|
|
@@ -4,9 +4,16 @@ export default css `
|
|
|
4
4
|
max-height: clamp(360px, 540px, 80vh);
|
|
5
5
|
overflow: scroll;
|
|
6
6
|
scrollbar-width: none;
|
|
7
|
+
transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
|
|
8
|
+
will-change: opacity;
|
|
7
9
|
}
|
|
8
10
|
wui-flex::-webkit-scrollbar {
|
|
9
11
|
display: none;
|
|
10
12
|
}
|
|
13
|
+
wui-flex.disabled {
|
|
14
|
+
opacity: 0.3;
|
|
15
|
+
pointer-events: none;
|
|
16
|
+
user-select: none;
|
|
17
|
+
}
|
|
11
18
|
`;
|
|
12
19
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-connect-wallets-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-connect-wallets-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBjB,CAAA"}
|
|
@@ -55,10 +55,13 @@ let W3mConnectingWcView = class W3mConnectingWcView extends LitElement {
|
|
|
55
55
|
});
|
|
56
56
|
ConnectionController.setWcError(true);
|
|
57
57
|
if (CoreHelperUtil.isAllowedRetry(this.lastRetry)) {
|
|
58
|
-
SnackController.showError('Declined');
|
|
58
|
+
SnackController.showError(error.message ?? 'Declined');
|
|
59
59
|
this.lastRetry = Date.now();
|
|
60
60
|
this.initializeConnection(true);
|
|
61
61
|
}
|
|
62
|
+
else {
|
|
63
|
+
SnackController.showError(error.message ?? 'Connection error');
|
|
64
|
+
}
|
|
62
65
|
}
|
|
63
66
|
}
|
|
64
67
|
finalizeConnection() {
|