@reown/appkit-scaffold-ui 1.3.1 → 1.3.2

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.
Files changed (18) hide show
  1. package/dist/esm/src/partials/w3m-all-wallets-list/styles.js +3 -3
  2. package/dist/esm/src/partials/w3m-all-wallets-list-item/index.js +10 -1
  3. package/dist/esm/src/partials/w3m-all-wallets-list-item/index.js.map +1 -1
  4. package/dist/esm/src/partials/w3m-all-wallets-list-item/styles.js +16 -5
  5. package/dist/esm/src/partials/w3m-all-wallets-list-item/styles.js.map +1 -1
  6. package/dist/esm/src/partials/w3m-all-wallets-search/index.js +8 -3
  7. package/dist/esm/src/partials/w3m-all-wallets-search/index.js.map +1 -1
  8. package/dist/esm/src/partials/w3m-all-wallets-search/styles.js +7 -0
  9. package/dist/esm/src/partials/w3m-all-wallets-search/styles.js.map +1 -1
  10. package/dist/esm/src/partials/w3m-snackbar/index.js +4 -3
  11. package/dist/esm/src/partials/w3m-snackbar/index.js.map +1 -1
  12. package/dist/esm/src/views/w3m-all-wallets-view/index.js +28 -5
  13. package/dist/esm/src/views/w3m-all-wallets-view/index.js.map +1 -1
  14. package/dist/esm/src/views/w3m-connect-view/styles.js +2 -2
  15. package/dist/esm/tsconfig.tsbuildinfo +1 -1
  16. package/dist/types/src/partials/w3m-all-wallets-search/index.d.ts +2 -0
  17. package/dist/types/src/views/w3m-all-wallets-view/index.d.ts +2 -0
  18. package/package.json +7 -7
package/dist/esm/src/partials/w3m-all-wallets-list/styles.js CHANGED
@@ -5,12 +5,12 @@ export default css `
5
5
  overflow: scroll;
6
6
  scrollbar-width: none;
7
7
  grid-auto-rows: min-content;
8
- grid-template-columns: repeat(auto-fill, 76px);
8
+ grid-template-columns: repeat(auto-fill, 104px);
9
9
  }
10
10
 
11
- @media (max-width: 435px) {
11
+ @media (max-width: 350px) {
12
12
  wui-grid {
13
- grid-template-columns: repeat(auto-fill, 77px);
13
+ grid-template-columns: repeat(2, 1fr);
14
14
  }
15
15
  }
16
16
 
package/dist/esm/src/partials/w3m-all-wallets-list-item/index.js CHANGED
@@ -37,10 +37,19 @@ let W3mAllWalletsListItem = class W3mAllWalletsListItem extends LitElement {
37
37
  this.observer.disconnect();
38
38
  }
39
39
  render() {
40
+ const certified = this.wallet?.badge_type === 'certified';
40
41
  return html `
41
42
  <button ontouchstart>
42
43
  ${this.imageTemplate()}
43
- <wui-text variant="tiny-500" color="inherit">${this.wallet?.name}</wui-text>
44
+ <wui-flex flexDirection="row" alignItems="center" justifyContent="center" gap="3xs">
45
+ <wui-text
46
+ variant="tiny-500"
47
+ color="inherit"
48
+ class=${ifDefined(certified ? 'certified' : undefined)}
49
+ >${this.wallet?.name}</wui-text
50
+ >
51
+ ${certified ? html `<wui-icon size="sm" name="walletConnectBrown"></wui-icon>` : null}
52
+ </wui-flex>
44
53
  </button>
45
54
  `;
46
55
  }
package/dist/esm/src/partials/w3m-all-wallets-list-item/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-all-wallets-list-item/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-all-wallets-list-item/index.ts"],"names":[],"mappings":"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"}
package/dist/esm/src/partials/w3m-all-wallets-list-item/styles.js CHANGED
@@ -5,9 +5,10 @@ export default css `
5
5
  flex-direction: column;
6
6
  justify-content: center;
7
7
  align-items: center;
8
- width: 76px;
8
+ cursor: pointer;
9
+ width: 104px;
9
10
  row-gap: var(--wui-spacing-xs);
10
- padding: var(--wui-spacing-xs) var(--wui-spacing-0);
11
+ padding: var(--wui-spacing-s) var(--wui-spacing-0);
11
12
  background-color: var(--wui-color-gray-glass-002);
12
13
  border-radius: clamp(0px, var(--wui-border-radius-xs), 20px);
13
14
  will-change: background-color, color;
@@ -15,20 +16,24 @@ export default css `
15
16
  border: none;
16
17
  }
17
18
 
18
- button > wui-text {
19
+ button > wui-flex > wui-text {
19
20
  color: var(--wui-color-fg-100);
20
- max-width: var(--wui-icon-box-size-xl);
21
+ max-width: 86px;
21
22
  white-space: nowrap;
22
23
  overflow: hidden;
23
24
  text-overflow: ellipsis;
24
25
  justify-content: center;
25
26
  }
26
27
 
28
+ button > wui-flex > wui-text.certified {
29
+ max-width: 66px;
30
+ }
31
+
27
32
  button:hover:enabled {
28
33
  background-color: var(--wui-color-gray-glass-005);
29
34
  }
30
35
 
31
- button:disabled > wui-text {
36
+ button:disabled > wui-flex > wui-text {
32
37
  color: var(--wui-color-gray-glass-015);
33
38
  }
34
39
 
@@ -45,5 +50,11 @@ export default css `
45
50
  [data-selected='true']:active:enabled {
46
51
  background-color: var(--wui-color-accent-glass-010);
47
52
  }
53
+
54
+ @media (max-width: 350px) {
55
+ button {
56
+ width: 100%;
57
+ }
58
+ }
48
59
  `;
49
60
  //# sourceMappingURL=styles.js.map
package/dist/esm/src/partials/w3m-all-wallets-list-item/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-all-wallets-list-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CjB,CAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-all-wallets-list-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDjB,CAAA"}
package/dist/esm/src/partials/w3m-all-wallets-search/index.js CHANGED
@@ -14,6 +14,7 @@ let W3mAllWalletsSearch = class W3mAllWalletsSearch extends LitElement {
14
14
  constructor() {
15
15
  super(...arguments);
16
16
  this.prevQuery = '';
17
+ this.prevBadge = undefined;
17
18
  this.loading = true;
18
19
  this.query = '';
19
20
  }
@@ -24,10 +25,11 @@ let W3mAllWalletsSearch = class W3mAllWalletsSearch extends LitElement {
24
25
  : this.walletsTemplate();
25
26
  }
26
27
  async onSearch() {
27
- if (this.query.trim() !== this.prevQuery.trim()) {
28
+ if (this.query.trim() !== this.prevQuery.trim() || this.badge !== this.prevBadge) {
28
29
  this.prevQuery = this.query;
30
+ this.prevBadge = this.badge;
29
31
  this.loading = true;
30
- await ApiController.searchWallet({ search: this.query });
32
+ await ApiController.searchWallet({ search: this.query, badge: this.badge });
31
33
  this.loading = false;
32
34
  }
33
35
  }
@@ -51,9 +53,9 @@ let W3mAllWalletsSearch = class W3mAllWalletsSearch extends LitElement {
51
53
  return html `
52
54
  <wui-grid
53
55
  .padding=${['0', 's', 's', 's']}
54
- gridTemplateColumns="repeat(4, 1fr)"
55
56
  rowGap="l"
56
57
  columnGap="xs"
58
+ justifyContent="space-between"
57
59
  >
58
60
  ${wallets.map(wallet => html `
59
61
  <w3m-all-wallets-list-item
@@ -82,6 +84,9 @@ __decorate([
82
84
  __decorate([
83
85
  property()
84
86
  ], W3mAllWalletsSearch.prototype, "query", void 0);
87
+ __decorate([
88
+ property()
89
+ ], W3mAllWalletsSearch.prototype, "badge", void 0);
85
90
  W3mAllWalletsSearch = __decorate([
86
91
  customElement('w3m-all-wallets-search')
87
92
  ], W3mAllWalletsSearch);
package/dist/esm/src/partials/w3m-all-wallets-search/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-all-wallets-search/index.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACzF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAG/C,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,UAAU;IAA5C;;QAIG,cAAS,GAAG,EAAE,CAAA;QAGL,YAAO,GAAG,IAAI,CAAA;QAEX,UAAK,GAAG,EAAE,CAAA;IAoEhC,CAAC;IAjEiB,MAAM;QACpB,IAAI,CAAC,QAAQ,EAAE,CAAA;QAEf,OAAO,IAAI,CAAC,OAAO;YACjB,CAAC,CAAC,IAAI,CAAA,gEAAgE;YACtE,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE,CAAA;IAC5B,CAAC;IAGO,KAAK,CAAC,QAAQ;QACpB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC;YAChD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAA;YAC3B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;YACnB,MAAM,aAAa,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;YACxD,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACtB,CAAC;IACH,CAAC;IAEO,eAAe;QACrB,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,CAAC,KAAK,CAAA;QACtC,MAAM,OAAO,GAAG,UAAU,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAA;QAEzD,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;YACnB,OAAO,IAAI,CAAA;;;;;;;;;;;OAWV,CAAA;QACH,CAAC;QAED,OAAO,IAAI,CAAA;;mBAEI,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;;;;;UAKtC,OAAO,CAAC,GAAG,CACX,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;;uBAED,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;wBACjC,MAAM;gDACkB,MAAM,CAAC,EAAE;;WAE9C,CACF;;KAEJ,CAAA;IACH,CAAC;IAEO,eAAe,CAAC,MAAgB;QACtC,MAAM,SAAS,GAAG,mBAAmB,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,CAAA;QAC1E,IAAI,SAAS,EAAE,CAAC;YACd,gBAAgB,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE,SAAS,EAAE,CAAC,CAAA;QAC5D,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,IAAI,CAAC,yBAAyB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAA;QAC9D,CAAC;IACH,CAAC;;AA3EsB,0BAAM,GAAG,MAAM,AAAT,CAAS;AAMrB;IAAhB,KAAK,EAAE;oDAAuB;AAEX;IAAnB,QAAQ,EAAE;kDAAmB;AATnB,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CA6E/B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-all-wallets-search/index.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACzF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAG/C,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,UAAU;IAA5C;;QAIG,cAAS,GAAG,EAAE,CAAA;QAEd,cAAS,GAAe,SAAS,CAAA;QAGxB,YAAO,GAAG,IAAI,CAAA;QAEX,UAAK,GAAG,EAAE,CAAA;IAuEhC,CAAC;IAlEiB,MAAM;QACpB,IAAI,CAAC,QAAQ,EAAE,CAAA;QAEf,OAAO,IAAI,CAAC,OAAO;YACjB,CAAC,CAAC,IAAI,CAAA,gEAAgE;YACtE,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE,CAAA;IAC5B,CAAC;IAGO,KAAK,CAAC,QAAQ;QACpB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;YACjF,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAA;YAC3B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAA;YAC3B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;YACnB,MAAM,aAAa,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;YAC3E,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACtB,CAAC;IACH,CAAC;IAEO,eAAe;QACrB,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,CAAC,KAAK,CAAA;QACtC,MAAM,OAAO,GAAG,UAAU,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAA;QAEzD,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;YACnB,OAAO,IAAI,CAAA;;;;;;;;;;;OAWV,CAAA;QACH,CAAC;QAED,OAAO,IAAI,CAAA;;mBAEI,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;;;;;UAKtC,OAAO,CAAC,GAAG,CACX,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;;uBAED,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;wBACjC,MAAM;gDACkB,MAAM,CAAC,EAAE;;WAE9C,CACF;;KAEJ,CAAA;IACH,CAAC;IAEO,eAAe,CAAC,MAAgB;QACtC,MAAM,SAAS,GAAG,mBAAmB,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,CAAA;QAC1E,IAAI,SAAS,EAAE,CAAC;YACd,gBAAgB,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE,SAAS,EAAE,CAAC,CAAA;QAC5D,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,IAAI,CAAC,yBAAyB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAA;QAC9D,CAAC;IACH,CAAC;;AAhFsB,0BAAM,GAAG,MAAM,AAAT,CAAS;AAQrB;IAAhB,KAAK,EAAE;oDAAuB;AAEX;IAAnB,QAAQ,EAAE;kDAAmB;AAEV;IAAnB,QAAQ,EAAE;kDAA0B;AAb1B,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CAkF/B"}
package/dist/esm/src/partials/w3m-all-wallets-search/styles.js CHANGED
@@ -10,6 +10,7 @@ export default css `
10
10
  overflow: scroll;
11
11
  scrollbar-width: none;
12
12
  grid-auto-rows: min-content;
13
+ grid-template-columns: repeat(auto-fill, 104px);
13
14
  }
14
15
 
15
16
  wui-grid[data-scroll='false'] {
@@ -24,5 +25,11 @@ export default css `
24
25
  justify-content: center;
25
26
  align-items: center;
26
27
  }
28
+
29
+ @media (max-width: 350px) {
30
+ wui-grid {
31
+ grid-template-columns: repeat(2, 1fr);
32
+ }
33
+ }
27
34
  `;
28
35
  //# sourceMappingURL=styles.js.map
package/dist/esm/src/partials/w3m-all-wallets-search/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-all-wallets-search/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;CAyBjB,CAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-all-wallets-search/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCjB,CAAA"}
package/dist/esm/src/partials/w3m-snackbar/index.js CHANGED
@@ -38,14 +38,15 @@ let W3mSnackBar = class W3mSnackBar extends LitElement {
38
38
  this.unsubscribe.forEach(unsubscribe => unsubscribe());
39
39
  }
40
40
  render() {
41
- const { message, variant } = SnackController.state;
41
+ const { message, variant, svg } = SnackController.state;
42
42
  const preset = presets[variant];
43
+ const { icon, iconColor } = svg ?? preset ?? {};
43
44
  return html `
44
45
  <wui-snackbar
45
46
  message=${message}
46
47
  backgroundColor=${preset?.backgroundColor}
47
- iconColor=${preset?.iconColor}
48
- icon=${preset?.icon}
48
+ iconColor=${iconColor}
49
+ icon=${icon}
49
50
  .loading=${variant === 'loading'}
50
51
  ></wui-snackbar>
51
52
  `;
package/dist/esm/src/partials/w3m-snackbar/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-snackbar/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-snackbar/index.ts"],"names":[],"mappings":"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"}
package/dist/esm/src/views/w3m-all-wallets-view/index.js CHANGED
@@ -4,10 +4,11 @@ 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 { CoreHelperUtil, RouterController } from '@reown/appkit-core';
7
+ import { CoreHelperUtil, RouterController, SnackController } from '@reown/appkit-core';
8
8
  import { customElement } from '@reown/appkit-ui';
9
9
  import { LitElement, html } from 'lit';
10
10
  import { state } from 'lit/decorators.js';
11
+ import { ifDefined } from 'lit/directives/if-defined.js';
11
12
  let W3mAllWalletsView = class W3mAllWalletsView extends LitElement {
12
13
  constructor() {
13
14
  super(...arguments);
@@ -19,18 +20,37 @@ let W3mAllWalletsView = class W3mAllWalletsView extends LitElement {
19
20
  render() {
20
21
  const isSearch = this.search.length >= 2;
21
22
  return html `
22
- <wui-flex .padding=${['0', 's', 's', 's']} gap="s">
23
+ <wui-flex .padding=${['0', 's', 's', 's']} gap="xs">
23
24
  <wui-search-bar @inputChange=${this.onInputChange.bind(this)}></wui-search-bar>
25
+ <wui-certified-switch
26
+ ?checked=${this.badge}
27
+ @click=${this.onClick.bind(this)}
28
+ data-testid="wui-certified-switch"
29
+ ></wui-certified-switch>
24
30
  ${this.qrButtonTemplate()}
25
31
  </wui-flex>
26
- ${isSearch
27
- ? html `<w3m-all-wallets-search query=${this.search}></w3m-all-wallets-search>`
28
- : html `<w3m-all-wallets-list></w3m-all-wallets-list>`}
32
+ ${isSearch || this.badge
33
+ ? html `<w3m-all-wallets-search
34
+ query=${this.search}
35
+ badge=${ifDefined(this.badge)}
36
+ ></w3m-all-wallets-search>`
37
+ : html `<w3m-all-wallets-list badge=${ifDefined(this.badge)}></w3m-all-wallets-list>`}
29
38
  `;
30
39
  }
31
40
  onInputChange(event) {
32
41
  this.onDebouncedSearch(event.detail);
33
42
  }
43
+ onClick() {
44
+ if (this.badge === 'certified') {
45
+ this.badge = undefined;
46
+ return;
47
+ }
48
+ this.badge = 'certified';
49
+ SnackController.showSvg('Only WalletConnect certified', {
50
+ icon: 'walletConnectBrown',
51
+ iconColor: 'accent-100'
52
+ });
53
+ }
34
54
  qrButtonTemplate() {
35
55
  if (CoreHelperUtil.isMobile()) {
36
56
  return html `
@@ -56,6 +76,9 @@ let W3mAllWalletsView = class W3mAllWalletsView extends LitElement {
56
76
  __decorate([
57
77
  state()
58
78
  ], W3mAllWalletsView.prototype, "search", void 0);
79
+ __decorate([
80
+ state()
81
+ ], W3mAllWalletsView.prototype, "badge", void 0);
59
82
  W3mAllWalletsView = __decorate([
60
83
  customElement('w3m-all-wallets-view')
61
84
  ], W3mAllWalletsView);
package/dist/esm/src/views/w3m-all-wallets-view/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-all-wallets-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrE,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;AAGlC,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAA1C;;QAEY,WAAM,GAAG,EAAE,CAAA;QAsBpB,sBAAiB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC,KAAa,EAAE,EAAE;YACpE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;QACrB,CAAC,CAAC,CAAA;IAyBJ,CAAC;IA9CiB,MAAM;QACpB,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,CAAA;QAExC,OAAO,IAAI,CAAA;2BACY,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;uCACR,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;UAC1D,IAAI,CAAC,gBAAgB,EAAE;;QAEzB,QAAQ;YACR,CAAC,CAAC,IAAI,CAAA,iCAAiC,IAAI,CAAC,MAAM,4BAA4B;YAC9E,CAAC,CAAC,IAAI,CAAA,+CAA+C;KACxD,CAAA;IACH,CAAC;IAGO,aAAa,CAAC,KAA0B;QAC9C,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IACtC,CAAC;IAMO,gBAAgB;QACtB,IAAI,cAAc,CAAC,QAAQ,EAAE,EAAE,CAAC;YAC9B,OAAO,IAAI,CAAA;;;;;;;;;;mBAUE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC;;OAE7C,CAAA;QACH,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;IAEO,iBAAiB;QACvB,gBAAgB,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAA;IAClD,CAAC;CACF,CAAA;AAjDkB;IAAhB,KAAK,EAAE;iDAAoB;AAFjB,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAmD7B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-all-wallets-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,cAAc,EACd,gBAAgB,EAEhB,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;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGjD,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAA1C;;QAEY,WAAM,GAAG,EAAE,CAAA;QA8CpB,sBAAiB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC,KAAa,EAAE,EAAE;YACpE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;QACrB,CAAC,CAAC,CAAA;IAyBJ,CAAC;IApEiB,MAAM;QACpB,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,CAAA;QAExC,OAAO,IAAI,CAAA;2BACY,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;uCACR,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;;qBAE/C,IAAI,CAAC,KAAK;mBACZ,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;;;UAGhC,IAAI,CAAC,gBAAgB,EAAE;;QAEzB,QAAQ,IAAI,IAAI,CAAC,KAAK;YACtB,CAAC,CAAC,IAAI,CAAA;oBACM,IAAI,CAAC,MAAM;oBACX,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;qCACJ;YAC7B,CAAC,CAAC,IAAI,CAAA,+BAA+B,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,0BAA0B;KACvF,CAAA;IACH,CAAC;IAGO,aAAa,CAAC,KAA0B;QAC9C,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IACtC,CAAC;IAEO,OAAO;QACb,IAAI,IAAI,CAAC,KAAK,KAAK,WAAW,EAAE,CAAC;YAC/B,IAAI,CAAC,KAAK,GAAG,SAAS,CAAA;YAEtB,OAAM;QACR,CAAC;QAED,IAAI,CAAC,KAAK,GAAG,WAAW,CAAA;QACxB,eAAe,CAAC,OAAO,CAAC,8BAA8B,EAAE;YACtD,IAAI,EAAE,oBAAoB;YAC1B,SAAS,EAAE,YAAY;SACxB,CAAC,CAAA;IACJ,CAAC;IAMO,gBAAgB;QACtB,IAAI,cAAc,CAAC,QAAQ,EAAE,EAAE,CAAC;YAC9B,OAAO,IAAI,CAAA;;;;;;;;;;mBAUE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC;;OAE7C,CAAA;QACH,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;IAEO,iBAAiB;QACvB,gBAAgB,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAA;IAClD,CAAC;CACF,CAAA;AAzEkB;IAAhB,KAAK,EAAE;iDAAoB;AAEX;IAAhB,KAAK,EAAE;gDAA0B;AAJvB,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CA2E7B"}
package/dist/esm/src/views/w3m-connect-view/styles.js CHANGED
@@ -16,8 +16,8 @@ export default css `
16
16
  to bottom,
17
17
  rgba(0, 0, 0, calc(1 - var(--connect-scroll--top-opacity))) 0px,
18
18
  rgba(200, 200, 200, calc(1 - var(--connect-scroll--top-opacity))) 1px,
19
- black 140px,
20
- black calc(100% - 140px),
19
+ black 40px,
20
+ black calc(100% - 40px),
21
21
  rgba(155, 155, 155, calc(1 - var(--connect-scroll--bottom-opacity))) calc(100% - 1px),
22
22
  rgba(0, 0, 0, calc(1 - var(--connect-scroll--bottom-opacity))) 100%
23
23
  );